|
@@ -19,8 +19,6 @@
|
|
|
<body>
|
|
|
<div id="info">
|
|
|
<a href="https://threejs.org" target="_blank" rel="noopener">three.js</a> webgl - exporter - draco<br/><br/>
|
|
|
- <button id="createGeometry">Geometry</button>
|
|
|
- <button id="createBufferGeometry">BufferGeometry</button> |
|
|
|
<button id="exportFile">Export DRC</button>
|
|
|
</div>
|
|
|
|
|
@@ -38,32 +36,6 @@
|
|
|
init();
|
|
|
animate();
|
|
|
|
|
|
- function createBufferGeometry() {
|
|
|
-
|
|
|
- scene.remove( mesh );
|
|
|
-
|
|
|
- const geometry = new THREE.TorusKnotBufferGeometry( 50, 15, 200, 30 );
|
|
|
- const material = new THREE.MeshPhongMaterial( { color: 0x00ff00 } );
|
|
|
- mesh = new THREE.Mesh( geometry, material );
|
|
|
- mesh.castShadow = true;
|
|
|
- mesh.position.y = 25;
|
|
|
- scene.add( mesh );
|
|
|
-
|
|
|
- }
|
|
|
-
|
|
|
- function createGeometry() {
|
|
|
-
|
|
|
- scene.remove( mesh );
|
|
|
-
|
|
|
- const geometry = new THREE.TorusKnotGeometry( 50, 15, 200, 30 );
|
|
|
- const material = new THREE.MeshPhongMaterial( { color: 0x00ff00 } );
|
|
|
- mesh = new THREE.Mesh( geometry, material );
|
|
|
- mesh.castShadow = true;
|
|
|
- mesh.position.y = 25;
|
|
|
- scene.add( mesh );
|
|
|
-
|
|
|
- }
|
|
|
-
|
|
|
function init() {
|
|
|
|
|
|
camera = new THREE.PerspectiveCamera( 45, window.innerWidth / window.innerHeight, 1, 1000 );
|
|
@@ -134,12 +106,6 @@
|
|
|
|
|
|
window.addEventListener( 'resize', onWindowResize, false );
|
|
|
|
|
|
- const createGeometryButton = document.getElementById( 'createGeometry' );
|
|
|
- createGeometryButton.addEventListener( 'click', createGeometry );
|
|
|
-
|
|
|
- const createBufferGeometryButton = document.getElementById( 'createBufferGeometry' );
|
|
|
- createBufferGeometryButton.addEventListener( 'click', createBufferGeometry );
|
|
|
-
|
|
|
const exportButton = document.getElementById( 'exportFile' );
|
|
|
exportButton.addEventListener( 'click', exportFile );
|
|
|
|