ancc2020,2021, How to use other js (treejs)

[chenjil43641795]

I need to use "treejs."

But when I added to ANIMATE CC, I couldn't use it.

threejs

https://github.com/mrdoob/three.js/

How can I use it?

Please help me.

[Mike316586011o7f]

Hello!
I have attached the library. But the code that is here adds a separate canvas for THREE. And I would like to add 3D objects to the scene in the anime.

document.body.appendChild( renderer.domElement );
replace with something like -
exportRoot.addChild(scene);

[Mike316586011o7f]

I just want Animate and ThreeJS to have a common canvas

[kglad]

i'm not sure what you're doing, so you'll need to figure this out yourself, unless someone else can/wants to help

[JoãoCésar]

I don't think that's possible because both are graphic libraries that will take total control of the element and its context's drawing methods.

It may be better for you to overlay two canvases on top of each other.

[JoãoCésar]

You may want to take a look at how to associate/transform an instance inside of Animate/CreateJS canvas to an outer element using the DOMElement class. This outer element would contain your Three.js output.

[Mike316586011o7f]

Thanks a lot. I'll do so