InteractiveScene3D - a new Scene for Papervision3D

[kml_flashembed movie="http://www.rockonflash.com/demos/pv3d/InteractiveScene3D/Main.swf" width="550" height="300"/]

---

There’s been alot of questions about how to get mouse events from 3D objects in Papervision3D, and thanks to JLM (Justin Lawerance Mills) on the PV3D list, I flushed out his idea with using the existing Face3D 2D coordinates for drawing the triangles.

[ update ]
InteractiveScene3D has been integrated with Papervision3D 1.5 now. All you have to do is use InteractiveScene3D and assign one of the Interactive materials to your DisplayObject3D’s that you want to receive mouse events from. So, you now can have a 3D scene where only the objects you designate have mouse events.
[ /update ]

The new InteractiveScene3DEvent passes along the sprite container references as well as a reference to the corresponding DisplayObject3D. In the sample in the repository, and in the code below, I show how I’m able to use both by applying filters as well as changing the position of the 3D object that’s clicked.

So, this now allows me to create a complex scene in 3D Studio Max, create groups etc, and it’s automatically taken care of for me – all objects have mouse events!

Now, this sample might seem like the process is slow, but it’s not – I just put 4 spheres in with a total poly count over 5k and then added filters to the mouse events as well as actually set a visible alpha to the sprite containers – that’s why it seems a bit slow responding to the click event – its switching out one glow filter, for a new one. In normal conditions, the events are fast/responsive.

At this time, it’s doing an object level sort, and I’d like to add face level later on for those of you who want complex object interaction. Right now, this should work for over 90% of the use cases out there.

What I’m also hoping to get help on is creating something that anaylizes a MovieMaterial, and creates planes for UI elements for easy form UI setups on 3D objects.

---

To try it out, I’ve merged it with the 1.5 trunk version out there now:
http://papervision3d.googlecode.com/svn/trunk/src

[as]
// create your new InteractiveScene3D:
scene3d = new InteractiveScene3D(canvas);

// use one of the new Interactive materials – this enables mouse events:
var bam:BitmapFileMaterial = new InteractiveBitmapFileMaterial(“images/sphereMaterial.png”);

// add listeners
scene.interactiveSceneManager.addEventListener(
InteractiveScene3DEvent.OBJECT_PRESS, handleMousePress);
scene.interactiveSceneManager.addEventListener(
InteractiveScene3DEvent.OBJECT_RELEASE, handleMouseRelease);
scene.interactiveSceneManager.addEventListener(
InteractiveScene3DEvent.OBJECT_CLICK, handleMouseClick);
scene.interactiveSceneManager.addEventListener(
InteractiveScene3DEvent.OBJECT_OVER, handleMouseOver);
scene.interactiveSceneManager.addEventListener(
InteractiveScene3DEvent.OBJECT_OUT, handleMouseOut);
scene.interactiveSceneManager.addEventListener(
InteractiveScene3DEvent.OBJECT_MOVE, handleMouseMove);
scene3d.interactiveSceneManager.addEventListener(
InteractiveScene3DEvent.OBJECT_RELEASE_OUTSIDE, handleReleaseOutside);

// define method handlers
private function handleMousePress(e:InteractiveScene3DEvent):void
{
log.debug(“press”, e.displayObject3D.name);
e.sprite.filters = [new GlowFilter(0xFFFFFF, 1, 20,20,3,1)];
e.displayObject3D.moveUp(30);
}

private function handleMouseRelease(e:InteractiveScene3DEvent):void
{
log.debug(“release”, e.displayObject3D.name);
e.sprite.filters = [];
e.displayObject3D.moveDown(30);
}

private function handleReleaseOutside(e:InteractiveScene3DEvent):void
{
log.debug(“releaseOutside”);
if( currentSphere != null ) currentSphere.moveDown(30);
}

private function handleMouseClick(e:InteractiveScene3DEvent):void
{
log.debug(“click”, e.displayObject3D.name);
e.sprite.filters = [];
}

private function handleMouseOver(e:InteractiveScene3DEvent):void
{
log.debug(“over”, e.displayObject3D.name);
e.sprite.filters = [new GlowFilter(0x20ADCD, .75, 20,20,2,1)];
}

private function handleMouseOut(e:InteractiveScene3DEvent):void
{
log.debug(“out”, e.displayObject3D.name);
e.sprite.filters = [];
}

private function handleMouseMove(e:InteractiveScene3DEvent):void
{
log.debug(“move”, e.displayObject3D.name);
}
[/as]

About these ads