Databases
StackOverflow2013
Postsdbo
POIntegrate Flare3D into a Flex application
 

Note that there are some explanatory texts on larger screens.

plurals
  1. POIntegrate Flare3D into a Flex application
    primarykey
    data
    text
    <p>I'm building an application with the <a href="http://flex.org/" rel="nofollow">Flex</a> framework and the 3D graphics library <a href="http://www.flare3d.com/" rel="nofollow">Flare3D</a>.<br> I want to be able to embed my 3D scene into an MXML application and still have the mouse events dispatched to the 3D scene.</p> <p>Here is my code:<br> - The MXML app:</p> <pre><code>&lt;?xml version="1.0" encoding="utf-8"?&gt; &lt;s:Application xmlns:fx="http://ns.adobe.com/mxml/2009" xmlns:s="library://ns.adobe.com/flex/spark" xmlns:mx="library://ns.adobe.com/flex/mx" xmlns:views="views.*" minWidth="955" minHeight="600" backgroundAlpha="0"&gt; &lt;s:HGroup width="100%" height="100%"&gt; &lt;s:Panel width="250" height="100%"&gt; &lt;/s:Panel&gt; &lt;views:MyView id="myView" width="100%" height="100%" /&gt; &lt;/s:HGroup&gt; &lt;/s:Application&gt; </code></pre> <p>The UIComponent responsible of the 3D rendering (just a cube).</p> <pre><code>package views { import flare.basic.Scene3D; import flare.basic.Viewer3D; import flare.core.Camera3D; import flare.primitives.Cube; import flash.display.Stage3D; import flash.display.StageAlign; import flash.display.StageScaleMode; import flash.events.Event; import mx.controls.Alert; import mx.core.UIComponent; public class MyView extends UIComponent { private var scene:Scene3D; private var stage3D:Stage3D; private var cube:Cube; public function MyView() { super(); this.addEventListener(Event.ADDED_TO_STAGE, init); } public function init(event:Event):void { stage.scaleMode = StageScaleMode.NO_SCALE; stage.align = StageAlign.TOP_LEFT; //stage.focus = null; //stage.getChildAt(0).visible = false; scene = new Viewer3D(stage); scene.setViewport(250, 0); scene.addEventListener(Scene3D.PROGRESS_EVENT, progressEvent); scene.addEventListener(Scene3D.COMPLETE_EVENT, completeEvent); scene.camera = new Camera3D(); scene.camera.setPosition(150, 150, -300); scene.camera.lookAt(0, 0, 0); cube = new Cube("cube"); scene.addChild(cube); } protected function progressEvent(e:Event):void {} protected function completeEvent(e:Event):void {} } } </code></pre> <p>The problem is that the 3D rendering is done by default in a "layer" that is behind the 2D layer (where we can put MXML components).<br> By default, if we mix 3D and 2D elements, we can't see 3D elements.<br> So I added <code>backgroundAlpha="0"</code>. This solved the problem of showing the 3D view. But now I have another problem, I can't move the cube (which is the default behaviour) when I click on the scene and move the mouse. I understand that this is because the 3D view is behind the 2D view. </p> <p>Is it possible to give the 3D view the focus for mouse events (when it's needed) ?<br> Or is there a different way of doing what I want ? The only hack I figured out is to uncomment this <code>//stage.getChildAt(0).visible = false;</code> which make the 2D view invisible. But I want to mix 2D elements and 3D view, so it's not a solution.</p> <p>Thanks for any help.</p>
    singulars
    1. PO
      singulars
      1. PTAnswer
    1. This table or related slice is empty.
    1. PTQuestion
    1. USflorian
    1. USflorian
    plurals
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. PO
      singulars
      1. PTAnswer
    2. PO
      singulars
      1. PTAnswer
    1. VO
      singulars
      1. POIntegrate Flare3D into a Flex application
      1. This table or related slice is empty.
      1. VTUpMod
    2. VO
      singulars
      1. POIntegrate Flare3D into a Flex application
      1. This table or related slice is empty.
      1. VTUpMod
    3. VO
      singulars
      1. POIntegrate Flare3D into a Flex application
      1. USyarek
      1. VTFavorite
    1. This table or related slice is empty.
 

Querying!

 
Guidance
A row detail

Detail views are divided into sections. All the information in the data section comes from columns in the selected row. The other sections display data from other, related rows.

Related data can be related in a to-one or a to-many fashion. Captions of data related in a to-many fashion link to a list view showing a filtered view of the table.

Try moving around until you find a non-empty to-many entry and click on the label to get to one. You can move back to the root by clicking on the database name in the header.

SQuiL has stopped working due to an internal error.

If you are curious you may find further information in the browser console, which is accessible through the devtools (F12).

Reload