This question might help me understand some issues I’m having while trying to develop using 8th Wall and also related to the Niantic Studio.
I was trying to use the application Fireworks as base to create mine and understand the fundamentals of how to trigger particle systems and animations. Considering he application has some UI/button triggered animations and particle systems as well.
I tried replicating it (Fireworks) on Niantic Studio.
So I went to Niantic and tried this: I created that same directory structure and files, and tried to run it.
But it keep giving me the AFRAME is not defined error. What could it be?
I understand that I’ve imported everything that I would need as you can see in the head.html. But I’m missing something. I checked the src of the and they are all up.
What could it be ?
Hi Gabriel,
I think there’s some confusion. The project you’re referencing is a Cloud Editor project that uses A-Frame. Cloud Editor is our code oriented solution that requires a Pro plan. The screenshots you’re showing are using Studio, sometimes referred to as Cloud Studio, which is our visual editing solution with code capabilities. The projects are not interchangeable as the backends are totally different however you can manually convert projects back and forth with custom components and threejs.
Alright. I don’t have the pro plan. I’m still trying to understand the 8th wall. And how it works, to be able to supply the service.
Then, knowing what Project I’m talking about, and that I’m in Cloud Studio, what should I add/edit in the code to make it work properly?
I feel like using something from the /ecs would help, but I couldn’t work it out only with the documentation.
Hey @GeorgeButler , How could I import and use the AFRAME properly on Niantic Studio ?
I kept getting the error “Uncaught ReferenceError: AFRAME is not defined”, can you help me ?
Hi Gabriel,
A-Frame isn’t currently supported in Studio, but you might be able to bring it in through a CDN like Skypack using a Custom Component.
