Want to create a demo project

🕹️ Studio Feedback
1

i want to make a simple project where if i scan any marker or qr code then i can see a dancing model …can i achieve it using studio(free one)

2

Hi!

Doing this with 8th Wall is really easy!

  1. Clone the empty project.
  2. Click the Camera and set it to “World” for AR.
  3. Upload your model to the assets folder.
  4. Drag the asset to the 3D Viewport.
  5. Check it out in the simulator.
3

hey thanks but this is no code approach …i want to write my own code and run in the editor like when i tap on that .glb file some pop up appears or confetti .Is it possible to do on basic free plan? and if yes please guide through instructions

4

Yes it’s possible. Check out our Sample Project library which is full of projects of different types that use code.

5

can i write my own code logic on empty project like i have created html and js code but it is not showing any output

6

Studio doesn’t use HTML and CSS, it uses its own ECS system with Custom Components.

See our docs here to learn more: Entities and Components | 8th Wall

7

ok so we cannot create our own project in the editor using html ,css, javascript , typescript or any tech…as for using ECS we need to have pro plan right?

8

You don’t need to have a Pro plan to write code. Pro is only required to use our Legacy Cloud Editor that lets you bring in your own frameworks like A-Frame.

9

then how can we code there can you provide few steps

10

Does this help?

11

Thanks a lot for the demo video

image
image1917×865 134 KB

how do u have console ,actions and camera on simulator? …and also i want to write the logic like when i tap on the model some pop up or confetti appears is that possible too?

12

I’m not sure what you mean why Camera however you can enable debug mode on the console by clicking ‘Connect Device’ and then toggling ‘Debug Mode’ there.

I would create add an event listener that listens to the touch on the model and then either plays your effect as a particle or create your effect as a GLB model and set it to play the animation when the model is clicked.

You can see an example of how to setup event listeners like this here: Studio: Hotspots | 8th Wall | 8th Wall

14


i want the text to be stick with model that not moving along with camera …which property do i need to use?

15

Turn the UI element from Overlay to World.

16

In basic free plan along with .glb i want to have some png also to be seen in my camera and on click perform some action so can i use .png or .gif?

image
image352×561 35.5 KB

as i want to create thistype of page where i have logo the but the output of mine is

WhatsApp Image 2025-04-09 at 18.19.22_69bf3e18
WhatsApp Image 2025-04-09 at 18.19.22_69bf3e18720×1600 27.1 KB

const thankYouImg = document.createElement(‘img’)
thankYouImg.src = ‘./assets/Thnku.jpg’
thankYouImg.style.maxWidth = ‘200px’

17

You can’t reference the asset URL directly like that, you have to use the ecs.assets functions to get the full URL. Check out line 116 from the sample project here: Studio: Scavenger Hunt | 8th Wall | 8th Wall

18

Hey got a great news that Image Target is available to use on basic plan …it would be great if you provide a sample example(video) on how to use it in our code as i am a beginner

19

Check out this demo video one of our community leaders created:

Also we have a sample project here:

20

in this sample project there is no .ts file so i am unable to get it how to use it in my code as i have made a .ts file and when i am scanning the QR i am getting error in console as “unhandled promise rejection : error: unknown type :false”

21

Can you post your component file?