Advertisement
szdani96

Untitled

Sep 13th, 2017
70
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 1.42 KB | None | 0 0
  1. &lt;!doctype html&gt;<script src="three.min.js"></script><script src="OrbitControls.js"></script><script>// <![CDATA[
  2. // Our 3D code will go here...
  3. var scene,camera,renderer;
  4. init();
  5. animate();
  6. function init() {
  7. scene = new THREE.Scene();
  8. var WIDTH = window.innerWidth,
  9. HEIGHT = window.innerHeight;
  10.  
  11.  
  12. renderer = new THREE.WebGLRenderer({antialias: true});
  13. renderer.setSize(WIDTH, HEIGHT);
  14. document.body.appendChild(renderer.domElement);
  15. camera = new THREE.PerspectiveCamera(45, WIDTH / HEIGHT, 0.1, 20000);
  16. camera.position.set(0, 6, 0);
  17. scene.add(camera);
  18. window.addEventListener('resize',function(){var WIDTH=window.innerWidth,HEIGHT=window.innerHeight;
  19. renderer.setSize(WIDTH/HEIGHT);
  20. camera.aspect=WIDTH/HEIGHT;
  21. camera.updateProjectionMatrix();
  22. });
  23. var light=new THREE.PointLight(0xffffff);
  24. light.position.set(-100,200,100);
  25. scene.add(light);
  26. var loader = new THREE.JSONLoader();
  27. loader.load("treehouse_logo.js",
  28. function (geometry) {
  29. var material = new THREE.MeshLambertMaterial({color: 0x55B6663});
  30. mesh = new THREE.Mesh(geometry, material);
  31. scene.add(mesh);
  32. });
  33. controls = new THREE.OrbitControls(camera, renderer.domElement);
  34. }
  35. function animate(){
  36. requestAnimationFrame(animate);
  37. renderer.render(scene,camera);
  38. controls.update();
  39. }
  40. // ]]></script>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement