-
-
Notifications
You must be signed in to change notification settings - Fork 35.3k
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
Merge pull request #13013 from donmccurdy/feat-fbx2three
fbx2three: Create Node.js fbx2three converter.
- Loading branch information
Showing
7 changed files
with
176 additions
and
70 deletions.
There are no files selected for viewing
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -0,0 +1,59 @@ | ||
/** | ||
* @author mrdoob / http://mrdoob.com/ | ||
* @author alteredq / http://alteredqualia.com/ | ||
* @author szimek / https://github.com/szimek/ | ||
*/ | ||
|
||
var ImageUtils = { | ||
|
||
getDataURL: function ( image ) { | ||
|
||
var canvas; | ||
|
||
if ( image instanceof HTMLCanvasElement ) { | ||
|
||
canvas = image; | ||
|
||
} else { | ||
|
||
if ( typeof OffscreenCanvas !== 'undefined' ) { | ||
|
||
canvas = new OffscreenCanvas( image.width, image.height ); | ||
|
||
} else { | ||
|
||
canvas = document.createElementNS( 'http://www.w3.org/1999/xhtml', 'canvas' ); | ||
canvas.width = image.width; | ||
canvas.height = image.height; | ||
|
||
} | ||
|
||
var context = canvas.getContext( '2d' ); | ||
|
||
if ( image instanceof ImageData ) { | ||
|
||
context.putImageData( image, 0, 0 ); | ||
|
||
} else { | ||
|
||
context.drawImage( image, 0, 0, image.width, image.height ); | ||
|
||
} | ||
|
||
} | ||
|
||
if ( canvas.width > 2048 || canvas.height > 2048 ) { | ||
|
||
return canvas.toDataURL( 'image/jpeg', 0.6 ); | ||
|
||
} else { | ||
|
||
return canvas.toDataURL( 'image/png' ); | ||
|
||
} | ||
|
||
} | ||
|
||
}; | ||
|
||
export { ImageUtils }; |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
|
@@ -7,3 +7,11 @@ Usage: | |
``` | ||
node obj2three.js model.obj | ||
``` | ||
|
||
## fbx2three.js | ||
|
||
Usage: | ||
|
||
``` | ||
node fbx2three.js model.fbx | ||
``` |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -0,0 +1,80 @@ | ||
var fs = require( 'fs' ); | ||
var path = require( 'path' ); | ||
|
||
if ( process.argv.length <= 2 ) { | ||
|
||
console.log( `Usage: ${path.basename( __filename )} model.fbx` ); | ||
process.exit( - 1 ); | ||
|
||
} | ||
|
||
// | ||
|
||
var PRECISION = 6; | ||
|
||
function parseNumber( key, value ) { | ||
|
||
return typeof value === 'number' ? parseFloat( value.toFixed( PRECISION ) ) : value; | ||
|
||
} | ||
|
||
THREE = require( '../../build/three.js' ); | ||
require( '../../examples/js/curves/NURBSCurve.js' ); | ||
require( '../../examples/js/curves/NURBSUtils.js' ); | ||
require( '../../examples/js/loaders/FBXLoader.js' ); | ||
global.Zlib = require( '../../examples/js/libs/inflate.min.js' ).Zlib; | ||
|
||
global.window = { | ||
innerWidth: 1024, | ||
innerHeight: 768, | ||
URL: { | ||
createObjectURL: function () { | ||
throw new Error( 'fbx2three: Images in binary format not yet supported.' ); | ||
} | ||
} | ||
}; | ||
|
||
// HTML Images are not available, so use a Buffer instead. | ||
THREE.ImageLoader.prototype.load = function ( url, onLoad ) { | ||
|
||
if ( this.path !== undefined ) url = this.path + url; | ||
|
||
// If image isn't found, try to ignore it. | ||
if ( !fs.existsSync( url ) ) { | ||
|
||
onLoad( new Buffer( '' ) ); | ||
return; | ||
|
||
} | ||
|
||
onLoad( fs.readFileSync( url ) ); | ||
|
||
}; | ||
|
||
// Convert image buffer to data URL. | ||
THREE.ImageUtils.getDataURL = function ( image ) { | ||
|
||
if ( !( image instanceof Buffer ) ) { | ||
|
||
throw new Error( 'fbx2three: Image should be loaded as Buffer.' ); | ||
|
||
} | ||
|
||
var dataURL = 'data:'; | ||
dataURL += this.format === THREE.RGBAFormat ? 'image/png' : 'image/jpeg'; | ||
dataURL += ';base64,'; | ||
dataURL += image.toString( 'base64' ); | ||
return dataURL; | ||
|
||
}; | ||
|
||
// | ||
|
||
var file = process.argv[ 2 ]; | ||
var resourceDirectory = THREE.LoaderUtils.extractUrlBase( file ); | ||
var loader = new THREE.FBXLoader(); | ||
|
||
var arraybuffer = fs.readFileSync( file ).buffer; | ||
var object = loader.parse( arraybuffer, resourceDirectory ); | ||
var content = JSON.stringify( object.toJSON(), parseNumber ); | ||
fs.writeFileSync( path.basename( file, '.fbx' ) + '.json', content, 'utf8' ); |