# Want to create a demo project **URL:** \ **Category:** Studio Feedback\ **Created:** [April 7, 2025, 5:11am UTC](https://forum.8thwall.com/t/want-to-create-a-demo-project/5922 "2025-04-07T05:11:53Z")\ **Posts on this page:** 20\ **Page:** 1
**Author:** ![Nikita\_Kumari](https://avatars.discourse-cdn.com/v4/letter/n/45deac/32.png) [@Nikita\_Kumari](https://forum.8thwall.com/u/Nikita_Kumari)\ **Post date:** [April 7, 2025, 5:11am UTC](https://forum.8thwall.com/t/want-to-create-a-demo-project/5922/1 "2025-04-07T05:11:53Z")
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) ---
**Author:** ![GeorgeButler](https://sea1.discourse-cdn.com/flex019/user_avatar/forum.8thwall.com/georgebutler/32/1903_2.png) [@GeorgeButler](https://forum.8thwall.com/u/GeorgeButler)\ **Post date:** [April 7, 2025, 4:49pm UTC](https://forum.8thwall.com/t/want-to-create-a-demo-project/5922/2 "2025-04-07T16:49:50Z")
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. [](https://www.youtube.com/watch?v=xwnAKsU1eiM) ---
**Author:** ![Nikita\_Kumari](https://avatars.discourse-cdn.com/v4/letter/n/45deac/32.png) [@Nikita\_Kumari](https://forum.8thwall.com/u/Nikita_Kumari)\ **Post date:** [April 7, 2025, 5:15pm UTC](https://forum.8thwall.com/t/want-to-create-a-demo-project/5922/3 "2025-04-07T17:15:27Z")
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 ---
**Author:** ![GeorgeButler](https://sea1.discourse-cdn.com/flex019/user_avatar/forum.8thwall.com/georgebutler/32/1903_2.png) [@GeorgeButler](https://forum.8thwall.com/u/GeorgeButler)\ **Post date:** [April 7, 2025, 5:41pm UTC](https://forum.8thwall.com/t/want-to-create-a-demo-project/5922/4 "2025-04-07T17:41:08Z")
Yes it’s possible. Check out our [Sample Project library](https://www.8thwall.com/projects) which is full of projects of different types that use code. ---
**Author:** ![Nikita\_Kumari](https://avatars.discourse-cdn.com/v4/letter/n/45deac/32.png) [@Nikita\_Kumari](https://forum.8thwall.com/u/Nikita_Kumari)\ **Post date:** [April 7, 2025, 5:42pm UTC](https://forum.8thwall.com/t/want-to-create-a-demo-project/5922/5 "2025-04-07T17:42:28Z")
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 ---
**Author:** ![GeorgeButler](https://sea1.discourse-cdn.com/flex019/user_avatar/forum.8thwall.com/georgebutler/32/1903_2.png) [@GeorgeButler](https://forum.8thwall.com/u/GeorgeButler)\ **Post date:** [April 7, 2025, 5:45pm UTC](https://forum.8thwall.com/t/want-to-create-a-demo-project/5922/6 "2025-04-07T17:45:32Z")
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](https://www.8thwall.com/docs/studio/essentials/entities-and-components/) ---
**Author:** ![Nikita\_Kumari](https://avatars.discourse-cdn.com/v4/letter/n/45deac/32.png) [@Nikita\_Kumari](https://forum.8thwall.com/u/Nikita_Kumari)\ **Post date:** [April 7, 2025, 5:50pm UTC](https://forum.8thwall.com/t/want-to-create-a-demo-project/5922/7 "2025-04-07T17:50:31Z")
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? ---
**Author:** ![GeorgeButler](https://sea1.discourse-cdn.com/flex019/user_avatar/forum.8thwall.com/georgebutler/32/1903_2.png) [@GeorgeButler](https://forum.8thwall.com/u/GeorgeButler)\ **Post date:** [April 7, 2025, 5:58pm UTC](https://forum.8thwall.com/t/want-to-create-a-demo-project/5922/8 "2025-04-07T17:58:04Z")
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. ---
**Author:** ![Nikita\_Kumari](https://avatars.discourse-cdn.com/v4/letter/n/45deac/32.png) [@Nikita\_Kumari](https://forum.8thwall.com/u/Nikita_Kumari)\ **Post date:** [April 7, 2025, 6:16pm UTC](https://forum.8thwall.com/t/want-to-create-a-demo-project/5922/9 "2025-04-07T18:16:04Z")
then how can we code there can you provide few steps ---
**Author:** ![GeorgeButler](https://sea1.discourse-cdn.com/flex019/user_avatar/forum.8thwall.com/georgebutler/32/1903_2.png) [@GeorgeButler](https://forum.8thwall.com/u/GeorgeButler)\ **Post date:** [April 7, 2025, 6:47pm UTC](https://forum.8thwall.com/t/want-to-create-a-demo-project/5922/10 "2025-04-07T18:47:28Z")
[![](https://us1.discourse-cdn.com/flex019/uploads/x8thwall/original/2X/b/bebc2c5220fcad89535337178957b2f2285e70c1.jpeg "Custom Components") ](https://www.youtube.com/watch?v=Y__jPN2hTtc) Does this help? ---
**Author:** ![Nikita\_Kumari](https://avatars.discourse-cdn.com/v4/letter/n/45deac/32.png) [@Nikita\_Kumari](https://forum.8thwall.com/u/Nikita_Kumari)\ **Post date:** [April 7, 2025, 6:53pm UTC](https://forum.8thwall.com/t/want-to-create-a-demo-project/5922/11 "2025-04-07T18:53:19Z")
Thanks a lot for the demo video ![image](https://us1.discourse-cdn.com/flex019/uploads/x8thwall/original/2X/0/0f5d0066ac59580e177c15bb6b190063cfcd57c6.jpeg) 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? ---
**Author:** ![GeorgeButler](https://sea1.discourse-cdn.com/flex019/user_avatar/forum.8thwall.com/georgebutler/32/1903_2.png) [@GeorgeButler](https://forum.8thwall.com/u/GeorgeButler)\ **Post date:** [April 7, 2025, 8:46pm UTC](https://forum.8thwall.com/t/want-to-create-a-demo-project/5922/12 "2025-04-07T20:46:20Z")
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](https://www.8thwall.com/8thwall/studio-hotspots/code/hotspot.ts) ---
**Author:** ![Nikita\_Kumari](https://avatars.discourse-cdn.com/v4/letter/n/45deac/32.png) [@Nikita\_Kumari](https://forum.8thwall.com/u/Nikita_Kumari)\ **Post date:** [April 8, 2025, 1:11pm UTC](https://forum.8thwall.com/t/want-to-create-a-demo-project/5922/14 "2025-04-08T13:11:34Z")
i want the text to be stick with model that not moving along with camera …which property do i need to use? ---
**Author:** ![GeorgeButler](https://sea1.discourse-cdn.com/flex019/user_avatar/forum.8thwall.com/georgebutler/32/1903_2.png) [@GeorgeButler](https://forum.8thwall.com/u/GeorgeButler)\ **Post date:** [April 8, 2025, 4:03pm UTC](https://forum.8thwall.com/t/want-to-create-a-demo-project/5922/15 "2025-04-08T16:03:07Z")
Turn the UI element from Overlay to World. ---
**Author:** ![Nikita\_Kumari](https://avatars.discourse-cdn.com/v4/letter/n/45deac/32.png) [@Nikita\_Kumari](https://forum.8thwall.com/u/Nikita_Kumari)\ **Post date:** [April 9, 2025, 9:22am UTC](https://forum.8thwall.com/t/want-to-create-a-demo-project/5922/16 "2025-04-09T09:22:05Z")
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](https://us1.discourse-cdn.com/flex019/uploads/x8thwall/original/2X/6/6136b6abd75767c0f574eba77de4ba8c06d2c0ca.jpeg) 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](https://us1.discourse-cdn.com/flex019/uploads/x8thwall/original/2X/7/7c7692048dba06319a4afaef025b00b123ff48d0.jpeg) const thankYouImg = document.createElement(‘img’) thankYouImg.src = ‘./assets/Thnku.jpg’ thankYouImg.style.maxWidth = ‘200px’ ---
**Author:** ![GeorgeButler](https://sea1.discourse-cdn.com/flex019/user_avatar/forum.8thwall.com/georgebutler/32/1903_2.png) [@GeorgeButler](https://forum.8thwall.com/u/GeorgeButler)\ **Post date:** [April 9, 2025, 2:44pm UTC](https://forum.8thwall.com/t/want-to-create-a-demo-project/5922/17 "2025-04-09T14:44:41Z")
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](https://www.8thwall.com/8thwall/scavenger-hunt/code/scavenger-hunt-poi.ts) ---
**Author:** ![Nikita\_Kumari](https://avatars.discourse-cdn.com/v4/letter/n/45deac/32.png) [@Nikita\_Kumari](https://forum.8thwall.com/u/Nikita_Kumari)\ **Post date:** [April 14, 2025, 7:49am UTC](https://forum.8thwall.com/t/want-to-create-a-demo-project/5922/18 "2025-04-14T07:49:36Z")
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 ---
**Author:** ![GeorgeButler](https://sea1.discourse-cdn.com/flex019/user_avatar/forum.8thwall.com/georgebutler/32/1903_2.png) [@GeorgeButler](https://forum.8thwall.com/u/GeorgeButler)\ **Post date:** [April 14, 2025, 2:06pm UTC](https://forum.8thwall.com/t/want-to-create-a-demo-project/5922/19 "2025-04-14T14:06:13Z")
Check out this demo video one of our community leaders created: [![](https://us1.discourse-cdn.com/flex019/uploads/x8thwall/original/2X/d/d9f34b587c418fb5cc5a17c32c858b715f86000f.jpeg "IMAGE TARGETS ARE FINALLY IN NIANTIC STUDIO! How to make a FREE Image Target AR experience in Studio") ](https://www.youtube.com/watch?v=OAe2fgf1xV8) Also we have a sample project here: > **[Studio: Image Targets | 8th Wall | 8th Wall](https://www.8thwall.com/8thwall/image-targets)** > > This project demonstrates how to use Image Targets to anchor virtual content to images in the real world. ---
**Author:** ![Nikita\_Kumari](https://avatars.discourse-cdn.com/v4/letter/n/45deac/32.png) [@Nikita\_Kumari](https://forum.8thwall.com/u/Nikita_Kumari)\ **Post date:** [April 15, 2025, 8:36am UTC](https://forum.8thwall.com/t/want-to-create-a-demo-project/5922/20 "2025-04-15T08:36:00Z")
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” ---
**Author:** ![GeorgeButler](https://sea1.discourse-cdn.com/flex019/user_avatar/forum.8thwall.com/georgebutler/32/1903_2.png) [@GeorgeButler](https://forum.8thwall.com/u/GeorgeButler)\ **Post date:** [April 15, 2025, 3:13pm UTC](https://forum.8thwall.com/t/want-to-create-a-demo-project/5922/21 "2025-04-15T15:13:12Z")
Can you post your component file?