Anders and Briegel in Python
Vous ne pouvez pas sélectionner plus de 25 sujets Les noms de sujets doivent commencer par une lettre ou un nombre, peuvent contenir des tirets ('-') et peuvent comporter jusqu'à 35 caractères.

93 lignes
2.8KB

  1. var controls, renderer, raycaster, scene, selection, camera;
  2. var mouseprevpos = {};
  3. // Run on startup
  4. window.onload = init;
  5. // Clear the whole scene
  6. function makeScene() {
  7. var myScene = new THREE.Scene();
  8. var grid = new THREE.GridHelper(20, 2);
  9. grid.rotation.x = Math.PI/2;
  10. grid.setColors(0xdddddd, 0xeeeeee);
  11. myScene.add(grid);
  12. return myScene;
  13. }
  14. // Render the current frame to the screen
  15. function render() {
  16. requestAnimationFrame(function () {
  17. renderer.render(scene, camera);
  18. });
  19. }
  20. // Someone resized the window
  21. function onWindowResize(evt){
  22. camera.aspect = window.innerWidth / window.innerHeight;
  23. camera.updateProjectionMatrix();
  24. renderer.setSize(window.innerWidth, window.innerHeight);
  25. render();
  26. }
  27. function bind_events() {
  28. window.addEventListener("resize", onWindowResize, false);
  29. renderer.domElement.addEventListener("mousedown", function (event) {
  30. var mouse = new THREE.Vector2(); // create once and reuse
  31. mouse.x = ( event.clientX / renderer.domElement.width ) * 2 - 1;
  32. mouse.y = - ( event.clientY / renderer.domElement.height ) * 2 + 1;
  33. mouseprevpos.x = mouse.x;
  34. mouseprevpos.y = mouse.y;
  35. });
  36. renderer.domElement.addEventListener("mouseup", function (event) {
  37. var mouse = new THREE.Vector2(); // create once and reuse
  38. mouse.x = ( event.clientX / renderer.domElement.width ) * 2 - 1;
  39. mouse.y = - ( event.clientY / renderer.domElement.height ) * 2 + 1;
  40. if (mouse.x != mouseprevpos.x || mouse.y != mouseprevpos.y ){return;}
  41. var raycaster = new THREE.Raycaster(); // create once and reuse
  42. raycaster.setFromCamera( mouse, camera );
  43. var plane = new THREE.Plane(new THREE.Vector3(0, 0, 1), 0);
  44. var intersection = raycaster.ray.intersectPlane(plane);
  45. console.log(intersection);
  46. intersection.x = Math.round(intersection.x);
  47. intersection.y = Math.round(intersection.y);
  48. add_node(Object.keys(vops).length, intersection);
  49. updateScene();
  50. });
  51. controls.addEventListener("change", render);
  52. }
  53. // Called on startup
  54. function init() {
  55. // Renderer
  56. renderer = new THREE.WebGLRenderer({"antialias":true});
  57. renderer.setSize(window.innerWidth, window.innerHeight);
  58. renderer.setClearColor(0xffffff, 1);
  59. document.querySelector("body").appendChild(renderer.domElement);
  60. // Time to load the materials
  61. loadMaterials();
  62. // Camera, controls, raycaster
  63. camera = new THREE.PerspectiveCamera(45, window.innerWidth / window.innerHeight, 0.3, 100);
  64. controls = new THREE.OrbitControls(camera);
  65. // Center the camera
  66. // TODO: frustrum
  67. controls.center.set(0, 0, 0);
  68. controls.rotateSpeed = 0.2;
  69. camera.position.set(0, 0, 40);
  70. // Run
  71. bind_events();
  72. scene = makeScene();
  73. connect_to_server();
  74. render();
  75. }