API tools faq
paste
Guest User

Untitled

a guest
Mar 21st, 2018
87
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 19.37 KB | None | 0 0
raw download clone embed print report
  1. mouse.x = ( event.clientX / window.innerWidth ) * 2 - 1;
  2. console.log('Mouse x position is: ', mouse.x, 'the click number was: ', clickCount);
  3. console.log('Mouse Y position is: ', mouse.y);
  4. mouse.y = - ( event.clientY / window.innerHeight ) * 2 + 1;
  5.  
  6. raycaster.setFromCamera( mouse.clone(), OriginalImg.camera );
  7. var objects = raycaster.intersectObjects(OriginalImg.scene.children);
  8. console.log(objects);
  9.  
  10. Mouse x position is: -0.6544117647058824 the click number was: 1
  11. logic.js:46 Mouse Y position is: 0
  12. logic.js:50 Array(0)
  13. logic.js:45 Mouse x position is: -0.6544117647058824 the click number was: 2
  14. logic.js:46 Mouse Y position is: 0.23428571428571432
  15. logic.js:50 Array(0)
  16. logic.js:45 Mouse x position is: -0.6602941176470588 the click number was: 3
  17. logic.js:46 Mouse Y position is: 0.1171428571428571
  18. logic.js:50 Array(0)
  19. logic.js:45 Mouse x position is: -0.663235294117647 the click number was: 4
  20. logic.js:46 Mouse Y position is: 0.02285714285714291
  21. logic.js:50 Array(0)
  22. logic.js:45 Mouse x position is: -0.663235294117647 the click number was: 5
  23. logic.js:46 Mouse Y position is: -0.08571428571428563
  24. logic.js:50 Array(0)
  25. logic.js:45 Mouse x position is: -0.5852941176470587 the click number was: 6
  26. logic.js:46 Mouse Y position is: -0.1399999999999999
  27. logic.js:50 Array(0)
  28. logic.js:45 Mouse x position is: -0.5897058823529412 the click number was: 7
  29. logic.js:46 Mouse Y position is: -0.08000000000000007
  30. logic.js:50 Array(0)
  31. logic.js:45 Mouse x position is: -0.6014705882352941 the click number was: 8
  32. logic.js:46 Mouse Y position is: 0.008571428571428563
  33. logic.js:50 Array(0)
  34. logic.js:45 Mouse x position is: -0.5970588235294118 the click number was: 9
  35. logic.js:46 Mouse Y position is: 0.11142857142857143
  36. logic.js:50 Array(0)
  37. logic.js:45 Mouse x position is: -0.5970588235294118 the click number was: 10
  38. logic.js:46 Mouse Y position is: 0.22571428571428576
  39. logic.js:50 Array(0)
  40. logic.js:45 Mouse x position is: -0.42794117647058827 the click number was: 11
  41. logic.js:46 Mouse Y position is: 0.29714285714285715
  42. logic.js:50 Array(0)length: 0__proto__: Array(0)
  43. logic.js:45 Mouse x position is: -0.42500000000000004 the click number was: 12
  44. logic.js:46 Mouse Y position is: 0.4342857142857143
  45. logic.js:50 Array(1)0: distance: 319.20262048609186face: Face3 {a: 0, b: 2, c: 1, normal: Vector3, vertexNormals: Array(3), …}faceIndex: 0object: Mesh {uuid: "DF3ABD32-2439-4B12-B24C-92CE38041993", name: "", type: "Mesh", parent: Scene, children: Array(0), …}point: Vector3x: -98.14954576231017y: 47.50767929335348z: -5.684341886080802e-14__proto__: Objectuv: Vector2 {x: 0.12939700516693053, y: 0.8188148192087416}__proto__: Objectlength: 1__proto__: Array(0)
  46. logic.js:45 Mouse x position is: -0.4294117647058824 the click number was: 13
  47. logic.js:46 Mouse Y position is: 0.27428571428571424
  48. logic.js:50 Array(1)0: distance: 318.25519853669954face: Face3 {a: 0, b: 2, c: 1, normal: Vector3, vertexNormals: Array(3), …}faceIndex: 0object: Mesh {uuid: "DF3ABD32-2439-4B12-B24C-92CE38041993", name: "", type: "Mesh", parent: Scene, children: Array(0), …}point: Vector3x: -99.16839917852792y: 38.10511776654394z: 0__proto__: Objectuv: Vector2 {x: 0.12554991525516854, y: 0.7557160529070115}__proto__: Objectlength: 1__proto__: Array(0)
  49. logic.js:45 Mouse x position is: -0.4294117647058824 the click number was: 14
  50. logic.js:46 Mouse Y position is: 0.21999999999999997
  51. logic.js:50 Array(1)0: distance: 316.78474628249586face: Face3 {a: 0, b: 2, c: 1, normal: Vector3, vertexNormals: Array(3), …}faceIndex: 0object: Mesh {uuid: "DF3ABD32-2439-4B12-B24C-92CE38041993", name: "", type: "Mesh", parent: Scene, children: Array(0), …}point: Vector3x: -99.1683991785279y: 22.764096328065218z: 0__proto__: Objectuv: Vector2 {x: 0.1255499152551686, y: 0.6527654342041888}__proto__: Objectlength: 1__proto__: Array(0)
  52. logic.js:45 Mouse x position is: -0.42500000000000004 the click number was: 15
  53. logic.js:46 Mouse Y position is: 0.13142857142857145
  54. logic.js:50 Array(1)0: distance: 315.7595744289506face: Face3 {a: 0, b: 2, c: 1, normal: Vector3, vertexNormals: Array(3), …}faceIndex: 0object: Mesh {uuid: "DF3ABD32-2439-4B12-B24C-92CE38041993", name: "", type: "Mesh", parent: Scene, children: Array(0), …}point: Vector3x: -98.14954576231017y: -8.412818208198z: 0__proto__: Objectuv: Vector2 {x: 0.12939700516693053, y: 0.44354320909845213}__proto__: Objectlength: 1__proto__: Array(0)
  55. logic.js:45 Mouse x position is: -0.2955882352941176 the click number was: 16
  56. logic.js:46 Mouse Y position is: -0.04857142857142849
  57. logic.js:50 Array(1)0: distance: 307.78342564522face: Face3 {a: 0, b: 2, c: 1, normal: Vector3, vertexNormals: Array(3), …}faceIndex: 0object: Mesh {uuid: "DF3ABD32-2439-4B12-B24C-92CE38041993", name: "", type: "Mesh", parent: Scene, children: Array(0), …}point: Vector3x: -68.2631788865894y: -8.412818208197999z: 0__proto__: Objectuv: Vector2 {x: 0.24224497591194824, y: 0.44354320909845213}__proto__: Objectlength: 1__proto__: Array(0)
  58. logic.js:45 Mouse x position is: -0.30294117647058827 the click number was: 17
  59. logic.js:46 Mouse Y position is: -0.04857142857142849
  60. logic.js:50 Array(1)0: distance: 308.4313958514228face: Face3 {a: 0, b: 2, c: 1, normal: Vector3, vertexNormals: Array(3), …}faceIndex: 0object: Mesh {uuid: "DF3ABD32-2439-4B12-B24C-92CE38041993", name: "", type: "Mesh", parent: Scene, children: Array(0), …}point: Vector3x: -69.96126791361903y: 15.341021438478725z: -5.684341886080802e-14__proto__: Objectuv: Vector2 {x: 0.23583315939234487, y: 0.6029506187028228}__proto__: Objectlength: 1__proto__: Array(0)
  61. logic.js:45 Mouse x position is: -0.29852941176470593 the click number was: 18
  62. logic.js:46 Mouse Y position is: 0.08857142857142852
  63. logic.js:50 Array(1)0: distance: 309.9324406079867face: Face3 {a: 0, b: 2, c: 1, normal: Vector3, vertexNormals: Array(3), …}faceIndex: 0object: Mesh {uuid: "DF3ABD32-2439-4B12-B24C-92CE38041993", name: "", type: "Mesh", parent: Scene, children: Array(0), …}point: Vector3x: -68.94241449740124y: 36.125631129320865z: 5.684341886080802e-14__proto__: Objectuv: Vector2 {x: 0.23968024930410692, y: 0.7424321021066472}__proto__: Objectlength: 1__proto__: Array(0)
  64. logic.js:45 Mouse x position is: -0.30000000000000004 the click number was: 19
  65. logic.js:46 Mouse Y position is: 0.20857142857142852
  66. logic.js:50 Array(1)0: distance: 312.0062793716786face: Face3 {a: 0, b: 2, c: 1, normal: Vector3, vertexNormals: Array(3), …}faceIndex: 0object: Mesh {uuid: "DF3ABD32-2439-4B12-B24C-92CE38041993", name: "", type: "Mesh", parent: Scene, children: Array(0), …}point: Vector3x: -69.28203230280717y: 50.47690924918808z: 5.684341886080802e-14__proto__: Objectuv: Vector2 {x: 0.23839788600018627, y: 0.8387407454092879}__proto__: Objectlength: 1__proto__: Array(0)
  67. logic.js:45 Mouse x position is: -0.30147058823529416 the click number was: 20
  68. logic.js:46 Mouse Y position is: 0.2914285714285715
  69. logic.js:50 Array(1)0: distance: 314.62032622511975face: Face3 {a: 0, b: 2, c: 1, normal: Vector3, vertexNormals: Array(3), …}faceIndex: 0object: Mesh {uuid: "DF3ABD32-2439-4B12-B24C-92CE38041993", name: "", type: "Mesh", parent: Scene, children: Array(0), …}point: Vector3x: -69.62165010821309y: 64.33331570974951z: 0__proto__: Objectuv: Vector2 {x: 0.2371155226962656, y: 0.9317284010118375}__proto__: Objectlength: 1__proto__: Array(0)
  70. logic.js:45 Mouse x position is: -0.15441176470588236 the click number was: 21
  71. Mouse Y position is: 0.37142857142857144
  72. logic.js:50 Array(1)0: distance: 306.8896527265873face: Face3 {a: 0, b: 2, c: 1, normal: Vector3, vertexNormals: Array(3), …}faceIndex: 0object: Mesh {uuid: "DF3ABD32-2439-4B12-B24C-92CE38041993", name: "", type: "Mesh", parent: Scene, children: Array(0), …}point: Vector3x: -35.659869567621335y: 53.94101086432843z: 0__proto__: Objectuv: Vector2 {x: 0.3653518530883311, y: 0.8619876593099254}__proto__: Objectlength: 1__proto__: Array(0)
  73. logic.js:45 Mouse x position is: -0.1485294117647059 the click number was: 22
  74. logic.js:46 Mouse Y position is: 0.3114285714285714
  75. logic.js:50 Array(1)0: distance: 304.0495633098342face: Face3 {a: 0, b: 2, c: 1, normal: Vector3, vertexNormals: Array(3), …}faceIndex: 0object: Mesh {uuid: "DF3ABD32-2439-4B12-B24C-92CE38041993", name: "", type: "Mesh", parent: Scene, children: Array(0), …}point: Vector3x: -34.30139834599767y: 35.630759470015114z: 5.684341886080802e-14__proto__: Objectuv: Vector2 {x: 0.37048130630401377, y: 0.7391111144065562}__proto__: Objectlength: 1__proto__: Array(0)
  76. logic.js:45 Mouse x position is: -0.15441176470588236 the click number was: 23
  77. logic.js:46 Mouse Y position is: 0.20571428571428574
  78. logic.js:50 Array(1)0: distance: 302.5266960249694face: Face3 {a: 0, b: 2, c: 1, normal: Vector3, vertexNormals: Array(3), …}faceIndex: 0object: Mesh {uuid: "DF3ABD32-2439-4B12-B24C-92CE38041993", name: "", type: "Mesh", parent: Scene, children: Array(0), …}point: Vector3x: -35.659869567621335y: 15.835893097784494z: 0__proto__: Objectuv: Vector2 {x: 0.3653518530883311, y: 0.6062716064029139}__proto__: Objectlength: 1__proto__: Array(0)
  79. logic.js:45 Mouse x position is: -0.15588235294117647 the click number was: 24
  80. logic.js:46 Mouse Y position is: 0.09142857142857141
  81. logic.js:50 Array(1)0: distance: 302.1538394311042face: Face3 {a: 0, b: 2, c: 1, normal: Vector3, vertexNormals: Array(3), …}faceIndex: 0object: Mesh {uuid: "DF3ABD32-2439-4B12-B24C-92CE38041993", name: "", type: "Mesh", parent: Scene, children: Array(0), …}point: Vector3x: -35.99948737302726y: -0.9897433186115429z: 0__proto__: Objectuv: Vector2 {x: 0.3640694897844105, y: 0.49335802459981776}__proto__: Objectlength: 1__proto__: Array(0)
  82. logic.js:45 Mouse x position is: -0.14411764705882357 the click number was: 25
  83. logic.js:46 Mouse Y position is: -0.005714285714285783
  84. logic.js:50
  85.  
  86. Mouse x position is: -0.6647058823529413 the click number was: 1
  87. logic.js:46 Mouse Y position is: 0
  88. logic.js:50 Array(0)
  89. logic.js:45 Mouse x position is: -0.6691176470588236 the click number was: 2
  90. logic.js:46 Mouse Y position is: 0.21999999999999997
  91. logic.js:50 Array(0)
  92. logic.js:45 Mouse x position is: -0.6691176470588236 the click number was: 3
  93. logic.js:46 Mouse Y position is: 0.10571428571428576
  94. logic.js:50 Array(0)
  95. logic.js:45 Mouse x position is: -0.663235294117647 the click number was: 4
  96. logic.js:46 Mouse Y position is: -0.0028571428571428914
  97. logic.js:50 Array(0)
  98. logic.js:45 Mouse x position is: -0.6602941176470588 the click number was: 5
  99. logic.js:46 Mouse Y position is: -0.07714285714285718
  100. logic.js:50 Array(0)length: 0__proto__: Array(0)
  101. logic.js:45 Mouse x position is: -0.6220588235294118 the click number was: 6
  102. logic.js:46 Mouse Y position is: -0.1399999999999999
  103. logic.js:50 Array(0)
  104. logic.js:45 Mouse x position is: -0.6205882352941177 the click number was: 7
  105. logic.js:46 Mouse Y position is: -0.10857142857142854
  106. logic.js:50 Array(0)
  107. logic.js:45 Mouse x position is: -0.6132352941176471 the click number was: 8
  108. logic.js:46 Mouse Y position is: -0.04571428571428582
  109. logic.js:50 Array(0)
  110. logic.js:45 Mouse x position is: -0.6161764705882353 the click number was: 9
  111. logic.js:46 Mouse Y position is: 0.042857142857142816
  112. logic.js:50 Array(0)
  113. logic.js:45 Mouse x position is: -0.6279411764705882 the click number was: 10
  114. logic.js:46 Mouse Y position is: 0.15142857142857147
  115. logic.js:50 Array(0)
  116. logic.js:45 Mouse x position is: -0.43676470588235294 the click number was: 11
  117. logic.js:46 Mouse Y position is: 0.27714285714285714
  118. logic.js:50 Array(0)
  119. logic.js:45 Mouse x position is: -0.43823529411764706 the click number was: 12
  120. logic.js:46 Mouse Y position is: 0.4514285714285714
  121. logic.js:50 Array(1)0: {distance: 322.78883976615697, point: Vector3, object: Mesh, uv: Vector2, face: Face3, …}length: 1__proto__: Array(0)
  122. logic.js:45 Mouse x position is: -0.4220588235294118 the click number was: 13
  123. logic.js:46 Mouse Y position is: 0.3628571428571429
  124. logic.js:50 Array(1)0: {distance: 318.2292398824061, point: Vector3, object: Mesh, uv: Vector2, face: Face3, …}length: 1__proto__: Array(0)
  125. logic.js:45 Mouse x position is: -0.42352941176470593 the click number was: 14
  126. logic.js:46 Mouse Y position is: 0.24285714285714288
  127. logic.js:50 Array(1)0: {distance: 316.8899995311535, point: Vector3, object: Mesh, uv: Vector2, face: Face3, …}length: 1__proto__: Array(0)
  128. logic.js:45 Mouse x position is: -0.42500000000000004 the click number was: 15
  129. logic.js:46 Mouse Y position is: 0.1685714285714286
  130. logic.js:50 Array(1)0: distance: 315.7874942055389face: Face3 {a: 0, b: 2, c: 1, normal: Vector3, vertexNormals: Array(3), …}faceIndex: 0object: Mesh {uuid: "D0547ADC-9A00-4CED-83FB-B0D34A70D047", name: "", type: "Mesh", parent: Scene, children: Array(0), …}point: Vector3 {x: -98.14954576231017, y: -9.402561526809544, z: 0}uv: Vector2 {x: 0.12939700516693053, y: 0.43690123369826994}__proto__: Objectlength: 1__proto__: Array(0)
  131. logic.js:45 Mouse x position is: -0.30147058823529416 the click number was: 16
  132. logic.js:46 Mouse Y position is: -0.05428571428571427
  133. logic.js:50 Array(1)0: distance: 313.73990052940985face: Face3 {a: 0, b: 2, c: 1, normal: Vector3, vertexNormals: Array(3), …}faceIndex: 0object: Mesh {uuid: "D0547ADC-9A00-4CED-83FB-B0D34A70D047", name: "", type: "Mesh", parent: Scene, children: Array(0), …}point: Vector3 {x: -69.62165010821309, y: 59.87947077599763, z: 0}uv: Vector2 {x: 0.2371155226962656, y: 0.9018395117110181}__proto__: Objectlength: 1__proto__: Array(0)
  134. logic.js:45 Mouse x position is: -0.29264705882352937 the click number was: 17
  135. logic.js:46 Mouse Y position is: 0.34571428571428575
  136. logic.js:50 Array(1)0: distance: 310.1199201904161face: Face3 {a: 0, b: 2, c: 1, normal: Vector3, vertexNormals: Array(3), …}faceIndex: 0object: Mesh {uuid: "D0547ADC-9A00-4CED-83FB-B0D34A70D047", name: "", type: "Mesh", parent: Scene, children: Array(0), …}point: Vector3 {x: -67.58394327577757, y: 40.08460440376702, z: -5.684341886080802e-14}uv: Vector2 {x: 0.24480970251978962, y: 0.7690000037073758}__proto__: Objectlength: 1__proto__: Array(0)
  137. logic.js:45 Mouse x position is: -0.3088235294117647 the click number was: 18
  138. logic.js:46 Mouse Y position is: 0.23142857142857143
  139. logic.js:50 Array(1)0: distance: 308.84705792725225face: Face3 {a: 0, b: 2, c: 1, normal: Vector3, vertexNormals: Array(3), …}faceIndex: 0object: Mesh {uuid: "D0547ADC-9A00-4CED-83FB-B0D34A70D047", name: "", type: "Mesh", parent: Scene, children: Array(0), …}point: Vector3 {x: -71.31973913524268, y: 17.32050807570179, z: 0}uv: Vector2 {x: 0.2307037061766623, y: 0.616234569503187}__proto__: Objectlength: 1__proto__: Array(0)
  140. logic.js:45 Mouse x position is: -0.31470588235294117 the click number was: 19
  141. logic.js:46 Mouse Y position is: 0.09999999999999998
  142.  
  143. if ( ! Detector.webgl ) Detector.addGetWebGLMessage();
  144.  
  145. // global variables for this scripts
  146. let OriginalImg,
  147. SegmentImg;
  148.  
  149. var mouse = new THREE.Vector2();
  150. var raycaster = new THREE.Raycaster();
  151. var mousePressed = false;
  152. var clickCount = 0;
  153.  
  154.  
  155. init();
  156. animate();
  157.  
  158.  
  159. // initilize the page
  160. function init ()
  161. {
  162. let filename = "models/nrrd/columna01.nrrd"; // change your nrrd file
  163. let idDiv = 'original';
  164. OriginalImg = new InitCanvas(idDiv, filename );
  165. OriginalImg.init();
  166. console.log(OriginalImg);
  167.  
  168. filename = "models/nrrd/columnasegmentado01.nrrd"; // change your nrrd file
  169. idDiv = 'segment';
  170. SegmentImg = new InitCanvas(idDiv, filename );
  171. SegmentImg.init();
  172. }
  173.  
  174. document.addEventListener( 'mousedown', onDocumentMouseDown, false );
  175. document.addEventListener( 'mouseup', onDocumentMouseUp, false );
  176.  
  177.  
  178.  
  179. function onDocumentMouseDown( event ) {
  180. mousePressed = true;
  181.  
  182. clickCount++;
  183.  
  184. let Originalcontainer = document.getElementById('original');
  185.  
  186. mouse.x = ( event.clientX / window.innerWidth ) * 2 - 1;
  187. console.log('Mouse x position is: ', mouse.x, 'the click number was: ', clickCount);
  188. console.log('Mouse Y position is: ', mouse.y);
  189. mouse.y = - ( event.clientY / window.innerHeight ) * 2 + 1;
  190. raycaster.setFromCamera( mouse.clone(), OriginalImg.camera );
  191. var objects = raycaster.intersectObjects(OriginalImg.scene.children);
  192. console.log(objects);
  193. }
  194. function onDocumentMouseUp( event ) { mousePressed = false}
  195.  
  196.  
  197.  
  198.  
  199.  
  200. function animate() {
  201.  
  202.  
  203. requestAnimationFrame( animate );
  204. OriginalImg.animate();
  205. SegmentImg.animate();
  206.  
  207.  
  208. }
  209.  
  210. // this class handles the load and the canva for a nrrd
  211. // Using programming based on prototype: https://javascript.info/class
  212. // This class should be improved:
  213. // - Canvas Width and height
  214.  
  215. InitCanvas = function ( IdDiv, Filename ) {
  216.  
  217.  
  218. this.IdDiv = IdDiv;
  219. this.Filename = Filename
  220. }
  221.  
  222. InitCanvas.prototype = {
  223.  
  224. constructor: InitCanvas,
  225.  
  226. init: function() {
  227.  
  228. this.container = document.getElementById( this.IdDiv );
  229.  
  230. // this should be changed.
  231. debugger;
  232. this.container.innerHeight = 600;
  233. this.container.innerWidth = 800;
  234.  
  235. //These statenments should be changed to improve the image position
  236. this.camera = new THREE.PerspectiveCamera( 60, this.container.innerWidth / this.container.innerHeight, 0.01, 1e10 );
  237. this.camera.position.z = 300;
  238.  
  239. let scene = new THREE.Scene();
  240. scene.add( this.camera );
  241.  
  242. // light
  243.  
  244. let dirLight = new THREE.DirectionalLight( 0xffffff );
  245. dirLight.position.set( 200, 200, 1000 ).normalize();
  246.  
  247. this.camera.add( dirLight );
  248. this.camera.add( dirLight.target );
  249.  
  250.  
  251. // read file
  252.  
  253. let loader = new THREE.NRRDLoader();
  254. loader.load( this.Filename , function ( volume ) {
  255.  
  256. //z plane
  257. let sliceZ = volume.extractSlice('z',Math.floor(volume.RASDimensions[2]/4));
  258.  
  259. debugger;
  260. this.container.innerWidth = sliceZ.iLength;
  261. this.container.innerHeight = sliceZ.jLength;
  262.  
  263. scene.add( sliceZ.mesh );
  264. }.bind(this) );
  265.  
  266.  
  267. this.scene = scene;
  268.  
  269. // renderer
  270.  
  271. this.renderer = new THREE.WebGLRenderer( { alpha: true } );
  272. this.renderer.setPixelRatio( this.container.devicePixelRatio );
  273. debugger;
  274. this.renderer.setSize( this.container.innerWidth, this.container.innerHeight );
  275.  
  276. // add canvas in container
  277. this.container.appendChild( this.renderer.domElement );
  278.  
  279. },
  280.  
  281. animate: function () {
  282.  
  283. this.renderer.render( this.scene, this.camera );
  284. }
  285.  
  286. }
  287.  
  288. <!DOCTYPE html>
  289. <html lang="en">
  290. <head>
  291. <title>Prototype: three.js without react.js</title>
  292. <meta charset="utf-8">
  293. <meta name="viewport" content="width=device-width, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0">
  294. <link rel="stylesheet" href="css/styles.css">
  295.  
  296. <!-- load the libraries and js -->
  297. <script src="js/libs/three.js"></script>
  298.  
  299. <script src="js/Volume.js"></script>
  300. <script src="js/VolumeSlice.js"></script>
  301. <script src="js/loaders/NRRDLoader.js"></script>
  302.  
  303. <script src="js/Detector.js"></script>
  304. <script src="js/libs/stats.min.js"></script>
  305. <script src="js/libs/gunzip.min.js"></script>
  306. <script src="js/libs/dat.gui.min.js"></script>
  307.  
  308. <script src="js/InitCanvas.js"></script>
  309.  
  310.  
  311. </head>
  312.  
  313. <body>
  314. <div id="info">
  315. <h1>Prototype: three.js without react.js</h1>
  316. </div>
  317.  
  318. <!-- two canvas -->
  319. <div class="row">
  320. <div class="column" id="original">
  321. </div>
  322.  
  323. <div class="column" id="segment">
  324.  
  325. </div>
  326. </div>
  327.  
  328. <script src="js/logic.js"></script>
  329.  
  330. </body>
  331. </html>
Add Comment
Please, Sign In to add comment
Public Pastes
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy.  OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!