[x3dom-users] Fwd: [x3dom-developers] Integration Problems Angularjs and x3dom

[John C. <yot...@gm...>]

> Begin forwarded message:
> 
> From: John Carlson <yot...@gm...>
> Subject: Re: [x3dom-developers] Integration Problems Angularjs and x3dom
> Date: February 5, 2016 at 5:25:31 PM EST
> To: Philipp Litzenberger <pli...@by...>
> 
> There might be some issues with angularjs animation and x3dom.  google angularjs x3dom for more info, or I can provide links, if necessary.
> I’m sure you’ve already done this.  X3DOM loads its javascript asynchronously apparently.  Make sure everything is defined before trying to use it.
> 
> John
>> On Feb 5, 2016, at 4:16 PM, Philipp Litzenberger <pli...@by... <mailto:pli...@by...>> wrote:
>> 
>> Hi John,
>> 
>> thanks for your answer. Thats interesting. Do you use D3.js to create and manipulate the x3dom nodes? I’ve prepared a JSFiddle (http://jsfiddle.net/plitzenberger/f1fLydv0/107/ <http://jsfiddle.net/plitzenberger/f1fLydv0/107/>) and tried to reproduce my Problems. Currently without success. Everything is working well.
>> 
>> I’m manipulating the X3Dom by angularjs directives. Each directive has a X3dom template with attributes bound to scope.
>> 
>> Sample
>> 
>> <Screen Shot 2016-02-05 at 22.00.46.png>
>> 
>> In my actual App this works fine as long as I define my data in controller. But when I get the data from an asynchronous api service some elements have rendering problems. Some shapes especially the sphere doesn’t get rendered at all. The rectangulartorus for example has the innerradius set to the default value of “1” or something like that.
>> 
>> For me it looks like the x3dom mechanism and the angularjs digest cycle are conflicting when this happens. I can only work around this problem by creating the x3dom by “hand” (with document.createElement(’sphere’)) for example.
>> 
>> 
>> Best Philipp
>> 
>> 
>>> On 05 Feb 2016, at 00:20, John Carlson <yot...@gm... <mailto:yot...@gm...>> wrote:
>>> 
>>> Philip,
>>> 
>>> I’ve integrated X3DOM with Kibana.  Kibana uses Angular and D3.js.  I was able to add an X3DOM visualization to it.  See video here: https://www.youtube.com/watch?v=AZbO2Y8NNS8 <https://www.youtube.com/watch?v=AZbO2Y8NNS8>  The repository is here: https://github.com/coderextreme/kibana <https://github.com/coderextreme/kibana>  I used D3.js to integrate X3DOM through the DOM and did not use X3DOM and angular directly together.
>>> 
>>> Let me know if I can help.
>>> 
>>> John
>>>> On Feb 4, 2016, at 5:00 PM, Philipp Litzenberger <pli...@by... <mailto:pli...@by...>> wrote:
>>>> 
>>>> Hi everyone,
>>>> 
>>>> I’m facing some problems integrating x3dom into an angularjs application. Is someone on this list who has experience with angularjs?
>>>> 
>>>> Best,
>>>> 
>>>> Philipp
>>>> 
>>>> ------------------------------------------------------------------------------
>>>> Site24x7 APM Insight: Get Deep Visibility into Application Performance
>>>> APM + Mobile APM + RUM: Monitor 3 App instances at just $35/Month
>>>> Monitor end-to-end web transactions and take corrective actions now
>>>> Troubleshoot faster and improve end-user experience. Signup Now!
>>>> http://pubads.g.doubleclick.net/gampad/clk?id=272487151&iu=/4140_______________________________________________ <http://pubads.g.doubleclick.net/gampad/clk?id=272487151&iu=/4140_______________________________________________>
>>>> x3dom-developers mailing list
>>>> x3d...@li... <mailto:x3d...@li...>
>>>> https://lists.sourceforge.net/lists/listinfo/x3dom-developers <https://lists.sourceforge.net/lists/listinfo/x3dom-developers>
>>> 
>> 
>