Changeset 29737 for other-projects/nz-flag-design

Timestamp:

2015-02-13T09:00:21+13:00 (9 years ago)

Author:

bmt11

Message:

Added interaction with objects. May be able to use this to update flag in 3d rendering aswell as 2d

Location:

other-projects/nz-flag-design/trunk/render-3d

Files:

• Flag_files/Projector.js (added)
• Flag_files/Projector_files (added)
• Flag_files/Projector_files/find.css (added)
• Flag_files/Projector_files/find.js (added)
• Flag_files/Projector_files/github.css (added)
• Flag_files/Projector_files/highlight.pack.js (added)
• flag.html (modified) (8 diffs)

other-projects/nz-flag-design/trunk/render-3d/flag.html

@@ -131 +131 @@
         <script type="text/javascript" src="./Flag_files/ColladaLoader.js"></script>
         <script type="text/javascript" src="./Flag_files/slider.js"></script>
+        <script type="text/javascript" src="./Flag_files/Projector.js"></script>
         
         <script type="text/javascript" src="./Flag_files/KeyboardState.js"></script>
@@ -181 +182 @@
             var keyboard = new KeyboardState();
             var clothTexture;
-
+            
+            var projector, mouse = { x: 0, y: 0 }, INTERSECTED;
+            var objects = []; 
+            var beehiveVisible = true;
+            
             var initial = true;
             
@@ -358 +363 @@
                 mesh.castShadow = false;
                 scene.add( mesh );
+                //objects.push( mesh );
 
                 //
@@ -405 +411 @@
                   beehive.scale.set(1,1,1);
                   beehive.rotation.set(1.5*Math.PI,0,0);
+                  beehive.name = "beehive";
                   scene.add(beehive);
+                  objects.push( beehive );
                 });
+                projector = new THREE.Projector();
+                document.addEventListener( 'mousedown', onDocumentMouseDown, false );
             }
             
@@ -444 +454 @@
                     object.position.x = -305;
                     object.position.z = -165;
+                    object.name = "flag";
                     scene.add( object );
+                    objects.push( object );
                     
                     initial = false;
@@ -457 +469 @@
             }
             
+            function onDocumentMouseDown( event ) {
+
+                var mouse3D = new THREE.Vector3( ( event.clientX / window.innerWidth ) * 2 - 1,   //x
+                                                 -( event.clientY / window.innerHeight ) * 2 + 1,  //y
+                                                 1 );                                            //z
+                mouse3D.unproject( camera );
+                mouse3D.sub( camera.position );
+                mouse3D.normalize();
+                var raycaster = new THREE.Raycaster( camera.position, mouse3D );
+                var intersects = raycaster.intersectObjects( objects , true);
+                if(intersects.length > 0){
+                    beehiveVisible = false;
+                    intersects[ 0 ].object.material.color.setHex( Math.random() * 0xffffff );
+                }
+            }
+            
 
             //
@@ -500 +528 @@
 
                 }
+                
+                /*if(beehiveVisible == false){
+                    for( var i = 0; i < objects.length; i++){
+                        objects[i].position.setY(-2000);
+                        if(objects[i].name === "flag"){
+                            objects[i].position.setY(1250);
+                        }
+                    }
+                }*/
                 
                 clothGeometry.computeFaceNormals();
@@ -532 +569 @@
         
         </script>
-
     </body>
 </html>