Processing .obj file and converting it into a string format with the help of three

Question

Processing .obj file and converting it into a string format with the help of three

I have a unique challenge where my program creates .obj files at runtime and stores them as strings. I am now looking to load these generated .obj files using the load() function in three.js (OBJLoader).

Currently, the load() function uses an HTTP request to retrieve the .obj files from the server directory. However, I am wondering if there is an alternative method that would eliminate the need to generate a new .obj file in the server directory and load it again?

If this is not possible, I am curious to know how I can automatically generate a .obj file in the server directory without manual intervention.

Any suggestions or insights would be greatly appreciated. Thank you.

javascript three.js

Answer 1

Answer №1

To get around the URL check, I customized the load function as shown below:

        var objString: string = "...." // Your obj file goes here
        var loader = new THREE.OBJLoader();

        // Added a localtext parameter and URL check
        loader.load =   function load( url, localtext, onLoad, onProgress, onError ) {
            var scope = this;
            var loader = new THREE.XHRLoader( scope.manager );
            loader.setPath( this.path );
            loader.load( url, function ( text ) {
                if (url==""){
                    text = localtext;
                }
                onLoad( scope.parse( text ) );
            }, onProgress, onError );
        },

        // Now you can load either from URL or a direct string input
        loader.load( '', objString, function ( object ) {
            object.traverse( function ( child ) {
                if ( child instanceof THREE.Mesh ) {
                    child.material = new THREE.MeshBasicMaterial();
                }
            } );
            scene.add( object );
        });

Answer 2

To get around the URL check, I customized the load function as shown below:

        var objString: string = "...." // Your obj file goes here
        var loader = new THREE.OBJLoader();

        // Added a localtext parameter and URL check
        loader.load =   function load( url, localtext, onLoad, onProgress, onError ) {
            var scope = this;
            var loader = new THREE.XHRLoader( scope.manager );
            loader.setPath( this.path );
            loader.load( url, function ( text ) {
                if (url==""){
                    text = localtext;
                }
                onLoad( scope.parse( text ) );
            }, onProgress, onError );
        },

        // Now you can load either from URL or a direct string input
        loader.load( '', objString, function ( object ) {
            object.traverse( function ( child ) {
                if ( child instanceof THREE.Mesh ) {
                    child.material = new THREE.MeshBasicMaterial();
                }
            } );
            scene.add( object );
        });

Answer 3

Answer №2

After the OBJLoader.load function finishes loading, it triggers the parse function. You have the option to manually invoke this function by providing the content that would typically be found in an .obj file.

var objModel = THREE.OBJLoader.parse(content);

To view the source code, visit this link

Answer 4

After the OBJLoader.load function finishes loading, it triggers the parse function. You have the option to manually invoke this function by providing the content that would typically be found in an .obj file.

var objModel = THREE.OBJLoader.parse(content);

To view the source code, visit this link

Processing .obj file and converting it into a string format with the help of three

Answer №1

Answer №2

Similar questions

The Tailwind preset is generating CSS code, but the webpage is not displaying the intended styles

NodeJS is facing a severe challenge in properly rendering HTML and its accompanying CSS code, causing a major

Implementing onClick event handling in Material UI components using Typescript

Tips on utilizing the Material Ui Select input property?

Set the text field to be editable or readonly based on certain conditions

What is the best way to merge angularjs modules?

Is there a way to turn off vue.js transitions specifically for testing purposes?

Utilizing data from a JavaScript array and merging it with basic HTML structure

Locate a row in an unselected data table using Jquery based on the value in a td

Leveraging Javascript Modules within a Typescript Vue Application

Concealing Panels within EasyUi Tab Navigation

Guide to setting the hiddenfield value within a listview using javascript or jquery

Adjusting Bootstrap card content on hover

In order to achieve a sliding effect for the second div, it can be programmed to

Does the execution of node.js event handlers occur when the calling stack is clear?

Conceal the input field prior to making a selection from the dropdown menu

Error: Attempting to access the 'email' property of an undefined element during registration

Unable to reinitialize MUI DatePicker after keydown event

Prevent selection of items in ng-select. Modifying the default item selection behavior in ng-select

The addition of special characters to strings in TypeScript through JavaScript is not functioning as expected