diff --git a/examples/files.js b/examples/files.js index 9950315ae271fa23c14abe8a04431b5c7100d286..836cd6475a6986bda7c538fea6b83cf457a52cd4 100644 --- a/examples/files.js +++ b/examples/files.js @@ -122,6 +122,7 @@ var files = { "webgl_loader_texture_rgbm", "webgl_loader_texture_tga", "webgl_loader_ttf", + "webgl_loader_vox", "webgl_loader_vrm", "webgl_loader_vrml", "webgl_loader_vtk", diff --git a/examples/jsm/loaders/VOXLoader.d.ts b/examples/jsm/loaders/VOXLoader.d.ts new file mode 100644 index 0000000000000000000000000000000000000000..866a3188ad668d3894ffc660ab6b7b9aadb3792f --- /dev/null +++ b/examples/jsm/loaders/VOXLoader.d.ts @@ -0,0 +1,13 @@ +import { + Loader, + LoadingManager +} from '../../../src/Three'; + +export class VOXLoader extends Loader { + + constructor( manager?: LoadingManager ); + + load( url: string, onLoad: ( geometry: BufferGeometry ) => void, onProgress?: ( event: ProgressEvent ) => void, onError?: ( event: ErrorEvent ) => void ): void; + parse( data: ArrayBuffer ): Object; + +} diff --git a/examples/jsm/loaders/VOXLoader.js b/examples/jsm/loaders/VOXLoader.js new file mode 100644 index 0000000000000000000000000000000000000000..df507b77b2140cf288f95ef9c71f57d72e257fdc --- /dev/null +++ b/examples/jsm/loaders/VOXLoader.js @@ -0,0 +1,167 @@ +import { + FileLoader, + Loader +} from "../../../build/three.module.js"; + +function VOXLoader( manager ) { + + Loader.call( this, manager ); + +} + +VOXLoader.prototype = Object.assign( Object.create( Loader.prototype ), { + + constructor: VOXLoader, + + load: function ( url, onLoad, onProgress, onError ) { + + var scope = this; + + var loader = new FileLoader( scope.manager ); + loader.setPath( scope.path ); + loader.setResponseType( 'arraybuffer' ); + loader.setRequestHeader( scope.requestHeader ); + loader.load( url, function ( buffer ) { + + try { + + onLoad( scope.parse( buffer ) ); + + } catch ( e ) { + + if ( onError ) { + + onError( e ); + + } else { + + console.error( e ); + + } + + scope.manager.itemError( url ); + + } + + }, onProgress, onError ); + + }, + + parse: function ( buffer ) { + + const data = new DataView( buffer ); + + const id = data.getInt32( 0, true ); + const version = data.getUint32( 4, true ); + + if ( id !== 542658390 || version !== 150 ) { + + console.error( 'Not a valid VOX file' ); + return; + + } + + const DEFAULT_PALETTE = [ + 0x00000000, 0xffffffff, 0xffccffff, 0xff99ffff, 0xff66ffff, 0xff33ffff, 0xff00ffff, 0xffffccff, + 0xffccccff, 0xff99ccff, 0xff66ccff, 0xff33ccff, 0xff00ccff, 0xffff99ff, 0xffcc99ff, 0xff9999ff, + 0xff6699ff, 0xff3399ff, 0xff0099ff, 0xffff66ff, 0xffcc66ff, 0xff9966ff, 0xff6666ff, 0xff3366ff, + 0xff0066ff, 0xffff33ff, 0xffcc33ff, 0xff9933ff, 0xff6633ff, 0xff3333ff, 0xff0033ff, 0xffff00ff, + 0xffcc00ff, 0xff9900ff, 0xff6600ff, 0xff3300ff, 0xff0000ff, 0xffffffcc, 0xffccffcc, 0xff99ffcc, + 0xff66ffcc, 0xff33ffcc, 0xff00ffcc, 0xffffcccc, 0xffcccccc, 0xff99cccc, 0xff66cccc, 0xff33cccc, + 0xff00cccc, 0xffff99cc, 0xffcc99cc, 0xff9999cc, 0xff6699cc, 0xff3399cc, 0xff0099cc, 0xffff66cc, + 0xffcc66cc, 0xff9966cc, 0xff6666cc, 0xff3366cc, 0xff0066cc, 0xffff33cc, 0xffcc33cc, 0xff9933cc, + 0xff6633cc, 0xff3333cc, 0xff0033cc, 0xffff00cc, 0xffcc00cc, 0xff9900cc, 0xff6600cc, 0xff3300cc, + 0xff0000cc, 0xffffff99, 0xffccff99, 0xff99ff99, 0xff66ff99, 0xff33ff99, 0xff00ff99, 0xffffcc99, + 0xffcccc99, 0xff99cc99, 0xff66cc99, 0xff33cc99, 0xff00cc99, 0xffff9999, 0xffcc9999, 0xff999999, + 0xff669999, 0xff339999, 0xff009999, 0xffff6699, 0xffcc6699, 0xff996699, 0xff666699, 0xff336699, + 0xff006699, 0xffff3399, 0xffcc3399, 0xff993399, 0xff663399, 0xff333399, 0xff003399, 0xffff0099, + 0xffcc0099, 0xff990099, 0xff660099, 0xff330099, 0xff000099, 0xffffff66, 0xffccff66, 0xff99ff66, + 0xff66ff66, 0xff33ff66, 0xff00ff66, 0xffffcc66, 0xffcccc66, 0xff99cc66, 0xff66cc66, 0xff33cc66, + 0xff00cc66, 0xffff9966, 0xffcc9966, 0xff999966, 0xff669966, 0xff339966, 0xff009966, 0xffff6666, + 0xffcc6666, 0xff996666, 0xff666666, 0xff336666, 0xff006666, 0xffff3366, 0xffcc3366, 0xff993366, + 0xff663366, 0xff333366, 0xff003366, 0xffff0066, 0xffcc0066, 0xff990066, 0xff660066, 0xff330066, + 0xff000066, 0xffffff33, 0xffccff33, 0xff99ff33, 0xff66ff33, 0xff33ff33, 0xff00ff33, 0xffffcc33, + 0xffcccc33, 0xff99cc33, 0xff66cc33, 0xff33cc33, 0xff00cc33, 0xffff9933, 0xffcc9933, 0xff999933, + 0xff669933, 0xff339933, 0xff009933, 0xffff6633, 0xffcc6633, 0xff996633, 0xff666633, 0xff336633, + 0xff006633, 0xffff3333, 0xffcc3333, 0xff993333, 0xff663333, 0xff333333, 0xff003333, 0xffff0033, + 0xffcc0033, 0xff990033, 0xff660033, 0xff330033, 0xff000033, 0xffffff00, 0xffccff00, 0xff99ff00, + 0xff66ff00, 0xff33ff00, 0xff00ff00, 0xffffcc00, 0xffcccc00, 0xff99cc00, 0xff66cc00, 0xff33cc00, + 0xff00cc00, 0xffff9900, 0xffcc9900, 0xff999900, 0xff669900, 0xff339900, 0xff009900, 0xffff6600, + 0xffcc6600, 0xff996600, 0xff666600, 0xff336600, 0xff006600, 0xffff3300, 0xffcc3300, 0xff993300, + 0xff663300, 0xff333300, 0xff003300, 0xffff0000, 0xffcc0000, 0xff990000, 0xff660000, 0xff330000, + 0xff0000ee, 0xff0000dd, 0xff0000bb, 0xff0000aa, 0xff000088, 0xff000077, 0xff000055, 0xff000044, + 0xff000022, 0xff000011, 0xff00ee00, 0xff00dd00, 0xff00bb00, 0xff00aa00, 0xff008800, 0xff007700, + 0xff005500, 0xff004400, 0xff002200, 0xff001100, 0xffee0000, 0xffdd0000, 0xffbb0000, 0xffaa0000, + 0xff880000, 0xff770000, 0xff550000, 0xff440000, 0xff220000, 0xff110000, 0xffeeeeee, 0xffdddddd, + 0xffbbbbbb, 0xffaaaaaa, 0xff888888, 0xff777777, 0xff555555, 0xff444444, 0xff222222, 0xff111111 + ]; + + let i = 8; + + let chunk; + const chunks = []; + + while ( i < data.byteLength ) { + + let id = ''; + + for ( let j = 0; j < 4; j ++ ) { + + id += String.fromCharCode( data.getInt8( i ++, true ) ); + + } + + const chunkSize = data.getInt32( i, true ); i += 4; + const childChunks = data.getInt32( i, true ); i += 4; + + if ( id === 'SIZE' ) { + + const x = data.getInt32( i, true ); i += 4; + const y = data.getInt32( i, true ); i += 4; + const z = data.getInt32( i, true ); i += 4; + + chunk = { + palette: DEFAULT_PALETTE, + size: { x: x, y: y, z: z }, + }; + + chunks.push( chunk ); + + i += chunkSize - ( 3 * 4 ); + + } else if ( id === 'XYZI' ) { + + const numVoxels = data.getInt32( i, true ); i += 4; + chunk.data = new Int8Array( buffer, i, numVoxels * 4 ); + + i += numVoxels * 4; + + } else if ( id === 'RGBA' ) { + + const palette = [ 0 ]; + + for ( let j = 0; j < 256; j ++ ) { + + palette[ j + 1 ] = data.getInt32( i, true ); i += 4; + + } + + chunk.palette = palette; + + } else { + + // console.log( id, chunkSize, childChunks ); + + i += chunkSize; + + } + + } + + return chunks; + + } + +} ); + +export { VOXLoader }; diff --git a/examples/models/vox/teapot.vox b/examples/models/vox/teapot.vox new file mode 100644 index 0000000000000000000000000000000000000000..6a9196ac1817cbf931a5f2e4309c7ae8770ca83f Binary files /dev/null and b/examples/models/vox/teapot.vox differ diff --git a/examples/screenshots/webgl_loader_vox.jpg b/examples/screenshots/webgl_loader_vox.jpg new file mode 100644 index 0000000000000000000000000000000000000000..3f4954f0b49c63967d839870817abd85edbf2b91 Binary files /dev/null and b/examples/screenshots/webgl_loader_vox.jpg differ diff --git a/examples/webgl_loader_vox.html b/examples/webgl_loader_vox.html new file mode 100644 index 0000000000000000000000000000000000000000..25f77d9c5f1c8507f63b4abb7f239fa00ba7bd01 --- /dev/null +++ b/examples/webgl_loader_vox.html @@ -0,0 +1,116 @@ + + + + three.js webgl - loaders - vox loader + + + + + + +
+ three.js - vox loader (Magica Voxel) +
+ + + + +