DOCTYPE html body script srcjsthree jsscript script var
<!DOCTYPE html> <body> <script src="js/three. js"></script> <script> var camera, scene, renderer, geometry, material, mesh; init(); animate(); function init() { camera = new THREE. Perspective. Camera( 70, window. inner. Width / window. inner. Height, 0. 01, 10 ); camera. position. z = 1; scene = new THREE. Scene(); geometry = new THREE. Box. Geometry( 0. 2, 0. 2 ); material = new THREE. Mesh. Normal. Material(); mesh = new THREE. Mesh( geometry, material ); scene. add( mesh ); renderer = new THREE. Web. GLRenderer( { antialias: true } ); renderer. set. Size( window. inner. Width, window. inner. Height ); document. body. append. Child( renderer. dom. Element ); } function animate() { request. Animation. Frame( animate ); mesh. rotation. x += 0. 01; mesh. rotation. y += 0. 02; renderer. render( scene, camera ); } </script> </body> </html>
<!DOCTYPE html> <body> <script src="js/three. js"></script> <script> //https: //thiscouldbebetter. neocities. org/filetodataurl. html var image = new Image(); image. src=‘ ………………. . ’; //se insereaza fisierul accesand html de mai sus var camera, scene, rendere, geometry, texture, material, mesh, light; init(); animate(); function init() { camera = new THREE. Perspective. Camera( 70, window. inner. Width / window. inner. Height, 0. 01, 10 ); camera. position. z = 1; scene = new THREE. Scene(); geometry = new THREE. Box. Geometry( 0. 5, 0. 5 ); texture = new THREE. Texture(); texture. image = image; image. onload = function() { texture. needs. Update = true; }; texture. repeat. set(2, 2); texture. wrap. S = texture. wrap. T = THREE. Mirrored. Repeat. Wrapping; material = new THREE. Mesh. Lambert. Material( { map: texture } );
mesh = new THREE. Mesh( geometry, material ); scene. add( mesh ); scene. add(new THREE. Hemisphere. Light(0 xaaaaaa, 0 x 333333)); var key. Light = new THREE. Point. Light(0 xaaaaaa); key. Light. position. x = 15; key. Light. position. y = -10; key. Light. position. z = 35; scene. add(key. Light); var rim. Light = new THREE. Point. Light(0 x 888888); rim. Light. position. x = 100; rim. Light. position. y = 100; rim. Light. position. z = -50; scene. add(rim. Light); renderer = new THREE. Web. GLRenderer( { antialias: true } ); renderer. set. Size( window. inner. Width, window. inner. Height ); document. body. append. Child( renderer. dom. Element ); } function animate() { request. Animation. Frame( animate ); mesh. rotation. x += 0. 01; mesh. rotation. y += 0. 02; renderer. render( scene, camera ); } </script></body> </html>
- Slides: 3