GitHub-Proxy/draco
1
0
Fork 0
mirror of https://git.mirrors.martin98.com/https://github.com/google/draco synced 2025-08-12 10:39:00 +08:00
Code Issues Packages Projects Releases Wiki Activity

Update to our THREE.js example: DracoModule is now instantiated in

Browse Source 
DRACOLoader class using closure to prevent multiple instantiations.
This commit is contained in:
Ondrej Stava 2017-02-28 09:04:51 -08:00
parent 127484be47
commit 0a9c9c7b8b
2 changed files with 35 additions and 24 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

57
javascript/example/DRACOLoader.js
View File

@ -39,32 +39,45 @@ THREE.DRACOLoader.prototype = {
this.path = value; this.path = value;
}, },
decodeDracoFile: function(rawBuffer) { decodeDracoFile: ( function() {
const scope = this; let dracoDecoder;
/*
* Here is how to use Draco Javascript decoder and get the geometry.
*/
const buffer = new dracoDecoder.DecoderBuffer();
buffer.Init(new Int8Array(rawBuffer), rawBuffer.byteLength);
const wrapper = new dracoDecoder.WebIDLWrapper();
/* if (typeof DracoModule === 'function') {
* Determine what type is this file: mesh or point cloud. dracoDecoder = DracoModule();
*/
const geometryType = wrapper.GetEncodedGeometryType(buffer);
if (geometryType == dracoDecoder.TRIANGULAR_MESH) {
fileDisplayArea.innerText = "Loaded a mesh.\n";
} else if (geometryType == dracoDecoder.POINT_CLOUD) {
fileDisplayArea.innerText = "Loaded a point cloud.\n";
} else { } else {
const errorMsg = "Error: Unknown geometry type."; console.error('THREE.DRACOLoader: DracoModule not found.');
fileDisplayArea.innerText = errorMsg; return;
throw new Error(errorMsg);
} }
return scope.convertDracoGeometryTo3JS(wrapper, geometryType, buffer);
},
convertDracoGeometryTo3JS: function(wrapper, geometryType, buffer) { return function(rawBuffer) {
const scope = this;
/*
* Here is how to use Draco Javascript decoder and get the geometry.
*/
const buffer = new dracoDecoder.DecoderBuffer();
buffer.Init(new Int8Array(rawBuffer), rawBuffer.byteLength);
const wrapper = new dracoDecoder.WebIDLWrapper();
/*
* Determine what type is this file: mesh or point cloud.
*/
const geometryType = wrapper.GetEncodedGeometryType(buffer);
if (geometryType == dracoDecoder.TRIANGULAR_MESH) {
fileDisplayArea.innerText = "Loaded a mesh.\n";
} else if (geometryType == dracoDecoder.POINT_CLOUD) {
fileDisplayArea.innerText = "Loaded a point cloud.\n";
} else {
const errorMsg = "Error: Unknown geometry type.";
fileDisplayArea.innerText = errorMsg;
throw new Error(errorMsg);
}
return scope.convertDracoGeometryTo3JS(wrapper, geometryType, buffer,
dracoDecoder);
}
} )(),
convertDracoGeometryTo3JS: function(wrapper, geometryType, buffer,
dracoDecoder) {
let dracoGeometry; let dracoGeometry;
const start_time = performance.now(); const start_time = performance.now();
if (geometryType == dracoDecoder.TRIANGULAR_MESH) { if (geometryType == dracoDecoder.TRIANGULAR_MESH) {

2
javascript/example/webgl_loader_draco.html
View File

@ -47,8 +47,6 @@
<script> <script>
'use strict'; 'use strict';
const dracoDecoder = DracoModule();
let container; let container;
let camera, cameraTarget, scene, renderer; let camera, cameraTarget, scene, renderer;
let mouseX = 0, mouseY = 0; let mouseX = 0, mouseY = 0;