rotation
Free rotation using Quaternions
package { import flash.display.Bitmap; import flash.events.Event; import flash.events.MouseEvent; import org.papervision3d.core.geom.renderables.Vertex3D; import org.papervision3d.core.math.Number3D; import org.papervision3d.core.math.Plane3D; import org.papervision3d.core.math.Quaternion; import org.papervision3d.lights.PointLight3D; import org.papervision3d.materials.BitmapMaterial; import org.papervision3d.objects.DisplayObject3D; import org.papervision3d.objects.primitives.Sphere; import org.papervision3d.view.BasicView; [SWF(width="640", height="480", backgroundColor="#000000", frameRate="60")] public class QuaternionExample extends BasicView { private const XYPLANE:Number3D = new Number3D(0, 0, 1); private const RADIUS:Number = 400; private const SPEED:Number = .05; private var plane3D:Plane3D = new Plane3D(XYPLANE, Number3D.ZERO);; private var sphere:Sphere; [Embed(source="assets/lake_640.jpg")] private var materialAsset:Class; public function QuaternionExample() { var light:PointLight3D = new PointLight3D(); var bitmap:Bitmap = new materialAsset() as Bitmap; var material:BitmapMaterial = new BitmapMaterial(bitmap.bitmapData); sphere = new Sphere(material, RADIUS, 30, 30); scene.addChild(sphere); startRendering(); stage.addEventListener(MouseEvent.CLICK, clickHandler); } private function clickHandler(event:MouseEvent):void { //quick reset sphere.copyTransform(new DisplayObject3D()); } override protected function onRenderTick(event:Event=null):void { var ray:Number3D = camera.unproject(viewport.containerSprite.mouseX, viewport.containerSprite.mouseY); ray = Number3D.add(ray, camera.position); var cameraVertex3D:Vertex3D = new Vertex3D(camera.x, camera.y, camera.z); var rayVertex3D:Vertex3D = new Vertex3D(ray.x, ray.y, ray.z); var intersectPoint:Vertex3D = plane3D.getIntersectionLine(cameraVertex3D, rayVertex3D); var velocityX:Number = intersectPoint.x * SPEED; var velocityY:Number = intersectPoint.y * SPEED; var velocityZ:Number = intersectPoint.y * SPEED; var difference:Number3D = new Number3D(-velocityX, -velocityY, -velocityZ); var distance:Number = Math.sqrt(difference.x * difference.x + difference.y * difference.y); var rotationAxis:Number3D = Number3D.cross(difference, XYPLANE); rotationAxis.normalize(); var rotation:Quaternion = Quaternion.createFromAxisAngle(rotationAxis.x, rotationAxis.y, rotationAxis.z, distance/RADIUS); rotation.normalize(); sphere.transform.calculateMultiply3x3(rotation.matrix, sphere.transform); renderer.renderScene(scene, camera, viewport); } } }
I hope to be able to do a write-up explaining Quaternions next week.
Dragging mouse for camera orbit
This little gem comes from a chat I had a while back with Tim Knip:
package { import flash.events.MouseEvent; import org.papervision3d.lights.PointLight3D; import org.papervision3d.materials.shadematerials.FlatShadeMaterial; import org.papervision3d.objects.DisplayObject3D; import org.papervision3d.objects.primitives.Sphere; import org.papervision3d.view.BasicView; [SWF(width="640", height="480", backgroundColor="#000000", frameRate="60")] public class OrbitingCameraExample extends BasicView { private var isOribiting:Boolean; private var cameraPitch:Number = 90; private var cameraYaw:Number = 270; private var cameraTarget:DisplayObject3D = DisplayObject3D.ZERO; private var previousMouseX:Number; private var previousMouseY:Number; private var light:PointLight3D; public function OrbitingCameraExample() { light = new PointLight3D(); var material:FlatShadeMaterial = new FlatShadeMaterial(light, 0xcc0000); var sphere1:Sphere = new Sphere(material, 300, 10, 10); var sphere2:Sphere = new Sphere(material, 100, 10, 10); sphere2.x = 300; sphere2.y = 300; sphere2.z = 700 var sphere3:Sphere = new Sphere(material, 100, 10, 10); sphere3.x = 600; sphere3.y = -400; sphere3.z = -200; var sphere4:Sphere = new Sphere(material, 100, 10, 10); sphere4.x = -700; sphere3.z = -100; scene.addChild(sphere1); scene.addChild(sphere2); scene.addChild(sphere3); scene.addChild(sphere4); stage.addEventListener(MouseEvent.MOUSE_DOWN, onMouseDown); stage.addEventListener(MouseEvent.MOUSE_MOVE, onMouseMove); stage.addEventListener(MouseEvent.MOUSE_UP, onMouseUp); startRendering(); } private function onMouseDown(event:MouseEvent):void { isOribiting = true; previousMouseX = event.stageX; previousMouseY = event.stageY; } private function onMouseUp(event:MouseEvent):void { isOribiting = false; } private function onMouseMove(event:MouseEvent):void { var differenceX:Number = event.stageX - previousMouseX; var differenceY:Number = event.stageY - previousMouseY; if(isOribiting) { cameraPitch += differenceY; cameraYaw += differenceX; cameraPitch %= 360; cameraYaw %= 360; cameraPitch = cameraPitch > 0 ? cameraPitch : 0.0001; cameraPitch = cameraPitch < 90 ? cameraPitch : 89.9999; previousMouseX = event.stageX; previousMouseY = event.stageY; camera.orbit(cameraPitch, cameraYaw, true, cameraTarget); } } } }
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
- شقق للبيع في الاردن on Moving to johnlindquist.com
- Annakhan006 on Augmented Reality – Recursive Webcam
- Yarout on Augmented Reality – Recursive Webcam
- Vivon on about
- Josh @ Wall Stickers on Moving to johnlindquist.com
- list of lpn courses on SpringCamera3D and Driving a Car
- rn to bsn in montgomery al on archive
- PowerPoint Recovery on Eclipse Theme Designer Preview
- cheat mw3 on Test if a plane is within the view of the camera (aka testing if culled)
- Goa Hotels on Looking around the inside of a Sphere
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 | 30 | 31 | |||
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



