# 360 image A-Frame based demo

**URL:** <https://forum.8thwall.com/t/360-image-a-frame-based-demo/1606>\
**Category:** Technical Support\
**Created:** [June 11, 2024, 8:50am UTC](https://forum.8thwall.com/t/360-image-a-frame-based-demo/1606 "2024-06-11T08:50:31Z")\
**Posts on this page:** 2\
**Page:** 1

<div class="post-metadata">

**Author:** ![Babele\_Dunnit](https://sea1.discourse-cdn.com/flex019/user_avatar/forum.8thwall.com/babele_dunnit/32/634_2.png) [@Babele\_Dunnit](https://forum.8thwall.com/u/Babele_Dunnit)\
**Post date:** [June 11, 2024, 8:50am UTC](https://forum.8thwall.com/t/360-image-a-frame-based-demo/1606/1 "2024-06-11T08:50:31Z")

</div>

Hi, I was searching a very simple demo of an accelerometer-based 360-photos visualizer in your projects library but I cannot find anything similar. Something like, you look around and you see the 360 image around you… is there any template for this somewhere that I am missing?  
Thanks

---

<div class="post-metadata">

**Author:** ![Ian](https://sea1.discourse-cdn.com/flex019/user_avatar/forum.8thwall.com/ian/32/430_2.png) [@Ian](https://forum.8thwall.com/u/Ian)\
**Post date:** [June 11, 2024, 4:32pm UTC](https://forum.8thwall.com/t/360-image-a-frame-based-demo/1606/2 "2024-06-11T16:32:58Z")

</div>

You can reference this tutorial

[![](https://us1.discourse-cdn.com/flex019/uploads/x8thwall/original/1X/aa5fc95e636df72b8efca73e750aba30db8a81ab.jpeg "360° Video (A-Frame Tutorial - WebVR)") ](https://www.youtube.com/watch?v=ZFTSLHd7xgY&t=53s)

You would essentially create a a-sky and attached your image as a texture to it.

We have a example project here for a video

> **[360 Livestream Portal | 8th Wall Playground | 8th Wall](https://www.8thwall.com/playground/portal-stream)**
>
> This example shows off the popular portal illusion in web AR with a 360 livestream using HLS.

The same concept still applies