drag
Drag and Release
Sproing! I’ll go into “camera.unproject” and “rays” in more detail in the future.
package { import flash.events.Event; import flash.events.MouseEvent; import gs.TweenMax; import gs.easing.Elastic; import org.papervision3d.core.geom.Lines3D; import org.papervision3d.core.geom.renderables.Line3D; import org.papervision3d.core.geom.renderables.Vertex3D; import org.papervision3d.core.math.Number3D; import org.papervision3d.events.InteractiveScene3DEvent; import org.papervision3d.lights.PointLight3D; import org.papervision3d.materials.shadematerials.FlatShadeMaterial; import org.papervision3d.materials.special.LineMaterial; import org.papervision3d.objects.primitives.Sphere; import org.papervision3d.view.BasicView; [SWF(width="640", height="480", backgroundColor="#000000", frameRate="60")] public class DragAndRelease extends BasicView { private var sphere:Sphere; private var line:Line3D; private const LENGTH:Number = 2000; private var isSpherePressed:Boolean = false; public function DragAndRelease() { viewport.interactive = true; camera.fov = 110; var light:PointLight3D = new PointLight3D(); light.x = -1000, light.y = 1000; var material:FlatShadeMaterial = new FlatShadeMaterial(light, 0xcc0000); material.interactive = true; sphere = new Sphere(material, 200, 12, 12); sphere.addEventListener(InteractiveScene3DEvent.OBJECT_PRESS, objectPressHandler); sphere.z = LENGTH + camera.z; stage.addEventListener(MouseEvent.MOUSE_UP, mouseUpHandler); var lineMaterial:LineMaterial = new LineMaterial(0x00cc00); var lines:Lines3D = new Lines3D(); line = new Line3D(lines, lineMaterial, 1, new Vertex3D(1000,1000,1000), new Vertex3D(-1000,0,0)); lines.addLine(line); scene.addChild(lines); scene.addChild(sphere); startRendering(); } override protected function onRenderTick(event:Event=null):void { var ray:Number3D = camera.unproject(viewport.containerSprite.mouseX, viewport.containerSprite.mouseY); line.v0.x = ray.x, line.v0.y = ray.y, line.v0.z = ray.z; line.v1.x = sphere.x, line.v1.y = sphere.y, line.v1.z = sphere.z; ray.normalize(); ray.multiplyEq(LENGTH); ray = Number3D.add(ray, new Number3D(camera.x, camera.y, camera.z)); if(isSpherePressed) { sphere.position = ray; } renderer.renderScene(scene, camera, viewport); } private function objectPressHandler(event:InteractiveScene3DEvent):void { TweenMax.killTweensOf(sphere); isSpherePressed = true; } private function mouseUpHandler(event:MouseEvent):void { isSpherePressed = false; TweenMax.to(sphere, 1, {x:0, y:0, z:LENGTH + camera.z, ease:Elastic.easeOut}); } } }
Search
Recommended Books
Speaking at FITC Toronto
Recent Posts
- Moving to johnlindquist.com
- AsyncCommand with Robotlegs, Signals, Flight, MinimalComps
- Search Widget – Robotlegs, Signals, Flight, Minimal Comps, Yahoo Astra
- FDT Super Awesome March Deal
- FDT Theme Designer
- haXe Tutorial
- AS3 Signals Tutorial
- Preferred Video Tutorial Resolution?
- TweenMax – Tweening a timeline (Advanced Tweening)
- Robotlegs + Flight + Union Platform
- Back in the saddle
- Eclipse Theme Designer Preview
- RobotLegs Hello World Video Tutorial
- 10 Things Every Senior Flash Developer Should Know
- Efflex – 3D Effects for Flex
Recent Comments
- software akuntansi terbaik on Back in the saddle
- loan rates on Augmented Reality – Recursive Webcam
- loan rates on Looking around the inside of a Sphere
- reverse phone lookup on Looking around the inside of a Sphere
- Oidhreachta on The Spotlight Effect (Dimming the unselected)
- Hosting company on archive
- aanbae on Back in the saddle
- Domain registration on Looking around the inside of a Sphere
- website designing company on Looking around the inside of a Sphere
- Honda Motor on Augmented Reality – Recursive Webcam
Categories
| M | T | W | T | F | S | S |
|---|---|---|---|---|---|---|
| « May | ||||||
| 1 | 2 | 3 | 4 | 5 | ||
| 6 | 7 | 8 | 9 | 10 | 11 | 12 |
| 13 | 14 | 15 | 16 | 17 | 18 | 19 |
| 20 | 21 | 22 | 23 | 24 | 25 | 26 |
| 27 | 28 | 29 | ||||
Archives
Preferred Video Tutorial Resolution
- 1024x768 (53%, 85 Votes)
- 1280x1024 (15%, 24 Votes)
- 1920x1080 (15%, 24 Votes)
- 800x600 (13%, 20 Votes)
- 480x320 (4%, 6 Votes)
- 640x480 (0%, 2 Votes)
Total Voters: 160


