A-Frame https://aframe.io/ A web framework for building virtual reality experiences. Make WebVR with HTML and Entity-Component. Works on Vive, Rift, desktop, mobile platforms. Sat, 22 Feb 2025 19:04:54 GMT http://hexo.io/ A-Frame 1.7.0 - Post-processing, WebGPU and TSL, Logitech MX Ink integration https://aframe.io/blog/aframe-v1.7.0/ https://aframe.io/blog/aframe-v1.7.0/ Thu, 20 Feb 2025 08:00:00 GMT <p><strong>A-Frame 1.7.0 is out!</strong></p> A-Frame 1.7.0 is out!

Post-processing, ES modules and importmap, WebGPU and TSL support, Logitech MX Ink integration and more.

26 A-Mazing A-Framers contributed to this release 🙏

Find all details on the release notes and changelog

]]> https://aframe.io/blog/aframe-v1.7.0/#disqus_thread A-Frame selected for the 2024 Github accelerator https://aframe.io/blog/github-accelerator/ https://aframe.io/blog/github-accelerator/ Sat, 01 Jun 2024 07:00:00 GMT <p>A-Frame is honored to participate with other 10 amazing projects in the 2024 cohort of the <a href="https://github.blog/2024-05-23-2024-g A-Frame is honored to participate with other 10 amazing projects in the 2024 cohort of the Github accelerator. A-Frame has been making 3D content creation fun and accesible since 2015. Generative AI will open new and exciting avenues to onboard anyone regardless of technical expertise. Next decade going be the most exciting ever for the 3D Web.

]]> https://aframe.io/blog/github-accelerator/#disqus_thread A-Frame 1.6.0 - Memory management and performance improvements https://aframe.io/blog/aframe-v1.6.0/ https://aframe.io/blog/aframe-v1.6.0/ Fri, 31 May 2024 07:00:00 GMT <p><strong>A-Frame 1.6.0 is out!</strong> Tons of bug fixes. Memory management and performance improvements. API to control tick &#x2F; tock A-Frame 1.6.0 is out! Tons of bug fixes. Memory management and performance improvements. API to control tick / tock execution order.

Find all details on the release notes and changelog

]]> https://aframe.io/blog/aframe-v1.6.0/#disqus_thread A-Frame 1.4.0 - Custom elements V1, Oculus Quest Pro support, tons of fixes and improvements https://aframe.io/blog/aframe-v1.4.0/ https://aframe.io/blog/aframe-v1.4.0/ Sun, 01 Jan 2023 08:00:00 GMT <p><strong>A-Frame 1.4.0 is out!</strong> House keeping release. Tons of bug fixes and suppport for new devices.</p> <p>More than 28 A-Frame A-Frame 1.4.0 is out! House keeping release. Tons of bug fixes and suppport for new devices.

More than 28 A-Framers helped to get 1.4.0 out of the door including friends from Oculus, Microsoft and Samsung.

Find all details on the release notes and changelog and see all friends that are helping to make all this happen.

Consider supporting A-Frame development by buying a gorgeous t-shirt or sponsoring on github

Happy immersive 2023!

]]> https://aframe.io/blog/aframe-v1.4.0/#disqus_thread A-Frame 1.1.0 - AR, Quest 2 Support, hand tracking, compositor layers, immersive navigation https://aframe.io/blog/aframe-v1.1.0/ https://aframe.io/blog/aframe-v1.1.0/ Wed, 16 Dec 2020 08:00:00 GMT <p><strong>A-Frame 1.1.0 is out!</strong> Core functionality is more polished and robust than ever. Full support for <a href="https://github.com/immersive-web/webxr-ar-module">WebXR AR module</a> and initial and experimental integration for upcoming and exciting WebXR APIs like <a href="https://github.com/immersive-web/navigation">immersive navigation</a>, <a href="https://www.w3.org/TR/webxr-hand-input-1/">hand tracking</a>, <a href="https://www.w3.org/TR/2020/WD-webxrlayers-1-20201203/">compositor layers</a> or <a href="https://immersive-web.github.io/hit-test/">hit tests</a></p> A-Frame 1.1.0 is out! Core functionality is more polished and robust than ever. Full support for WebXR AR module and initial and experimental integration for upcoming and exciting WebXR APIs like immersive navigation, hand tracking, compositor layers or hit tests

This week also marks A-Frame’s fifth birthday. Five years ago, on December, 2015, we released the first version of A-Frame to make it easier for anyone to build VR experiences. What started as a little personal project is today a community of hundreds of thousands of developers worldwide.

More than 40 A-Framers helped to get 1.1.0 across the finish line. 20 of those made their first contribution. We appreciate help from everybody and newcomers are always especially celebrated. A-Frame is only as strong as its community.

We also thank Google and Oculus WebXR teams. They made an outstanding effort in a tough year. They kept the Immersive Web standard moving forward with new APIs while delivering new implementations in Chrome and the Oculus browsers.

Read the release notes and changelog to check all the new features and celebrate everyone that made it happen.

Consider supporting A-Frame development by buying a gorgeous t-shirt

Happy immersive Christmas! 🎄

]]> https://aframe.io/blog/aframe-v1.1.0/#disqus_thread A-Frame Newsletter 2 https://aframe.io/blog/newsletter2/ https://aframe.io/blog/newsletter2/ Sat, 16 May 2020 07:00:00 GMT <script async src="//platform.twitter.com/widgets.js" charset="utf-8"></script> <div class="tweets tweets-feature"> <blockquote class="twitter-tweet"><p lang="en" dir="ltr">5⃣ hours of <a href="https://twitter.com/aframevr?ref_src=twsrc%5Etfw">@aframevr</a> tutorials are now available on my YT channel 🤓<br>👉 <a href="https://t.co/L0lHa2F5qM">https://t.co/L0lHa2F5qM</a><br><br>🗣️ RT and spread the word to help beginners learn, support me as a content creator, or just for good karma 🙏<a href="https://twitter.com/hashtag/WebXR?src=hash&amp;ref_src=twsrc%5Etfw">#WebXR</a> <a href="https://twitter.com/hashtag/WebVR?src=hash&amp;ref_src=twsrc%5Etfw">#WebVR</a> <a href="https://twitter.com/hashtag/Immersive?src=hash&amp;ref_src=twsrc%5Etfw">#Immersive</a> <a href="https://twitter.com/hashtag/training?src=hash&amp;ref_src=twsrc%5Etfw">#training</a> <a href="https://twitter.com/hashtag/elearning?src=hash&amp;ref_src=twsrc%5Etfw">#elearning</a> <a href="https://twitter.com/hashtag/upskilling?src=hash&amp;ref_src=twsrc%5Etfw">#upskilling</a> <a href="https://twitter.com/hashtag/skills?src=hash&amp;ref_src=twsrc%5Etfw">#skills</a> <a href="https://t.co/xYdd8Xr58e">pic.twitter.com/xYdd8Xr58e</a></p>&mdash; Danilo Pasquariello (@theDart76) <a href="https://twitter.com/theDart76/status/1240998986166808576?ref_src=twsrc%5Etfw">March 20, 2020</a></blockquote> <blockquote class="twitter-tweet"><p lang="en" dir="ltr">Finished laying out the maze. Added a simple camera control. Going to flesh it out into an orbiting camera. This builds on the AABB collision detection and animation work. <a href="https://twitter.com/aframevr?ref_src=twsrc%5Etfw">@aframevr</a> <a href="https://twitter.com/hashtag/THREEjs?src=hash&amp;ref_src=twsrc%5Etfw">#THREEjs</a> <a href="https://twitter.com/hashtag/indiedev?src=hash&amp;ref_src=twsrc%5Etfw">#indiedev</a> <a href="https://t.co/uyh1YeF3Pe">https://t.co/uyh1YeF3Pe</a></p>&mdash; ripter001 (@ripter001) <a href="https://twitter.com/ripter001/status/1227842204414009344?ref_src=twsrc%5Etfw">February 13, 2020</a></blockquote> <blockquote class="twitter-tweet"><p lang="en" dir="ltr">What would the night sky look like if we replaced the Moon with planets in the Solar System?<br><br>My new VR experience, Planets by Earth, built with <a href="https://twitter.com/aframevr?ref_src=twsrc%5Etfw">@aframevr</a> and <a href="https://twitter.com/hashtag/threejs?src=hash&amp;ref_src=twsrc%5Etfw">#threejs</a> is finally finished!<br><br>You can try it out here: <a href="https://t.co/y32TAPAUvM">https://t.co/y32TAPAUvM</a> <a href="https://t.co/Ped8eyxb7V">pic.twitter.com/Ped8eyxb7V</a></p>&mdash; Kodub (@KodubDev) <a href="https://twitter.com/KodubDev/status/1255197031645282305?ref_src=twsrc%5Etfw">April 28, 2020</a></blockquote> <blockquote class="twitter-tweet"><p lang="en" dir="ltr">Incredible feeling to win the Best of AR grand prize at <a href="https://twitter.com/mitrealityhack?ref_src=twsrc%5Etfw">@mitrealityhack</a>! During the weekend hackathon, our team built Draft360, a spatial storyboarding tool made with <a href="https://twitter.com/aframevr?ref_src=twsrc%5Etfw">@aframevr</a>, <a href="https://twitter.com/threejs_org?ref_src=twsrc%5Etfw">@threejs_org</a>, <a href="https://twitter.com/glitch?ref_src=twsrc%5Etfw">@glitch</a>, and <a href="https://twitter.com/Nreal?ref_src=twsrc%5Etfw">@nreal</a>. <a href="https://t.co/t8wHYoNxz5">pic.twitter.com/t8wHYoNxz5</a></p>&mdash; James 서 (@lossless) <a href="https://twitter.com/lossless/status/1219333174368579589?ref_src=twsrc%5Etfw">January 20, 2020</a></blockquote> <blockquote class="twitter-tweet"><p lang="en" dir="ltr">VR scene with spatial sound and dynamic lighting made with <a href="https://twitter.com/aframevr?ref_src=twsrc%5Etfw">@aframevr</a> <a href="https://twitter.com/hashtag/webxr?src=hash&amp;ref_src=twsrc%5Etfw">#webxr</a> here: <a href="https://t.co/oqdgqm5tez">https://t.co/oqdgqm5tez</a> <a href="https://t.co/67keKD0VtK">pic.twitter.com/67keKD0VtK</a></p>&mdash; mhellar (@mhellar) <a href="https://twitter.com/mhellar/status/1216580977142591493?ref_src=twsrc%5Etfw">January 13, 2020</a></blockquote> <blockquote class="twitter-tweet"><p lang="en" dir="ltr">Hacking Spider-Man VR physics by yourself! <a href="https://t.co/QDLD672BNB">https://t.co/QDLD672BNB</a> <br>WebXR is so easy to modify on <a href="https://twitter.com/glitch?ref_src=twsrc%5Etfw">@glitch</a>, game made with <a href="https://twitter.com/aframevr?ref_src=twsrc%5Etfw">@aframevr</a></p>&mdash; Tal Kol (@koltal) <a href="https://twitter.com/koltal/status/1215754100081680408?ref_src=twsrc%5Etfw">January 10, 2020</a></blockquote> <blockquote class="twitter-tweet"><p lang="en" dir="ltr"><a href="https://t.co/0NjDyYvVoL">https://t.co/0NjDyYvVoL</a> is officially LIVE 🚀 Its a virtual living room for watching tv with friends, and I built it atop <a href="https://twitter.com/aframevr?ref_src=twsrc%5Etfw">@aframevr</a> <a href="https://twitter.com/sveltejs?ref_src=twsrc%5Etfw">@sveltejs</a> and <a href="https://twitter.com/Firebase?ref_src=twsrc%5Etfw">@Firebase</a> over the past couple months. Its been a labor of love and I&#39;m proud of what it has become 😊 Claim your username <a href="https://twitter.com/hashtag/vr?src=hash&amp;ref_src=twsrc%5Etfw">#vr</a> <a href="https://twitter.com/hashtag/WebXR?src=hash&amp;ref_src=twsrc%5Etfw">#WebXR</a> <a href="https://t.co/iSGbWAwi0s">https://t.co/iSGbWAwi0s</a></p>&mdash; Devon Bradley (@devonsbradley) <a href="https://twitter.com/devonsbradley/status/1237437260540207105?ref_src=twsrc%5Etfw">March 10, 2020</a></blockquote> <blockquote class="twitter-tweet"><p lang="en" dir="ltr">Great news! Magic Leap controller support now available on <a href="https://twitter.com/aframevr?ref_src=twsrc%5Etfw">@aframevr</a> 👏 3 cheers for Alfred! 🔥🥳 <a href="https://t.co/lBOH6JaMI3">https://t.co/lBOH6JaMI3</a></p>&mdash; Magic Leap Developers (@magicleapdevs) <a href="https://twitter.com/magicleapdevs/status/1225544530184822784?ref_src=twsrc%5Etfw">February 6, 2020</a></blockquote> <blockquote class="twitter-tweet"><p lang="en" dir="ltr">A-Frame 1.0.4 is out 🎊 Bug fixes thanks to the community family 🙏<a href="https://twitter.com/magicleap?ref_src=twsrc%5Etfw">@magicleap</a> controller support ✨ by Alfred Tarng and new hand models 🤲 from <a href="https://twitter.com/arturitu?ref_src=twsrc%5Etfw">@arturitu</a> Enjoy! Release notes: <a href="https://t.co/kczGke4ZBb">https://t.co/kczGke4ZBb</a></p>&mdash; A-Frame (@aframevr) <a href="https://twitter.com/aframevr/status/1225507399982878721?ref_src=twsrc%5Etfw">February 6, 2020</a></blockquote> <blockquote class="twitter-tweet"><p lang="en" dir="ltr">Hand tracking 🤲 is now available for WebXR content on Oculus Browser! Set hand tracking in chrome://flags to “Hands an Pointers” and enter VR on <a href="https://twitter.com/aframevr?ref_src=twsrc%5Etfw">@aframevr</a> example <a href="https://t.co/bzPDwdGCuN">https://t.co/bzPDwdGCuN</a> Pinch to select 🤏 palm to exit VR mode 🤚 Thanks to <a href="https://twitter.com/abolgar?ref_src=twsrc%5Etfw">@abolgar</a> Check library for updates 👊 <a href="https://t.co/JcMRpauaJm">https://t.co/JcMRpauaJm</a></p>&mdash; Diego (@dmarcos) <a href="https://twitter.com/dmarcos/status/1224870381082701824?ref_src=twsrc%5Etfw">February 5, 2020</a></blockquote> <blockquote class="twitter-tweet"><p lang="en" dir="ltr">Virtual fireworks!<br><br>Particle effects created in A-Frame <a href="https://twitter.com/aframevr?ref_src=twsrc%5Etfw">@aframevr</a> with the Shader Particle Engine library. Live example at <a href="https://t.co/yStTEPM08g">https://t.co/yStTEPM08g</a> (audio make need time to load).<a href="https://t.co/a3Wjzyfz8w">https://t.co/a3Wjzyfz8w</a></p>&mdash; Lee Stemkoski (@ProfStemkoski) <a href="https://twitter.com/ProfStemkoski/status/1252271535588544512?ref_src=twsrc%5Etfw">April 20, 2020</a></blockquote> <blockquote class="twitter-tweet"><p lang="en" dir="ltr">Just released a new video tutorial on the environment component of <a href="https://twitter.com/aframevr?ref_src=twsrc%5Etfw">@aframevr</a> &quot;Easy Environment in A-Frame&quot; <a href="https://t.co/zByPDjLzxX">https://t.co/zByPDjLzxX</a><a href="https://twitter.com/hashtag/WebXR?src=hash&amp;ref_src=twsrc%5Etfw">#WebXR</a></p>&mdash; 🌷𝗦𝗼𝗿𝘀𝗸𝗼𝗼𝘁🌷 (@Sorskoot) <a href="https://twitter.com/Sorskoot/status/1230803500877189121?ref_src=twsrc%5Etfw">February 21, 2020</a></blockquote> <blockquote class="twitter-tweet"><p lang="en" dir="ltr">A-Frame 1.0.3 is out to wrap up the decade! 🎇 It irons out a few more kinks post 1.0.0 Thanks to everyone that helped with bug reports and QA 🙏 Details in changelog: <a href="https://t.co/gVSCOlzRp9">https://t.co/gVSCOlzRp9</a></p>&mdash; A-Frame (@aframevr) <a href="https://twitter.com/aframevr/status/1211630957691846657?ref_src=twsrc%5Etfw">December 30, 2019</a></blockquote> <blockquote class="twitter-tweet"><p lang="en" dir="ltr">Experiment today with Immersive navigation ⛵️ in the <a href="https://twitter.com/oculus?ref_src=twsrc%5Etfw">@Oculus</a> browser!<br><br>Enable WebXR navigation permission in chrome://flags and use <a href="https://twitter.com/aframevr?ref_src=twsrc%5Etfw">@aframevr</a> master builds (see code)<br><br>Try: <a href="https://t.co/LFAlDocAbZ">https://t.co/LFAlDocAbZ</a><br>Code: <a href="https://t.co/jjpEDjGM87">https://t.co/jjpEDjGM87</a><br>Subscribe: <a href="https://t.co/aPJZOcaWQo">https://t.co/aPJZOcaWQo</a> <a href="https://t.co/vaMHIfBL2V">pic.twitter.com/vaMHIfBL2V</a></p>&mdash; Diego (@dmarcos) <a href="https://twitter.com/dmarcos/status/1258118569767796737?ref_src=twsrc%5Etfw">May 6, 2020</a></blockquote> <blockquote class="twitter-tweet"><p lang="en" dir="ltr"><a href="https://twitter.com/hashtag/3D?src=hash&amp;ref_src=twsrc%5Etfw">#3D</a> <a href="https://twitter.com/hashtag/website?src=hash&amp;ref_src=twsrc%5Etfw">#website</a> created by Planet Voodoo using <a href="https://twitter.com/aframevr?ref_src=twsrc%5Etfw">@aframevr</a> technology to introduce an interactive VR story about a real life <a href="https://twitter.com/hashtag/UFO?src=hash&amp;ref_src=twsrc%5Etfw">#UFO</a> encounter <a href="https://t.co/K4iSkxTWYl">https://t.co/K4iSkxTWYl</a> <a href="https://t.co/eorEag9TvP">pic.twitter.com/eorEag9TvP</a></p>&mdash; Planet Voodoo (@PlanetVoodoo) <a href="https://twitter.com/PlanetVoodoo/status/1213512791178563585?ref_src=twsrc%5Etfw">January 4, 2020</a></blockquote> <blockquote class="twitter-tweet"><p lang="en" dir="ltr"><a href="https://t.co/Mx7VSz0MQp">https://t.co/Mx7VSz0MQp</a> is a web based virtual museum prototype we are working on <a href="https://twitter.com/augmersive?ref_src=twsrc%5Etfw">@augmersive</a> ! <br><br>It&#39;s built with <a href="https://twitter.com/aframevr?ref_src=twsrc%5Etfw">@aframevr</a> &amp; viewable on <a href="https://twitter.com/oculus?ref_src=twsrc%5Etfw">@oculus</a> quest, <a href="https://twitter.com/magicleap?ref_src=twsrc%5Etfw">@magicleap</a>, desktop &amp; mobile browsers!<br><br>If any museum wants to hire us for a custom VR experience my DM is open 😀 <a href="https://t.co/b8a9TfB2PM">pic.twitter.com/b8a9TfB2PM</a></p>&mdash; Tamrat (@tamrrat) <a href="<blockquote class="twitter-tweet"><p lang="en" dir="ltr"><a href="https://t.co/Mx7VSz0MQp">https://t.co/Mx7VSz0MQp</a> is a web based virtual museum prototype we are working on <a href="https://twitter.com/augmersive?ref_src=twsrc%5Etfw">@augmersive</a> ! <br><br>It&#39;s built with <a href="https://twitter.com/aframevr?ref_src=twsrc%5Etfw">@aframevr</a> &amp; viewable on <a href="https://twitter.com/oculus?ref_src=twsrc%5Etfw">@oculus</a> quest, <a href="https://twitter.com/magicleap?ref_src=twsrc%5Etfw">@magicleap</a>, desktop &amp; mobile browsers!<br><br>If any museum wants to hire us for a custom VR experience my DM is open 😀 <a href="https://t.co/b8a9TfB2PM">pic.twitter.com/b8a9TfB2PM</a></p>&mdash; Tamrat (@tamrrat) <a href="https://twitter.com/tamrrat/status/1254751202249760768?ref_src=twsrc%5Etfw">April 27, 2020</a></blockquote> <p>?ref_src&#x3D;twsrc%5Etfw”&gt;April 27, 2020</a></blockquote></p> <blockquote class="twitter-tweet"><p lang="en" dir="ltr">first draft of my new website, not even sure if i wanna spill this drip on it. uses ur webcam for immersive ascii art via <a href="https://twitter.com/p5xjs?ref_src=twsrc%5Etfw">@p5xjs</a>, interactive 3D scene using a star wars x-wing for testing with <a href="https://twitter.com/aframevr?ref_src=twsrc%5Etfw">@aframevr</a>, UI with <a href="https://twitter.com/jquery?ref_src=twsrc%5Etfw">@jquery</a>... bet <a href="https://t.co/hvXtabrFB2">pic.twitter.com/hvXtabrFB2</a></p>&mdash; RAREGEMS (@_RAREGEMS) <a href="https://twitter.com/_RAREGEMS/status/1253065641403310083?ref_src=twsrc%5Etfw">April 22, 2020</a></blockquote> <blockquote class="twitter-tweet"><p lang="en" dir="ltr">Woke up with a weird idea, and just had to work it out. Spent all morning high fiving the air.<br><br>I present you: Don&#39;t leave &#39;em hanging.<a href="https://twitter.com/hashtag/aframe?src=hash&amp;ref_src=twsrc%5Etfw">#aframe</a> <a href="https://twitter.com/hashtag/OculusQuest?src=hash&amp;ref_src=twsrc%5Etfw">#OculusQuest</a> <a href="https://twitter.com/hashtag/webxr?src=hash&amp;ref_src=twsrc%5Etfw">#webxr</a> <a href="https://t.co/Gbj2S4Uq5T">pic.twitter.com/Gbj2S4Uq5T</a></p>&mdash; Ruben van der Leun 🕴️ (@rvdleun) <a href="https://twitter.com/rvdleun/status/1249708882416619522?ref_src=twsrc%5Etfw">April 13, 2020</a></blockquote> <p><a href="https://twitter.com/tamrrat/status/1254751202249760768">https://twitter.com/tamrrat/status/1254751202249760768</a></p> </div>

?ref_src=twsrc%5Etfw”>April 27, 2020

https://twitter.com/tamrrat/status/1254751202249760768

Projects

Components

Articles

Events

Miscellaneous

]]> https://aframe.io/blog/newsletter2/#disqus_thread Image Tracking and Location-Based AR with A-Frame and AR.js 3 https://aframe.io/blog/arjs3/ https://aframe.io/blog/arjs3/ Thu, 26 Mar 2020 17:00:00 GMT <p>We’re happy to announce AR.js 3 and A-Frame integration featuring new image and location based tracking.</p> <p>For detailed API reference and source code check the <a href="https://ar-js-org.github.io/AR.js-Docs/">official documentation</a> and the <a href="https://github.com/AR-js-org/AR.js">Github repository</a></p> We’re happy to announce AR.js 3 and A-Frame integration featuring new image and location based tracking.

For detailed API reference and source code check the official documentation and the Github repository

Getting Started with Image Tracking

The new AR.js tracking can take any arbitrary image or drawing (not only markers) to position and display your 3D content.

You just need a high resolution image with a good amount of detail. The more complexity in the image the better the tracking. Learn how to choose images for best results in this article by Daniel Fernandes.

For this tutorial we will use the following image:

image tracking

Creating Image Descriptors

Next step is to create image descriptors: a set of files that describe your image and are needed by the tracking algorithm. We will use the NFT Marked creator available via Web (also available locally as a node.js script if you prefer). Upload your image and click “generate” to create the descriptors. Once the image is processed three files will automatically download. Copy the following snippet of code on a new HTML file and host it on a server. Also a Codepen with all the necessary code is available below for convenience.

<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <title>Image based tracking AR.js demo</title>
    <!-- import aframe and then ar.js with image tracking / location based features -->
    <script src="https://aframe.io/releases/1.0.4/aframe.min.js"></script>
    <script src="https://raw.githack.com/AR-js-org/AR.js/master/aframe/build/aframe-ar-nft.js"></script>

    <!-- style for the loader -->
    <style>
      .arjs-loader {
        height: 100%;
        width: 100%;
        position: absolute;
        top: 0;
        left: 0;
        background-color: rgba(0, 0, 0, 0.8);
        z-index: 9999;
        display: flex;
        justify-content: center;
        align-items: center;
      }

      .arjs-loader div {
        text-align: center;
        font-size: 1.25em;
        color: white;
      }
    </style>
  </head>

  <body style="margin : 0px; overflow: hidden;">
    <!-- minimal loader shown until image descriptors are loaded. Loading may take a while according to the device computational power -->
    <div class="arjs-loader">
      <div>Loading, please wait...</div>
    </div>

    <!-- a-frame scene -->
    <a-scene
      vr-mode-ui="enabled: false;"
      renderer="logarithmicDepthBuffer: true;"
      embedded
      arjs="trackingMethod: best; sourceType: webcam;debugUIEnabled: false;">
      <!-- a-nft is the anchor that defines an Image Tracking entity -->
      <!-- on 'url' use the path to the Image Descriptors created before. -->
      <!-- the path should end with the name without the extension e.g. if file is trex.fset' the path should end with trex -->
      <a-nft
        type="nft"
        url="<path-to-your-image-descriptors>"
        smooth="true"
        smoothCount="10"
        smoothTolerance=".01"
        smoothThreshold="5">
          <!-- as a child of the a-nft entity, you can define the content to show. here's a GLTF model entity -->
          <a-entity
          gltf-model="https://arjs-cors-proxy.herokuapp.com/https://raw.githack.com/AR-js-org/AR.js/master/aframe/examples/image-tracking/nft/trex/scene.gltf"
              scale="5 5 5"
              position="100 100 0"
          >
          </a-entity>
      </a-nft>
      <!-- static camera that moves according to the device movemenents -->
      <a-entity camera></a-entity>
    </a-scene>
  </body>
</html>

Point <path-to-your-image-descriptors> to the path containing the Image Descriptors you generated and downloaded before. Those files will have a common name. Remove the file extension (e.g. with “dinosaur.fset”, “dinosaur.iset” and so on, the path you have to add should end with “dinosaur”).

Serve the example from a local or remote server: Github Pages and Glitch are free and convenient options. Navigate to the URL on your device and you should see a T-Rex model after the loading screen disappears.

Visit this Codepen if you want to see right away how it looks without hosting your own.

You can replace the model above with any other assets: 2D videos, images, audio files. Any A-Frame a-entity is a valid child of the a-nft anchor.

Location-Based AR

Location-based tracking uses real-world coordinates to place AR content in context. Users can move freely (outdoors for better precision) and content associated with their location will be scaled and placed accordingly (e.g: content will render bigger / smaller based on distance to the user). With AR.js and A-Frame is now very easy to build experiences like cities and museum tours, restaurant guides, treasure hunts, biology or history learning games or place virtual art on any real world location.

The following example shows how to place text on a fixed position in the real world. The text will remain in place as you move around. The content is anchored to your current location. Make sure that GPS tracking is enabled on your device before you try.

<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <title>Location-based AR.js demo</title>
    <script src="https://aframe.io/releases/1.0.4/aframe.min.js"></script>
    <script src="https://unpkg.com/[email protected]/dist/aframe-look-at-component.min.js"></script>
    <script src="https://raw.githack.com/AR-js-org/AR.js/master/aframe/build/aframe-ar-nft.js"></script>
  </head>

  <body style="margin: 0; overflow: hidden;">
    <a-scene
      vr-mode-ui="enabled: false"
      embedded
      arjs="sourceType: webcam; debugUIEnabled: false;"
    >
      <a-text
        value="This content will always face you."
        look-at="[gps-camera]"
        scale="50 50 50"
        gps-entity-place="latitude: <add-your-latitude>; longitude: <add-your-longitude>;"
      ></a-text>
      <a-camera gps-camera rotation-reader> </a-camera>
    </a-scene>
  </body>
</html>

Some notes:

  • Replace <add-your-latitude> and <add-your-longitude> with your GPS coordinates. There are several online services that lets you retrieve those data for free like latlong
  • Change the scale property according to the distance of the place you specified with the coordinates: if you are not seeing the text, try to scale it up or choose a place much near
  • We used the custom look-at A-Frame component, that makes the content always look towards the user camera. This is fundamental, in particular for 2D content as text.

Run the example on your device with GPS data on and you should be able to see the text fixed in place. Its position should honor the real-world positioning according to the GPS coordinates you added.

Unleash your creativity and replace the text with any content you like, thanks to A-Frame you can quickly display 3D models, videos, images: Any a-entity will be tracked as expected..

You can find additional support on the resources linked below and also on the official Gitter channel.

Have fun and please share the AR experiences you built with AR.js and A-Frame. We will love to check them out!

Nicolo Carpignoli and Diego Marcos.

Additional Resources

]]> https://aframe.io/blog/arjs3/#disqus_thread Experiment with AR and A-Frame https://aframe.io/blog/webxr-ar-module/ https://aframe.io/blog/webxr-ar-module/ Tue, 31 Dec 2019 08:00:00 GMT <p><strong>Google Chrome and Oculus Browser are now shipping WebXR enabled by default for VR headsets</strong>. The Web magic doesn’t stop there. <strong>AR is also coming</strong> to the <a href="https://immersive-web.github.io/webxr-ar-module/">standard</a> and you can <strong>experiment today</strong> on <a href="https://developers.google.com/ar/discover/supported-devices">Android ARCore compatible devices</a> and <a href="https://chromereleases.googleblog.com/2019/12/chrome-for-android-update_17.html">Chrome 79 or newer</a>.</p> <p>Enable the experimental <a href="https://immersive-web.github.io/webxr-ar-module/">WebXR AR module</a> in <code>chrome://flags</code> and make sure your page is served over HTTPS. <a href="https://github.com/aframevr/aframe/releases">A-Frame 1.0.3 or newer</a> automatically detects AR and shows the new <code>Enter AR</code> button:</p> <p><img src="/images/blog/ar-vr-buttons.png" alt="button image"></p> Google Chrome and Oculus Browser are now shipping WebXR enabled by default for VR headsets. The Web magic doesn’t stop there. AR is also coming to the standard and you can experiment today on Android ARCore compatible devices and Chrome 79 or newer.

Enable the experimental WebXR AR module in chrome://flags and make sure your page is served over HTTPS. A-Frame 1.0.3 or newer automatically detects AR and shows the new Enter AR button:

button image

Build a scene in the same way than you do for VR. Just make sure that the background doesn’t block the camera view 🙂

<a-scene>
  <a-assets timeout="30000">
    <a-asset-item id="spinosaurus" src="dino-model.glb"></a-asset-item>
  </a-assets>

  <a-camera position="0 1.2 0"></a-camera>

  <!-- 2D environment omitted for simplicity -->

  <a-entity id="dino" position="-1 0 -3" scale="0.5 0.5 0.5">
    <a-entity position="0 2.15 0" rotation="0 55 0"
              gltf-model="#spinosaurus"
              animation-mixer
              shadow="cast: true; receive: false"></a-entity>
  </a-entity>

  <!-- Lights configuration omitted for simplicity -->
</a-scene>

Try now on your ARCore phone and check out the source code

dino AR

What about interactions?

When entering immersive mode, regular user DOM Events are disabled. There are two ongoing efforts to enable interactivity in AR experiences:

Hit Test

Developers will be able to cast rays into the real world and retrieve a list of intersection points against the real world understanding. A ray might be triggered by user input like touches or mouse clicks to for instance, place or move virtual objects in the real world.

DOM Overlay layer

When entering AR or VR mode, only WebGL content and the real world or camera image are rendered on screen. DOM layers will allow overlaying HTML elements to present for instance 2D UIs, instructions or contextual information associated to virtual or real world objects.

Join our discord channel. The community will love to see what you make.

If you’d like to continue to support us, please subscribe to the A-Frame newsletter where we’ll not only provide updates and showcase community projects, but requests for testing and user feedback support every now and then to keep us going in this grassroots project.

]]> https://aframe.io/blog/webxr-ar-module/#disqus_thread A-Frame v1.0.0 - WebXR Support, AR Mode https://aframe.io/blog/aframe-v1.0.0/ https://aframe.io/blog/aframe-v1.0.0/ Mon, 16 Dec 2019 08:00:00 GMT <script async src="//platform.twitter.com/widgets.js" charset="utf-8"></script> <p><strong>Today marks A-Frame’s fourth birthday</strong>. Four years ago, on December 16th, 2015, we released the first version of A-Frame to make it easier to build VR experiences and make the Web keep pace with the VR industry.</p> <p>With the help of a community of hundreds of thousands of developers over the years, we’re releasing <strong>A-Frame v1.0.0</strong> to support the coming out of the WebXR spec which has been under discussion for the past several years. The upgrade to A-Frame v1 and beyond will become necessary on more and more browsers as they deprecate WebVR and only support the WebXR specification.</p> <p>To clear confusion, WebXR refers to both AR and VR support on the Web. To that end, we’ve included an AR mode out of the box in A-Frame for browsers that support ARCore and ARKit. In production, make sure to use HTTPS for VR and AR support.</p> <p>We’d like to thank in part Google for providing a bit of funding to us at <a href="https://supermedium.com/">Supermedium</a> to help develop and maintain WebXR support for A-Frame. And to thank people within Google, Oculus, and importantly the Web community for testing this version for us. We’ll continue to provide necessary updates to A-Frame.</p> <p>We’d also like to celebrate now <strong>300+ contributors</strong>, <strong>10,000+ GitHub stars</strong>, and <strong>300+ email subscribers</strong> to the A-Frame project.</p> <p>If you’d like to continue to support us, please <strong><a href="https://aframe.io/subscribe/">subscribe to the A-Frame newsletter</a></strong> where we’ll not only provide updates and showcase community projects, but requests for testing and user feedback support every now and then to keep us going in this grassroots project.</p> <p>Read the <a href="https://github.com/aframevr/aframe/releases/tag/v1.0.0">release notes and changelog</a>.</p> <div class="tweets tweets-feature"> <blockquote class="twitter-tweet"><p lang="en" dir="ltr">A-Frame 1.0.0 is out! 🥳 With full WebXR support shipping now in Chrome 79 and Oculus Browser stable channels. Deliver VR experiences instantaneously to millions of users today! Happy immersive Christmas! 🎄</p>&mdash; A-Frame (@aframevr) <a href="https://twitter.com/aframevr/status/1206625588481417216?ref_src=twsrc%5Etfw">December 16, 2019</a></blockquote> <blockquote class="twitter-tweet"><p lang="en" dir="ltr">We&#39;re still at it! Today marks the exact date of <a href="https://twitter.com/aframevr?ref_src=twsrc%5Etfw">@aframevr</a>&#39;s fourth birthday, and we&#39;re excited to release v1 with the help of the <a href="https://twitter.com/hashtag/WebVR?src=hash&amp;ref_src=twsrc%5Etfw">#WebVR</a> community. <a href="https://t.co/rlvFSpjBvu">https://t.co/rlvFSpjBvu</a> <a href="https://t.co/DHgRoEgb9f">https://t.co/DHgRoEgb9f</a></p>&mdash; Supermedium (@supermediumvr) <a href="https://twitter.com/supermediumvr/status/1206698957759336448?ref_src=twsrc%5Etfw">December 16, 2019</a></blockquote> <blockquote class="twitter-tweet"><p lang="en" dir="ltr">For those who are using AR.js with <a href="https://twitter.com/hashtag/aframe?src=hash&amp;ref_src=twsrc%5Etfw">#aframe</a> in WebAR apps, please import latest <a href="https://twitter.com/hashtag/aframe?src=hash&amp;ref_src=twsrc%5Etfw">#aframe</a>, v1.0.0 has been shipped 🚀<br><br>This will avoid problems with new Chrome 79 that has WebXR Device API enabled by default.<br><br>Thanks to <a href="https://twitter.com/aframevr?ref_src=twsrc%5Etfw">@aframevr</a> team for the great work. It&#39;s outstanding.</p>&mdash; Nicolò Carpignoli (@nicolocarp) <a href="<blockquote class="twitter-tweet"><p lang="en" dir="ltr">For those who are using AR.js with <a href="https://twitter.com/hashtag/aframe?src=hash&amp;ref_src=twsrc%5Etfw">#aframe</a> in WebAR apps, please import latest <a href="https://twitter.com/hashtag/aframe?src=hash&amp;ref_src=twsrc%5Etfw">#aframe</a>, v1.0.0 has been shipped 🚀<br><br>This will avoid problems with new Chrome 79 that has WebXR Device API enabled by default.<br><br>Thanks to <a href="https://twitter.com/aframevr?ref_src=twsrc%5Etfw">@aframevr</a> team for the great work. It&#39;s outstanding.</p>&mdash; Nicolò Carpignoli (@nicolocarp) <a href="https://twitter.com/nicolocarp/status/1206268332883808256?ref_src=twsrc%5Etfw">December 15, 2019</a></blockquote> <p>?ref_src&#x3D;twsrc%5Etfw”&gt;December 15, 2019</a></blockquote></p> <blockquote class="twitter-tweet"><p lang="en" dir="ltr">Hey devs! 👋 Remember to serve your content over HTTPS to enter VR mode in Chrome with A-Frame 1.0.0. WebXR is not available over HTTP.</p>&mdash; A-Frame (@aframevr) <a href="https://twitter.com/aframevr/status/1206646669854461952?ref_src=twsrc%5Etfw">December 16, 2019</a></blockquote> <blockquote class="twitter-tweet"><p lang="en" dir="ltr">🎉I&#39;m SUPER excited for the 1.0.0 release of <a href="https://twitter.com/aframevr?ref_src=twsrc%5Etfw">@aframevr</a> now that <a href="https://twitter.com/hashtag/WebXR?src=hash&amp;ref_src=twsrc%5Etfw">#WebXR</a> is shipping in Chrome 79🎉<br>There&#39;s SO much potential of merging spatial computing with the open web to form the <a href="https://twitter.com/hashtag/widerweb?src=hash&amp;ref_src=twsrc%5Etfw">#widerweb</a> &amp; early seeds for what may become &quot;The Metaverse.&quot;<br>Congrats to the <a href="https://twitter.com/supermediumvr?ref_src=twsrc%5Etfw">@supermediumvr</a> team! <a href="https://t.co/FuEgbBstFS">https://t.co/FuEgbBstFS</a></p>&mdash; Kent Bye VoicesOfVR (@kentbye) <a href="https://twitter.com/kentbye/status/1206652778359083009?ref_src=twsrc%5Etfw">December 16, 2019</a></blockquote> </div>

Today marks A-Frame’s fourth birthday. Four years ago, on December 16th, 2015, we released the first version of A-Frame to make it easier to build VR experiences and make the Web keep pace with the VR industry.

With the help of a community of hundreds of thousands of developers over the years, we’re releasing A-Frame v1.0.0 to support the coming out of the WebXR spec which has been under discussion for the past several years. The upgrade to A-Frame v1 and beyond will become necessary on more and more browsers as they deprecate WebVR and only support the WebXR specification.

To clear confusion, WebXR refers to both AR and VR support on the Web. To that end, we’ve included an AR mode out of the box in A-Frame for browsers that support ARCore and ARKit. In production, make sure to use HTTPS for VR and AR support.

We’d like to thank in part Google for providing a bit of funding to us at Supermedium to help develop and maintain WebXR support for A-Frame. And to thank people within Google, Oculus, and importantly the Web community for testing this version for us. We’ll continue to provide necessary updates to A-Frame.

We’d also like to celebrate now 300+ contributors, 10,000+ GitHub stars, and 300+ email subscribers to the A-Frame project.

If you’d like to continue to support us, please subscribe to the A-Frame newsletter where we’ll not only provide updates and showcase community projects, but requests for testing and user feedback support every now and then to keep us going in this grassroots project.

Read the release notes and changelog.

?ref_src=twsrc%5Etfw”>December 15, 2019

Projects

Events

Miscellaneous

In Other WebVR News

]]> https://aframe.io/blog/aframe-v1.0.0/#disqus_thread A-Frame Newsletter 1 https://aframe.io/blog/newsletter1/ https://aframe.io/blog/newsletter1/ Fri, 06 Dec 2019 08:00:00 GMT <script async src="//platform.twitter.com/widgets.js" charset="utf-8"></script> <p>The return of the A-Frame roundups! Thank you for subscribing to the email newsletter if you have! If you have not already, subscribe through <strong><a href="https://aframe.io/subscribe/">aframe.io&#x2F;subscribe</a></strong>.</p> <p><strong>A-Frame v1 with WebXR</strong> and AR support will be releasing shortly as the industry-wide rollout of WebXR commences. Everything is ready to go after a bit more testing. After years of work, we’re excited to be ready for the wave on day 1.</p> <p>And we’re excited to release <strong><a href="https://supermedium.com/nightsky">Night Sky</a></strong>, a VR planetarium built with A-Frame to look and learn about the stars! You can set your location and see constellations above you in real time.</p> <p><img src="https://user-images.githubusercontent.com/674727/70360477-83b07600-1833-11ea-90b0-34d7caef7099.PNG" alt="Night Sky"></p> <p>Without further ado, check out cool A-Frame projects from the recent months.</p> <div class="tweets tweets-feature"> <blockquote class="twitter-tweet"><p lang="en" dir="ltr">Built a huge 5ft Gameboy you can fully play in Web VR - <a href="https://t.co/RxkwFVwtPO">https://t.co/RxkwFVwtPO</a> - open source &amp; made with <a href="https://twitter.com/aframevr?ref_src=twsrc%5Etfw">@aframevr</a> <a href="https://twitter.com/dmarcos?ref_src=twsrc%5Etfw">@dmarcos</a> <a href="https://twitter.com/Tojiro?ref_src=twsrc%5Etfw">@Tojiro</a> <a href="https://t.co/nUsdLOqLTd">pic.twitter.com/nUsdLOqLTd</a></p>&mdash; Tal Kol (@koltal) <a href="https://twitter.com/koltal/status/1203065745778913282?ref_src=twsrc%5Etfw">December 6, 2019</a></blockquote> <script async src="https://platform.twitter.com/widgets.js" charset="utf-8"></script> <blockquote class="twitter-tweet"><p lang="en" dir="ltr">Built Flappy Birds VR with <a href="https://twitter.com/aframevr?ref_src=twsrc%5Etfw">@aframevr</a> ! WebVR is awesome. Warning, game is intense - <a href="https://t.co/Z1b4fqoX9E">https://t.co/Z1b4fqoX9E</a> <a href="https://t.co/fCGvYcWEq2">pic.twitter.com/fCGvYcWEq2</a></p>&mdash; Tal Kol (@koltal) <a href="https://twitter.com/koltal/status/1197216206735974401?ref_src=twsrc%5Etfw">November 20, 2019</a></blockquote> <script async src="https://platform.twitter.com/widgets.js" charset="utf-8"></script> <blockquote class="twitter-tweet"><p lang="en" dir="ltr">A demo of the different modes and opportunities to workout with Towermax Fitness Drill Track.<br>The length of running you see is 6 meters, in VR it&#39;s 12 meters with the room extender.<br>Full Video here:<a href="https://t.co/dHF3bsg4E2">https://t.co/dHF3bsg4E2</a><a href="https://twitter.com/hashtag/vrfitness?src=hash&amp;ref_src=twsrc%5Etfw">#vrfitness</a> <a href="https://twitter.com/hashtag/OculusQuest?src=hash&amp;ref_src=twsrc%5Etfw">#OculusQuest</a> <a href="https://twitter.com/hashtag/webxr?src=hash&amp;ref_src=twsrc%5Etfw">#webxr</a> <a href="https://twitter.com/hashtag/runningmotivation?src=hash&amp;ref_src=twsrc%5Etfw">#runningmotivation</a> <a href="https://t.co/UtukWV5zAe">pic.twitter.com/UtukWV5zAe</a></p>&mdash; TowermaxFitness (@towermaxfitness) <a href="https://twitter.com/towermaxfitness/status/1196897615721455617?ref_src=twsrc%5Etfw">November 19, 2019</a></blockquote> <script async src="https://platform.twitter.com/widgets.js" charset="utf-8"></script> <blockquote class="twitter-tweet"><p lang="en" dir="ltr">Thank you <a href="https://twitter.com/spaceappslondon?ref_src=twsrc%5Etfw">@spaceappslondon</a> ☄️Had a blast playing with <a href="https://twitter.com/aframevr?ref_src=twsrc%5Etfw">@aframevr</a> again + NASA models to make this with <a href="https://twitter.com/Rushlet_?ref_src=twsrc%5Etfw">@Rushlet_</a> and <a href="https://twitter.com/PrinaShah2?ref_src=twsrc%5Etfw">@PrinaShah2</a> The story from Apollo to Artemis in webVR: <a href="https://t.co/bh4U7bBrr6">https://t.co/bh4U7bBrr6</a> 🌙 🎧 <a href="https://t.co/oN3Yly5GRi">pic.twitter.com/oN3Yly5GRi</a></p>&mdash; Sumi Senthi (@SumiSenthi) <a href="https://twitter.com/SumiSenthi/status/1186020557260759040?ref_src=twsrc%5Etfw">October 20, 2019</a></blockquote> <script async src="https://platform.twitter.com/widgets.js" charset="utf-8"></script> <blockquote class="twitter-tweet"><p lang="en" dir="ltr">Slowly learning how to play a <a href="https://twitter.com/hashtag/WebVR?src=hash&amp;ref_src=twsrc%5Etfw">#WebVR</a> marimba. <br>You can try it out here: <a href="https://t.co/xpS5mIwia2">https://t.co/xpS5mIwia2</a><br>Made with <a href="https://twitter.com/aframevr?ref_src=twsrc%5Etfw">@aframevr</a> and <a href="https://twitter.com/hashtag/threejs?src=hash&amp;ref_src=twsrc%5Etfw">#threejs</a> <a href="https://twitter.com/hashtag/VR?src=hash&amp;ref_src=twsrc%5Etfw">#VR</a> <a href="https://twitter.com/hashtag/music?src=hash&amp;ref_src=twsrc%5Etfw">#music</a> <a href="https://twitter.com/hashtag/instrument?src=hash&amp;ref_src=twsrc%5Etfw">#instrument</a> <a href="https://t.co/uRfsoS3QUY">pic.twitter.com/uRfsoS3QUY</a></p>&mdash; Oliver Fei (@OliverFei_VR) <a href="https://twitter.com/OliverFei_VR/status/1199332455867703301?ref_src=twsrc%5Etfw">November 26, 2019</a></blockquote> <script async src="https://platform.twitter.com/widgets.js" charset="utf-8"></script> <blockquote class="twitter-tweet"><p lang="en" dir="ltr">Done and submitted. Here&#39;s a clip of yesterdays stream playing the finished the <a href="https://twitter.com/aframevr?ref_src=twsrc%5Etfw">@aframevr</a> <a href="https://twitter.com/hashtag/webxr?src=hash&amp;ref_src=twsrc%5Etfw">#webxr</a> game build for the <a href="https://twitter.com/hashtag/js13k?src=hash&amp;ref_src=twsrc%5Etfw">#js13k</a> competition. It&#39;s intense... <a href="https://t.co/xENSMiSgLA">pic.twitter.com/xENSMiSgLA</a></p>&mdash; ɬıɱɱყ ƙơƙƙɛ 🌷 (@Sorskoot) <a href="https://twitter.com/Sorskoot/status/1172442105420996609?ref_src=twsrc%5Etfw">September 13, 2019</a></blockquote> <script async src="https://platform.twitter.com/widgets.js" charset="utf-8"></script> <blockquote class="twitter-tweet"><p lang="en" dir="ltr">Amazing AR poster made by <a href="https://twitter.com/tzs007?ref_src=twsrc%5Etfw">@tzs007</a> for <a href="https://twitter.com/HBO?ref_src=twsrc%5Etfw">@HBO</a> using <a href="https://twitter.com/aframevr?ref_src=twsrc%5Etfw">@aframevr</a> Awesome work! 👏 <a href="https://t.co/Jdm7XbG65P">pic.twitter.com/Jdm7XbG65P</a></p>&mdash; A-Frame (@aframevr) <a href="https://twitter.com/aframevr/status/1200945472950722560?ref_src=twsrc%5Etfw">December 1, 2019</a></blockquote> <script async src="https://platform.twitter.com/widgets.js" charset="utf-8"></script> <blockquote class="twitter-tweet"><p lang="en" dir="ltr">Added haptics, keyboard support, a basic menu system, and a name to the <a href="https://twitter.com/hashtag/WebVR?src=hash&amp;ref_src=twsrc%5Etfw">#WebVR</a> rhythm game prototype I made a while ago with <a href="https://twitter.com/aframevr?ref_src=twsrc%5Etfw">@aframevr</a>. <br><br>You can now play Cadenza!! here: <a href="https://t.co/wDzrUnvRtW">https://t.co/wDzrUnvRtW</a></p>&mdash; Oliver Fei (@OliverFei_VR) <a href="https://twitter.com/OliverFei_VR/status/1160629369729179648?ref_src=twsrc%5Etfw">August 11, 2019</a></blockquote> <blockquote class="twitter-tweet"><p lang="en" dir="ltr">We got new enter AR / VR icons!🎉Thanks to <a href="https://twitter.com/klausweidner?ref_src=twsrc%5Etfw">@klausweidner</a> <a href="https://twitter.com/theDart76?ref_src=twsrc%5Etfw">@theDart76</a> <a href="https://twitter.com/brendanciccone?ref_src=twsrc%5Etfw">@brendanciccone</a> <a href="https://twitter.com/andgokevin?ref_src=twsrc%5Etfw">@andgokevin</a> designs and everyone that provided feedback. Leave your thoughts in the comments👇 <a href="https://t.co/loDglNJjXA">pic.twitter.com/loDglNJjXA</a></p>&mdash; A-Frame (@aframevr) <a href="https://twitter.com/aframevr/status/1201524847257489410?ref_src=twsrc%5Etfw">December 2, 2019</a></blockquote> <blockquote class="twitter-tweet"><p lang="en" dir="ltr">Here&#39;s a sneak peek at a feature in the upcoming &quot;Barista Express&quot; update!<a href="https://twitter.com/MadeWithAFrame?ref_src=twsrc%5Etfw">@MadeWithAFrame</a> <a href="https://twitter.com/aframevr?ref_src=twsrc%5Etfw">@aframevr</a> <a href="https://twitter.com/hashtag/webvr?src=hash&amp;ref_src=twsrc%5Etfw">#webvr</a> <a href="https://twitter.com/hashtag/webxr?src=hash&amp;ref_src=twsrc%5Etfw">#webxr</a> <a href="https://twitter.com/hashtag/vr?src=hash&amp;ref_src=twsrc%5Etfw">#vr</a> <a href="https://twitter.com/hashtag/barista?src=hash&amp;ref_src=twsrc%5Etfw">#barista</a> <a href="https://twitter.com/hashtag/gamedev?src=hash&amp;ref_src=twsrc%5Etfw">#gamedev</a> <a href="https://twitter.com/hashtag/aframe?src=hash&amp;ref_src=twsrc%5Etfw">#aframe</a> <a href="https://t.co/5t6vaMhmuH">pic.twitter.com/5t6vaMhmuH</a></p>&mdash; Construct Arcade (@ConstructArcade) <a href="https://twitter.com/ConstructArcade/status/1186527465029681158?ref_src=twsrc%5Etfw">October 22, 2019</a></blockquote> <blockquote class="twitter-tweet"><p lang="en" dir="ltr">Yay! New office doggy ��<a href="https://twitter.com/googlechrome?ref_src=twsrc%5Etfw">@googlechrome</a> is now shipping AR 👓 experimental features as part of the WebXR implementation. You can play with them today using <a href="https://twitter.com/aframevr?ref_src=twsrc%5Etfw">@aframevr</a> thanks to <a href="https://twitter.com/klausweidner?ref_src=twsrc%5Etfw">@klausweidner</a> Have fun! Instructions in the comments <a href="https://t.co/PyFHUDbjrN">pic.twitter.com/PyFHUDbjrN</a></p>&mdash; Diego (@dmarcos) <a href="https://twitter.com/dmarcos/status/1188990196525584384?ref_src=twsrc%5Etfw">October 29, 2019</a></blockquote> <script async src="https://platform.twitter.com/widgets.js" charset="utf-8"></script> <blockquote class="twitter-tweet"><p lang="en" dir="ltr">US Civil War resurrection with <a href="https://twitter.com/aframevr?ref_src=twsrc%5Etfw">@aframevr</a> using <a href="https://twitter.com/hashtag/ARjs?src=hash&amp;ref_src=twsrc%5Etfw">#ARjs</a><a href="https://t.co/FDVTUdIywc">https://t.co/FDVTUdIywc</a> <a href="https://t.co/rj1Jrtz7VH">pic.twitter.com/rj1Jrtz7VH</a></p>&mdash; Vinh T Nguyen (@VinhTTU) <a href="https://twitter.com/VinhTTU/status/1164635620859269120?ref_src=twsrc%5Etfw">August 22, 2019</a></blockquote> </div>

The return of the A-Frame roundups! Thank you for subscribing to the email newsletter if you have! If you have not already, subscribe through aframe.io/subscribe.

A-Frame v1 with WebXR and AR support will be releasing shortly as the industry-wide rollout of WebXR commences. Everything is ready to go after a bit more testing. After years of work, we’re excited to be ready for the wave on day 1.

And we’re excited to release Night Sky, a VR planetarium built with A-Frame to look and learn about the stars! You can set your location and see constellations above you in real time.

Night Sky

Without further ado, check out cool A-Frame projects from the recent months.

Projects

Components

Articles

Events

Miscellaneous

]]> https://aframe.io/blog/newsletter1/#disqus_thread A Week of A-Frame 170 - 172 https://aframe.io/blog/awoa-170-172/ https://aframe.io/blog/awoa-170-172/ Fri, 12 Jul 2019 07:00:00 GMT <script async src="//platform.twitter.com/widgets.js" charset="utf-8"></script> <div class="tweets tweets-feature"> <blockquote class="twitter-tweet"><p lang="ja" dir="ltr">OculusQuestのコントローラーの座標とアクションを読み取って、動的にアニメーション生成するVRできたーーー！JavaScript初心者すぎて、めちゃくちゃ苦労したけど、丸一日頑張ったらなんとかなったー！やったー！<a href="https://twitter.com/hashtag/OculusQuest?src=hash&amp;ref_src=twsrc%5Etfw">#OculusQuest</a> <a href="https://twitter.com/hashtag/aframevr?src=hash&amp;ref_src=twsrc%5Etfw">#aframevr</a> <a href="https://t.co/buT2gLRNVK">pic.twitter.com/buT2gLRNVK</a></p>&mdash; 零 (@shadow_burst) <a href="https://twitter.com/shadow_burst/status/1142801421877645317?ref_src=twsrc%5Etfw">June 23, 2019</a></blockquote> <blockquote class="twitter-tweet"><p lang="en" dir="ltr">Messing about with client side per-vertex AO baking in <a href="https://twitter.com/aframevr?ref_src=twsrc%5Etfw">@aframevr</a>, over the top right now, but cheap &amp; easy 😉 Props to <a href="https://twitter.com/hashtag/threejs?src=hash&amp;ref_src=twsrc%5Etfw">#threejs</a>, <a href="https://twitter.com/mrdoob?ref_src=twsrc%5Etfw">@mrdoob</a> &amp; <a href="https://twitter.com/aframevr?ref_src=twsrc%5Etfw">@aframevr</a> team 👍. I had to code next to nothing myself, octree for raytracing in &lt;80 lines...mind blown🤯<a href="https://twitter.com/hashtag/webxr?src=hash&amp;ref_src=twsrc%5Etfw">#webxr</a> <a href="https://twitter.com/hashtag/webvr?src=hash&amp;ref_src=twsrc%5Etfw">#webvr</a> <a href="https://t.co/MVh55Ytj8w">pic.twitter.com/MVh55Ytj8w</a></p>&mdash; Paul Brunt (@super_eggbert) <a href="https://twitter.com/super_eggbert/status/1149406981687578624?ref_src=twsrc%5Etfw">July 11, 2019</a></blockquote> <blockquote class="twitter-tweet"><p lang="en" dir="ltr">A new component for aframevr that allows you to include normal html and css in your scene. Plus, it allows for direct manipulation and interaction from inside aframe, so you can quickly build UI using simple html and css. <a href="https://t.co/wLD0WrzJSM">https://t.co/wLD0WrzJSM</a><a href="https://twitter.com/aframevr?ref_src=twsrc%5Etfw">@aframevr</a> <a href="https://twitter.com/hashtag/vr?src=hash&amp;ref_src=twsrc%5Etfw">#vr</a> <a href="https://twitter.com/hashtag/webxr?src=hash&amp;ref_src=twsrc%5Etfw">#webxr</a> <a href="https://twitter.com/hashtag/webvr?src=hash&amp;ref_src=twsrc%5Etfw">#webvr</a> <a href="https://t.co/ME4LkwN0aH">pic.twitter.com/ME4LkwN0aH</a></p>&mdash; Paul Brunt (@super_eggbert) <a href="https://twitter.com/super_eggbert/status/1145361020862574593?ref_src=twsrc%5Etfw">June 30, 2019</a></blockquote> <blockquote class="twitter-tweet"><p lang="en" dir="ltr">VR portfolio in Oculus Quest with A-Frame <a href="https://t.co/SfnT5ZX2wl">https://t.co/SfnT5ZX2wl</a> <a href="https://twitter.com/hashtag/aframevr?src=hash&amp;ref_src=twsrc%5Etfw">#aframevr</a> <a href="https://t.co/rWKV2kTziH">pic.twitter.com/rWKV2kTziH</a></p>&mdash; だら🍔技術系投稿サービス運営中 (@dala00) <a href="https://twitter.com/dala00/status/1147118302931456000?ref_src=twsrc%5Etfw">July 5, 2019</a></blockquote> <blockquote class="twitter-tweet"><p lang="en" dir="ltr">&quot;The Journey To My New <a href="https://twitter.com/hashtag/WebVR?src=hash&amp;ref_src=twsrc%5Etfw">#WebVR</a> Website&quot; 🚀<br>( series of steps before bringing it to life ) 👣<br><br>3. &quot;Come To Daddy&quot; 🎣<a href="https://twitter.com/aframevr?ref_src=twsrc%5Etfw">@aframevr</a> <a href="https://twitter.com/hashtag/TheJourneyToMyNewWebVRWebsite?src=hash&amp;ref_src=twsrc%5Etfw">#TheJourneyToMyNewWebVRWebsite</a><a href="https://twitter.com/hashtag/WebXR?src=hash&amp;ref_src=twsrc%5Etfw">#WebXR</a> <a href="https://twitter.com/hashtag/VR?src=hash&amp;ref_src=twsrc%5Etfw">#VR</a> <a href="https://twitter.com/hashtag/UXofVR?src=hash&amp;ref_src=twsrc%5Etfw">#UXofVR</a> <a href="https://twitter.com/hashtag/Immersive?src=hash&amp;ref_src=twsrc%5Etfw">#Immersive</a> <a href="https://twitter.com/hashtag/WebDesign?src=hash&amp;ref_src=twsrc%5Etfw">#WebDesign</a> <a href="https://t.co/OYCqiGvgns">pic.twitter.com/OYCqiGvgns</a></p>&mdash; Danilo Pasquariello (@theDart76) <a href="https://twitter.com/theDart76/status/1147139344672677888?ref_src=twsrc%5Etfw">July 5, 2019</a></blockquote> <blockquote class="twitter-tweet"><p lang="en" dir="ltr">VR radio controled car with stick. (also wasd control is available for pc browser) <a href="https://t.co/EqJo4jW7IJ">https://t.co/EqJo4jW7IJ</a> <a href="https://twitter.com/hashtag/oculusquest?src=hash&amp;ref_src=twsrc%5Etfw">#oculusquest</a> <a href="https://twitter.com/hashtag/oculusquestdev?src=hash&amp;ref_src=twsrc%5Etfw">#oculusquestdev</a> <a href="https://twitter.com/hashtag/aframevr?src=hash&amp;ref_src=twsrc%5Etfw">#aframevr</a> <a href="https://t.co/0pm7MBXYx4">pic.twitter.com/0pm7MBXYx4</a></p>&mdash; だら🍔技術系投稿サービス運営中 (@dala00) <a href="https://twitter.com/dala00/status/1142449302863659009?ref_src=twsrc%5Etfw">June 22, 2019</a></blockquote> </div>

Projects

Components

Articles

Events

]]> https://aframe.io/blog/awoa-170-172/#disqus_thread A Week of A-Frame 164 - 169 https://aframe.io/blog/awoa-164-169/ https://aframe.io/blog/awoa-164-169/ Fri, 21 Jun 2019 07:00:00 GMT <script async src="//platform.twitter.com/widgets.js" charset="utf-8"></script> <div class="tweets tweets-feature"> <blockquote class="twitter-tweet"><p lang="en" dir="ltr">Thanks to <a href="https://twitter.com/aframevr?ref_src=twsrc%5Etfw">@aframevr</a> for making it so easy to develop this easter minigame! Took two of us maybe 15 hours from start to finish. <a href="https://twitter.com/hashtag/vr?src=hash&amp;ref_src=twsrc%5Etfw">#vr</a> <a href="https://twitter.com/hashtag/webvr?src=hash&amp;ref_src=twsrc%5Etfw">#webvr</a> <a href="https://t.co/ugYJf5Szh5">pic.twitter.com/ugYJf5Szh5</a></p>&mdash; Ted Wallace-Williams (@ted_w_w) <a href="https://twitter.com/ted_w_w/status/1135620872977440770?ref_src=twsrc%5Etfw">June 3, 2019</a></blockquote> <blockquote class="twitter-tweet"><p lang="ja" dir="ltr">本日の進捗です。<br>コントローラーからブロック置いて削除できるようになりました。<a href="https://twitter.com/hashtag/oculusquest?src=hash&amp;ref_src=twsrc%5Etfw">#oculusquest</a> <a href="https://twitter.com/hashtag/oculusquestdev?src=hash&amp;ref_src=twsrc%5Etfw">#oculusquestdev</a> <a href="https://twitter.com/hashtag/%E7%A6%8F%E5%B2%A1XR%E9%83%A8?src=hash&amp;ref_src=twsrc%5Etfw">#福岡XR部</a> <a href="https://twitter.com/hashtag/aframevr?src=hash&amp;ref_src=twsrc%5Etfw">#aframevr</a> <a href="https://t.co/8qh62x39nG">pic.twitter.com/8qh62x39nG</a></p>&mdash; すぎどん (@sgidon) <a href="https://twitter.com/sgidon/status/1135575248642777088?ref_src=twsrc%5Etfw">June 3, 2019</a></blockquote> <blockquote class="twitter-tweet"><p lang="en" dir="ltr">Finished a basic prototype for a rhythm game made with <a href="https://twitter.com/aframevr?ref_src=twsrc%5Etfw">@aframevr</a> .<a href="https://twitter.com/hashtag/WebVR?src=hash&amp;ref_src=twsrc%5Etfw">#WebVR</a> <a href="https://twitter.com/hashtag/VR?src=hash&amp;ref_src=twsrc%5Etfw">#VR</a> <a href="https://twitter.com/hashtag/indiedev?src=hash&amp;ref_src=twsrc%5Etfw">#indiedev</a> <a href="https://twitter.com/hashtag/gamedev?src=hash&amp;ref_src=twsrc%5Etfw">#gamedev</a> <a href="https://t.co/RTifrSKjoE">pic.twitter.com/RTifrSKjoE</a></p>&mdash; Oliver Fei (@OliverFei_VR) <a href="https://twitter.com/OliverFei_VR/status/1128516074129981440?ref_src=twsrc%5Etfw">May 15, 2019</a></blockquote> <blockquote class="twitter-tweet"><p lang="en" dir="ltr">A change from the usual fitness routine?<br><br>Try out Moon Rider in the Punch Mode:<a href="https://t.co/P3X1LNSs5R">https://t.co/P3X1LNSs5R</a><br>It is ideal for practicing for the tower, also WebVR!<br><br>Here is an article about it on VRScout:<a href="https://t.co/uMneAcciIi">https://t.co/uMneAcciI i</a> <a href="https://t.co/xFaRI831QF">pic.twitter.com/xFaRI831QF</a></p>&mdash; TowermaxFitness (@towermaxfitness) <a href="https://twitter.com/towermaxfitness/status/1133349282059378688?ref_src=twsrc%5Etfw">May 28, 2019</a></blockquote> <blockquote class="twitter-tweet"><p lang="en" dir="ltr">Tonight’s rabbit hole: a few hours of <a href="https://twitter.com/aframevr?ref_src=twsrc%5Etfw">@aframevr</a> on <a href="https://twitter.com/glitch?ref_src=twsrc%5Etfw">@glitch</a> and you have an optical illusion you can step into. W A S D to explore 🔎 <a href="https://t.co/Ur3xWLkiAw">https://t.co/Ur3xWLkiAw</a> <a href="https://t.co/Ph14RHebHu">https://t.co/Ph14RHebHu</a></p>&mdash; Kate 🎉 (@SBinLondon) <a href="https://twitter.com/SBinLondon/status/1140752516730249216?ref_src=twsrc%5Etfw">June 17, 2019</a></blockquote> <blockquote class="twitter-tweet"><p lang="en" dir="ltr">&quot;The Journey To My New <a href="https://twitter.com/hashtag/WebVR?src=hash&amp;ref_src=twsrc%5Etfw">#WebVR</a> Website&quot; 🚀<br><br>( series of steps before bringing it to life ) 👣<br><br>2. &quot;A Bit Of Both&quot; ⚖️<a href="https://twitter.com/aframevr?ref_src=twsrc%5Etfw">@aframevr</a> <a href="https://twitter.com/hashtag/TheJourneyToMyNewWebVRWebsite?src=hash&amp;ref_src=twsrc%5Etfw">#TheJourneyToMyNewWebVRWebsite</a><a href="https://twitter.com/hashtag/WebXR?src=hash&amp;ref_src=twsrc%5Etfw">#WebXR</a> <a href="https://twitter.com/hashtag/VR?src=hash&amp;ref_src=twsrc%5Etfw">#VR</a> <a href="https://twitter.com/hashtag/UXofVR?src=hash&amp;ref_src=twsrc%5Etfw">#UXofVR</a> <a href="https://twitter.com/hashtag/Immersive?src=hash&amp;ref_src=twsrc%5Etfw">#Immersive</a> <a href="https://twitter.com/hashtag/WebDesign?src=hash&amp;ref_src=twsrc%5Etfw">#WebDesign</a> <a href="https://t.co/XE7noRUKYG">pic.twitter.com/XE7noRUKYG</a></p>&mdash; Danilo Pasquariello (@theDart76) <a href="https://twitter.com/theDart76/status/1141005305905602560?ref_src=twsrc%5Etfw">June 18, 2019</a></blockquote> <blockquote class="twitter-tweet"><p lang="en" dir="ltr">Ever felt like re-arranging your <a href="https://twitter.com/hashtag/bathroom?src=hash&amp;ref_src=twsrc%5Etfw">#bathroom</a> furniture? We developed this application a few months back to test <a href="https://twitter.com/aframevr?ref_src=twsrc%5Etfw">@aframevr</a> using a <a href="https://twitter.com/hashtag/cannonjs?src=hash&amp;ref_src=twsrc%5Etfw">#cannonjs</a> physics engine. The# interactive tool can be used on all desktop browsers at <a href="https://t.co/Qd10hsl5aW">https://t.co/Qd10hsl5aW</a> <a href="https://twitter.com/hashtag/webGL?src=hash&amp;ref_src=twsrc%5Etfw">#webGL</a> <a href="https://twitter.com/hashtag/3d?src=hash&amp;ref_src=twsrc%5Etfw">#3d</a> <a href="https://twitter.com/hashtag/aframe?src=hash&amp;ref_src=twsrc%5Etfw">#aframe</a> <a href="https://twitter.com/hashtag/3dtools?src=hash&amp;ref_src=twsrc%5Etfw">#3dtools</a> <a href="https://twitter.com/hashtag/cannonjs?src=hash&amp;ref_src=twsrc%5Etfw">#cannonjs</a> <a href="https://t.co/xBMYZfoeMh">pic.twitter.com/xBMYZfoeMh</a></p>&mdash; Pikcells (@PikcellsUK) <a href="https://twitter.com/PikcellsUK/status/1133771254526337025?ref_src=twsrc%5Etfw">May 29, 2019</a></blockquote> <blockquote class="twitter-tweet"><p lang="en" dir="ltr">Like 15% done, but working on an <a href="https://twitter.com/aframevr?ref_src=twsrc%5Etfw">@aframevr</a> guide for building user interfaces. Will include using slice9, layout, raycaster, state components for building menus that dynamically affect the application, hand-attached menus, pagination, XHRs, texture atlas. <a href="https://t.co/FOiuaY43wq">https://t.co/FOiuaY43wq</a> <a href="https://t.co/bYmg3EytpT">pic.twitter.com/bYmg3EytpT</a></p>&mdash; Kevin Ngo (@andgokevin) <a href="https://twitter.com/andgokevin/status/1126943804638912512?ref_src=twsrc%5Etfw">May 10, 2019</a></blockquote> </div>

Projects

Components

Articles

Events

Miscellaneous

]]> https://aframe.io/blog/awoa-164-169/#disqus_thread A Week of A-Frame 162 + 163 https://aframe.io/blog/awoa-162-163/ https://aframe.io/blog/awoa-162-163/ Fri, 10 May 2019 07:00:00 GMT <script async src="//platform.twitter.com/widgets.js" charset="utf-8"></script> <div class="tweets tweets-feature"> <blockquote class="twitter-tweet"><p lang="en" dir="ltr">We&#39;ve released <a href="https://twitter.com/aframevr?ref_src=twsrc%5Etfw">@aframevr</a> v0️⃣.9️⃣.1️⃣! Follow up fixes and improvements to 0.9.0 such as WebXR compatibility and browser updates, new component events API, and improved animation performance. <a href="https://t.co/bFF0mUVZho">https://t.co/bFF0mUVZho</a></p>&mdash; Supermedium (@supermediumvr) <a href="https://twitter.com/supermediumvr/status/1121499610302697472?ref_src=twsrc%5Etfw">April 25, 2019</a></blockquote> <blockquote class="twitter-tweet"><p lang="en" dir="ltr">🔧 We&#39;ve released <a href="https://twitter.com/aframevr?ref_src=twsrc%5Etfw">@aframevr</a> v0.9.2 with fixes and improvements around link traversal and auto-entering VR where supported (e.g., <a href="https://twitter.com/supermediumvr?ref_src=twsrc%5Etfw">@supermediumvr</a>). Thanks to <a href="https://twitter.com/sromline?ref_src=twsrc%5Etfw">@sromline</a> <a href="https://twitter.com/towermaxfitness?ref_src=twsrc%5Etfw">@towermaxfitness</a> for reporting the issue and helping us track it down! <a href="https://t.co/MKVUkvyX1H">https://t.co/MKVUkvyX1H</a></p>&mdash; Supermedium (@supermediumvr) <a href="https://twitter.com/supermediumvr/status/1125554528005181440?ref_src=twsrc%5Etfw">May 7, 2019</a></blockquote> <blockquote class="twitter-tweet"><p lang="en" dir="ltr">🔷 What will be the equivalent of the Hugo Award for VR? Come catch a glimpse with Blue Cyber, a science fantasy VR series. You are charged to protect the galaxy, given the powers from a mysterious artifact. Experience episode 1, now playing on <a href="https://twitter.com/supermediumvr?ref_src=twsrc%5Etfw">@supermediumvr</a>. <a href="https://t.co/RbpqA1VN8G">pic.twitter.com/RbpqA1VN8G</a></p>&mdash; Supermedium (@supermediumvr) <a href="https://twitter.com/supermediumvr/status/1124427504301699072?ref_src=twsrc%5Etfw">May 3, 2019</a></blockquote> <blockquote class="twitter-tweet"><p lang="en" dir="ltr">👾 A multi-legged procedural creature swirls around you. Does it want to play? Built with <a href="https://twitter.com/aframevr?ref_src=twsrc%5Etfw">@aframevr</a> by <a href="https://twitter.com/snayyss?ref_src=twsrc%5Etfw">@snayyss</a> and <a href="https://twitter.com/kif11?ref_src=twsrc%5Etfw">@kif11</a>. Visit Monster or Friend in <a href="https://twitter.com/supermediumvr?ref_src=twsrc%5Etfw">@supermediumvr</a>. <a href="https://t.co/mC1m2jB4Xo">pic.twitter.com/mC1m2jB4Xo</a></p>&mdash; Supermedium (@supermediumvr) <a href="https://twitter.com/supermediumvr/status/1126242993491496961?ref_src=twsrc%5Etfw">May 8, 2019</a></blockquote> </div>

Projects

Components

Articles

Events

Miscellaneous

]]> https://aframe.io/blog/awoa-162-163/#disqus_thread A Week of A-Frame 159 - 161 https://aframe.io/blog/awoa-159-161/ https://aframe.io/blog/awoa-159-161/ Thu, 25 Apr 2019 07:00:00 GMT <script async src="//platform.twitter.com/widgets.js" charset="utf-8"></script> <div class="tweets tweets-feature"> <blockquote class="twitter-tweet" data-lang="en"><p lang="en" dir="ltr">Our <a href="https://twitter.com/hashtag/VR?src=hash&amp;ref_src=twsrc%5Etfw">#VR</a> browser game Barista Express has finally been released! ☕️ <br><br>Go play it now! <a href="https://twitter.com/hashtag/webvr?src=hash&amp;ref_src=twsrc%5Etfw">#webvr</a> <a href="https://twitter.com/hashtag/webxr?src=hash&amp;ref_src=twsrc%5Etfw">#webxr</a> <a href="https://twitter.com/hashtag/webgl?src=hash&amp;ref_src=twsrc%5Etfw">#webgl</a> <a href="https://twitter.com/hashtag/aframe?src=hash&amp;ref_src=twsrc%5Etfw">#aframe</a> <a href="https://twitter.com/MadeWithAFrame?ref_src=twsrc%5Etfw">@MadeWithAFrame</a> <a href="https://t.co/tiTsVKGlJx">https://t.co/tiTsVKGlJx</a></p>&mdash; Construct Arcade (@ConstructArcade) <a href="https://twitter.com/ConstructArcade/status/1116749220764168193?ref_src=twsrc%5Etfw">April 12, 2019</a></blockquote> <blockquote class="twitter-tweet"><p lang="en" dir="ltr">Our final demo, so far ;)<br><br>-Nerly <a href="https://t.co/uJRM7iavvQ">pic.twitter.com/uJRM7iavvQ</a></p>&mdash; BumbleBee_Studios (@BumblBeeStudios) <a href="https://twitter.com/BumblBeeStudios/status/1116013588718788608?ref_src=twsrc%5Etfw">April 10, 2019</a></blockquote> <blockquote class="twitter-tweet"><p lang="en" dir="ltr">We&#39;ve released <a href="https://twitter.com/aframevr?ref_src=twsrc%5Etfw">@aframevr</a> v0️⃣.9️⃣.1️⃣! Follow up fixes and improvements to 0.9.0 such as WebXR compatibility and browser updates, new component events API, and improved animation performance. <a href="https://t.co/bFF0mUVZho">https://t.co/bFF0mUVZho</a></p>&mdash; Supermedium (@supermediumvr) <a href="https://twitter.com/supermediumvr/status/1121499610302697472?ref_src=twsrc%5Etfw">April 25, 2019</a></blockquote> <blockquote class="twitter-tweet"><p lang="en" dir="ltr">♨️ If there was an <a href="https://twitter.com/aframevr?ref_src=twsrc%5Etfw">@aframevr</a> boilerplate I&#39;d recommend, it&#39;d be this one featuring Hot Reloading (change code = auto update scene), HTML requires, and templating. Try it out. <a href="https://t.co/XIGDSi6vc3">https://t.co/XIGDSi6vc3</a></p>&mdash; Kevin Ngo (@andgokevin) <a href="https://twitter.com/andgokevin/status/1116849411626192896?ref_src=twsrc%5Etfw">April 12, 2019</a></blockquote> <blockquote class="twitter-tweet"><p lang="en" dir="ltr">Component .events API landed in <a href="https://twitter.com/aframevr?ref_src=twsrc%5Etfw">@aframevr</a> to register event handlers that bind/detach/attach themselves depending on entity/scene state. Improves hot reload experience. <a href="https://t.co/yhoUE1qqLu">https://t.co/yhoUE1qqLu</a><br><br>events: {<br> click: function (evt) { <br> this.el.object3D.scale.set(2, 2, 2);<br> }<br>}</p>&mdash; Kevin Ngo (@andgokevin) <a href="https://twitter.com/andgokevin/status/1116843690083774464?ref_src=twsrc%5Etfw">April 12, 2019</a></blockquote> <blockquote class="twitter-tweet"><p lang="en" dir="ltr">Blocked Car VR - License our HTML5 VR games for your brand or website. No download required, please contact us for more info.<a href="https://t.co/dQCrLXsifF">https://t.co/dQCrLXsifF</a><a href="https://twitter.com/hashtag/webxr?src=hash&amp;ref_src=twsrc%5Etfw">#webxr</a> <a href="https://twitter.com/hashtag/webvr?src=hash&amp;ref_src=twsrc%5Etfw">#webvr</a> <a href="https://twitter.com/hashtag/html5games?src=hash&amp;ref_src=twsrc%5Etfw">#html5games</a> <a href="https://twitter.com/hashtag/html5?src=hash&amp;ref_src=twsrc%5Etfw">#html5</a> <a href="https://twitter.com/hashtag/vr?src=hash&amp;ref_src=twsrc%5Etfw">#vr</a> <a href="https://twitter.com/hashtag/virtualreality?src=hash&amp;ref_src=twsrc%5Etfw">#virtualreality</a> <a href="https://twitter.com/hashtag/vrgames?src=hash&amp;ref_src=twsrc%5Etfw">#vrgames</a> <a href="https://twitter.com/hashtag/daydream?src=hash&amp;ref_src=twsrc%5Etfw">#daydream</a> <a href="https://twitter.com/hashtag/oculus?src=hash&amp;ref_src=twsrc%5Etfw">#oculus</a> <a href="https://twitter.com/hashtag/gearvr?src=hash&amp;ref_src=twsrc%5Etfw">#gearvr</a> <a href="https://twitter.com/hashtag/webgames?src=hash&amp;ref_src=twsrc%5Etfw">#webgames</a> <a href="https://twitter.com/hashtag/onlinegames?src=hash&amp;ref_src=twsrc%5Etfw">#onlinegames</a> <a href="https://twitter.com/aframevr?ref_src=twsrc%5Etfw">@aframevr</a> <a href="https://t.co/9paddOuo25">pic.twitter.com/9paddOuo25</a></p>&mdash; DS Effects (@dseffects) <a href="https://twitter.com/dseffects/status/1116021333559775232?ref_src=twsrc%5Etfw">April 10, 2019</a></blockquote> </div>

Projects

Articles

Events

Miscellaneous

]]> https://aframe.io/blog/awoa-159-161/#disqus_thread A Week of A-Frame 157 + 158 https://aframe.io/blog/awoa-157-158/ https://aframe.io/blog/awoa-157-158/ Thu, 04 Apr 2019 07:00:00 GMT <script async src="//platform.twitter.com/widgets.js" charset="utf-8"></script> <div class="tweets tweets-feature"> <blockquote class="twitter-tweet"><p lang="en" dir="ltr">I got a <a href="https://twitter.com/hashtag/WebVR?src=hash&amp;ref_src=twsrc%5Etfw">#WebVR</a> terminal emulator working on my phone using <a href="https://twitter.com/aframevr?ref_src=twsrc%5Etfw">@aframevr</a> and Google Daydream on Android.<br><br>Now I can do CLI based development from anywhere. 🤯<br><br>Gonna slowly work on a fancy mobile VR development environment.<a href="https://t.co/NHxqMGwxmp">https://t.co/NHxqMGwxmp</a></p>&mdash; Mauve 🎉 (@RangerMauve) <a href="https://twitter.com/RangerMauve/status/1113577714345181186?ref_src=twsrc%5Etfw">April 3, 2019</a></blockquote> <blockquote class="twitter-tweet"><p lang="en" dir="ltr">Visual timeline editor for <a href="https://twitter.com/hashtag/WebXR?src=hash&amp;ref_src=twsrc%5Etfw">#WebXR</a> animations. Proof of concept motivated by <a href="https://t.co/wImtVnWfL1">https://t.co/wImtVnWfL1</a> relying on <a href="https://twitter.com/aframevr?ref_src=twsrc%5Etfw">@AFrameVR</a> and vis.js (cf <a href="https://t.co/zaD1rBMC8H">https://t.co/zaD1rBMC8H</a> ) <a href="https://t.co/m3uI8UpTLe">pic.twitter.com/m3uI8UpTLe</a></p>&mdash; Fabien Benetou (@utopiah) <a href="https://twitter.com/utopiah/status/1110576751577567233?ref_src=twsrc%5Etfw">March 26, 2019</a></blockquote> <blockquote class="twitter-tweet"><p lang="en" dir="ltr">Making a really wild scene out of torus knots placed in concentric rings using <a href="https://twitter.com/aframevr?ref_src=twsrc%5Etfw">@aframevr</a>! All these shots are from the inspector, which is really great for getting insight &amp; new perspective on a scene! <a href="https://t.co/CDEBTm7j3o">pic.twitter.com/CDEBTm7j3o</a></p>&mdash; cwervo @ home lol (@acwervo) <a href="https://twitter.com/acwervo/status/1110970517731704832?ref_src=twsrc%5Etfw">March 27, 2019</a></blockquote> <blockquote class="twitter-tweet"><p lang="en" dir="ltr">Watch the cast of <a href="https://twitter.com/SpiderVerse?ref_src=twsrc%5Etfw">@SpiderVerse</a> scale your wall!🕸Our latest Web AR project built by <a href="https://twitter.com/hashtag/igniteie?src=hash&amp;ref_src=twsrc%5Etfw">#igniteie</a> and powered by <a href="https://twitter.com/hashtag/8thWall?src=hash&amp;ref_src=twsrc%5Etfw">#8thWall</a> and <a href="https://twitter.com/aframevr?ref_src=twsrc%5Etfw">@aframevr</a> for <a href="https://twitter.com/SpiderVerse?ref_src=twsrc%5Etfw">@SpiderVerse</a> <a href="https://twitter.com/SonyPictures?ref_src=twsrc%5Etfw">@SonyPictures</a> <a href="https://twitter.com/VuduFans?ref_src=twsrc%5Etfw">@VuduFans</a>. Try it out here 👇<a href="https://t.co/P757tteNsy">https://t.co/P757tteNsy</a> <a href="https://twitter.com/hashtag/WebAR?src=hash&amp;ref_src=twsrc%5Etfw">#WebAR</a> <a href="https://twitter.com/hashtag/AugmentedReality?src=hash&amp;ref_src=twsrc%5Etfw">#AugmentedReality</a> <a href="https://t.co/efp21VVPfz">pic.twitter.com/efp21VVPfz</a></p>&mdash; 8th Wall (@the8thwall) <a href="https://twitter.com/the8thwall/status/1110586311029620736?ref_src=twsrc%5Etfw">March 26, 2019</a></blockquote> <blockquote class="twitter-tweet"><p lang="en" dir="ltr">A brand new port of GlMol for A-Frame! Allows access to the PDB database of over 120k proteins. <a href="https://twitter.com/aframevr?ref_src=twsrc%5Etfw">@aframevr</a> <a href="https://twitter.com/hashtag/webvr?src=hash&amp;ref_src=twsrc%5Etfw">#webvr</a> <a href="https://t.co/t8k2VEnZx4">https://t.co/t8k2VEnZx4</a> <a href="https://t.co/JIU7S0VxIe">pic.twitter.com/JIU7S0VxIe</a></p>&mdash; TLT Media (@tltmedia) <a href="https://twitter.com/tltmedia/status/1110233868609744896?ref_src=twsrc%5Etfw">March 25, 2019</a></blockquote> <blockquote class="twitter-tweet"><p lang="en" dir="ltr">Beatsaver Viewer from <a href="https://twitter.com/supermediumvr?ref_src=twsrc%5Etfw">@supermediumvr</a> on <a href="https://twitter.com/hashtag/Exokit?src=hash&amp;ref_src=twsrc%5Etfw">#Exokit</a>/<a href="https://twitter.com/hashtag/MagicLeapOne?src=hash&amp;ref_src=twsrc%5Etfw">#MagicLeapOne</a>: <a href="https://t.co/2LCyw41DXx">https://t.co/2LCyw41DXx</a></p>&mdash; Exokit (@exokitXR) <a href="https://twitter.com/exokitXR/status/1113186955049799680?ref_src=twsrc%5Etfw">April 2, 2019</a></blockquote> <blockquote class="twitter-tweet"><p lang="en" dir="ltr">Some <a href="https://twitter.com/supermediumvr?ref_src=twsrc%5Etfw">@supermediumvr</a> <a href="https://twitter.com/aframevr?ref_src=twsrc%5Etfw">@aframevr</a> Gunters of OASIS action on <a href="https://twitter.com/hashtag/Exokit?src=hash&amp;ref_src=twsrc%5Etfw">#Exokit</a> <a href="https://twitter.com/hashtag/MagicLeapOne?src=hash&amp;ref_src=twsrc%5Etfw">#MagicLeapOne</a> : <a href="https://t.co/17o0VT1Twy">https://t.co/17o0VT1Twy</a></p>&mdash; Exokit (@exokitXR) <a href="https://twitter.com/exokitXR/status/1113187914643574785?ref_src=twsrc%5Etfw">April 2, 2019</a></blockquote> <blockquote class="twitter-tweet"><p lang="en" dir="ltr"><a href="https://twitter.com/hashtag/Exokit?src=hash&amp;ref_src=twsrc%5Etfw">#Exokit</a> on Magic Leap One running Supercraft from <a href="https://twitter.com/supermediumvr?ref_src=twsrc%5Etfw">@supermediumvr</a> <a href="https://t.co/sVLUryJC9D">https://t.co/sVLUryJC9D</a></p>&mdash; Christopher P. La Torres (@chrisplatorres) <a href="https://twitter.com/chrisplatorres/status/1111719512490078208?ref_src=twsrc%5Etfw">March 29, 2019</a></blockquote> </div>

Projects

  • Mama Congo by LucidWeb - In December VRT journalist Rudi Vranckx travelled to the Democratic Republic of Congo (DRC) to cover the elections in the country. Six Congolese women provided him with a to-do list for the elected President. Travel to the DRC and hear what they have to say.

Components

Articles

Events

Miscellaneous

]]> https://aframe.io/blog/awoa-157-158/#disqus_thread