To my knowledge there is no automatic way to calculate UV. You must calculate yourself. Calculate a UV for a plane is quite easy, this site explains how: calculating texture coordinates For a complex shape, I don’t know how. Maybe you could detect planar surface. EDIT Here is a sample code for a planar surface … Read more
Since release r59, three.js provides those three functions to rotate a object around object axis. object.rotateX(angle); object.rotateY(angle); object.rotateZ(angle);
I would recommend you to check the documentation over here: http://threejs.org/docs/#Reference/Objects/Mesh As you can see on the top of the docu-page, Mesh inherits from “Object3D“. That means that you can use all methods or properties that are provided by Object3D. So click on the “Object3D” link on the docu-page and check the properties list. You … Read more
You’ve added vertices, but forgot to put those vertices into a face and add that to the geometry: geom.faces.push( new THREE.Face3( 0, 1, 2 ) ); so your snippet becomes: var geom = new THREE.Geometry(); var v1 = new THREE.Vector3(0,0,0); var v2 = new THREE.Vector3(0,500,0); var v3 = new THREE.Vector3(0,500,500); geom.vertices.push(v1); geom.vertices.push(v2); geom.vertices.push(v3); geom.faces.push( new … Read more
You can do this: myObject.name = “objectName”; … var object = scene.getObjectByName( “objectName” ); or to recursively search the scene graph var object = scene.getObjectByName( “objectName”, true ); Alternatively, you can search by ID. var object = scene.getObjectById( 4, true ); three.js r.61
If you don’t mind that the text will always be on top (e.g. if the object is blocked by something else, its text label will still be visible and on top of everything else), and that the text will not be affected by any rendering like lights/shadow, etc, then HTML is the easiest way to … Read more
I found that I needed to go a bit deeper under the surface to work outside of the scope of the sample code (such as having a canvas that does not fill the screen or having additional effects). I wrote a blog post about it here. This is a shortened version, but should cover pretty … Read more
You are not specifying the color value correctly. cube.material.color.setHex( 0xffffff );
I am assuming you are using a perspective camera. You can set the camera’s position, field-of-view, or both. The following calculation is exact for an object that is a cube, so think in terms of the object’s bounding box, aligned to face the camera. If the camera is centered and viewing the cube head-on, define … Read more
Try with this: var width = 640, height = 480; var widthHalf = width / 2, heightHalf = height / 2; var vector = new THREE.Vector3(); var projector = new THREE.Projector(); projector.projectVector( vector.setFromMatrixPosition( object.matrixWorld ), camera ); vector.x = ( vector.x * widthHalf ) + widthHalf; vector.y = – ( vector.y * heightHalf ) + … Read more