1) Use native OpenGL You can achieve rendering of line thicknesses with a workaround by setting your browser to use native OpenGL instead of ANGLE. You can read here on how to do this on Chrome. Keep in mind that you will experience performance differences if you swap to native OpenGL. EDIT: The master MrDoob … Read more
You can delete the folder “node_modules/.cache” to force Webpacker/Babel to rebuild their caches.
To fix the problem you can specify the up vector for the camera before executing the lookAt() command. // Place camera on x axis camera.position.set(30,0,0); camera.up = new THREE.Vector3(0,0,1); camera.lookAt(new THREE.Vector3(0,0,0)); Change the vector to your needs. You can even turn it upside down by specifying a negative value: (0,0,-1). It is important to set … Read more
We have our own JSON Geometry format. You can use these: Editor (drag your object into the window, select it and select File/Export Geometry) Blender exporter Python script from OBJ to JSON
You can extract the world position like so: var target = new THREE.Vector3(); // create once an reuse it child.getWorldPosition( target ); target will contain the result. EDIT: updated to three.js r.120
THREE.MeshLambertMaterial extends THREE.Material which means it inherits the opacity property, so all you need to do is access the material on your object, and change the opacity of the material: object.materials[0].opacity = 1 + Math.sin(new Date().getTime() * .0025);//or any other value you like Also note that the material must have it’s transparent property set to … Read more
If you’re ok with a basic bounding box, you can use a THREE.Box3 let measure = new THREE.Vector3(); let box = colladaModel.getSize(measure); console.log( measure );
If you want to render a wireframe of a given geometry, you can now use this pattern: var geo = new THREE.EdgesGeometry( geometry ); // or WireframeGeometry( geometry ) var mat = new THREE.LineBasicMaterial( { color: 0xffffff, linewidth: 2 } ); var wireframe = new THREE.LineSegments( geo, mat ); scene.add( wireframe ); WireframeGeometry will render … Read more
If you want to do it server side there are many options. ImageMagick has a bunch of command-line tools which could slice your image into pieces. You could put the command to do this into a script and just run that each time you have a new image. It’s hard to tell quite what algorithm … Read more
So the canvas element can be resized like every other element. What you want to do is tell the render and camera to resize the contents of your canvas as well. window.addEventListener( ‘resize’, onWindowResize, false ); function onWindowResize(){ camera.aspect = window.innerWidth / window.innerHeight; camera.updateProjectionMatrix(); renderer.setSize( window.innerWidth, window.innerHeight ); }