Blog

A Week of A-Frame 105 - 106

Apr 6, 2018

What's up with A-Frame, a WebVR framework for building virtual reality experiences, from Mar 23, 2018 to Apr 6, 2018.

ðð¥ Gunters of OASIS. Hundreds of generated #webvr worlds. Hidden among them a golden egg. Find the egg and inherit the OASIS (and half a hundred dollars). Search for hidden clues, meet up with other Gunters. Ready? Start the hunt on @supermediumvr!https://t.co/oTKimoCrFM pic.twitter.com/jyaPoUGHEW
— Supermedium (@supermediumvr) April 4, 2018

I present https://t.co/CMoJ256F1Q

Simulates video illumination in a performant, low flicker and 0 config way.

Just add to <a-video>.#WebVR #VR #aframevr #WebXR
Check out the demo in VR. (thanks @bai0 for the model and spilberg for the trailer) pic.twitter.com/foK84GHt8C
— Λlfredo (@alfredofrlp) March 26, 2018

#indiedev #screenshotsaturday weekend progress on Trajectile Command, webvr game. Love the new spectator feature in @aframevr pic.twitter.com/foBfzojLmm
— Adam Alexander (@AdamAlexandr) April 2, 2018

Next up in our series about shaders in #threejs, @aframevr and #webvr: CampfireVR.https://t.co/1ZyN7lQ8xo
— Dirk Krause (@dirkk) April 5, 2018

Yay! I put a little table in https://t.co/SECmMepuon for the pancakes to rest on (makes them easier to grab) + verified they work in VR as well as on desktop! Love the ease of developing progressive VR with @aframevr :)
🤖🥞🤖🥞🤖🥞🤖🥞 !!! pic.twitter.com/6T9bFGLIvP
— Cwervo (@acwervo) April 6, 2018

2D websites are dead but content is still king so I rebuilt the new https://t.co/umAxORZgMR site as a VR enabled experience powered by @WordPress and @aframevr pic.twitter.com/FRZUGQAGIR
— lil manny404 (@mannynotfound) March 18, 2018

Hey everyone! I have been working on a side project in the last few days to port full body avatars to webVR. The code has been ported from C# and still needs work. If you want to have a look and try to bring those avatars to life, it's all here: https://t.co/BeXwolZMdN pic.twitter.com/ta7zffufLD
— Etienne Pinchon (@EtiennePinchon) March 25, 2018

The decentralized metaverse will be built on open standards like WebXR (formerly WebVR). I got an update from @aframevr maintainer @dmarcos, who is now with @supermediumvr, which is a totally AWESOME high-end WebVR browser.
I also try out @mozillareality:https://t.co/uEVJqhW3rk pic.twitter.com/k2dqh0fDWw
— Kent Bye VoicesOfVR (@kentbye) April 6, 2018

Check out the Chrome extension we made in our @mtcodeschool class. Holy Catz!! An @aframevr 3D anti-productivity app that also tracks your mood! https://t.co/sWHGuiwr6f
— Gregory Lesky (@sleepydistrict) March 24, 2018

A Week of A-Frame 101 - 104

Mar 23, 2018

By Kevin Ngo

What's up with A-Frame, a WebVR framework for building virtual reality experiences, from Feb 23, 2018 to Mar 23, 2018.

A-Frame 0.8.0 is out for everybody to enjoy! This release was the most complex so far. Thanks to @machenmusik @arturitu @donrmccurdy @fernandojsg @reeder29 and all of you that contributed filing bugs, testing and staying on top of things. https://t.co/CusqqHb7Up
— Diego (@dmarcos) March 9, 2018

I've just released an @aframevr component to pan, rotate and scale the user camera on #webvr, inspired by VR editors like #UnrealEngine and #unity3d. #threejs version coming soon :) https://t.co/bDyWnZVbcH pic.twitter.com/iNF97dhpZy
— Fernando Serrano (@fernandojsg) February 28, 2018

I'm so late to the @aframevr + @glitch party but I 👏🏼 am 👏🏼 here 👏🏼 now. Cannot believe how fast I can make/run a vr scene. Thank you awesome ppl at @Fasility_VR ! pic.twitter.com/JfW7g4KSLN
— Melissa Teng (@melisteng) March 18, 2018

Landed first changes to @aframevr today! Mostly tests to verify a small bug fix in the event model before I start on the @Oculus Go controls component! Highly recommend working with this project, very well supported/tested. #WebVR https://t.co/sPuiSljJNn
— Justin Rogers (@JustRogDigiTec) March 19, 2018

#WebVR has arrived in Steam through @supermediumvr! Serving WebVR to the heads of VR users. Distribute your content on Steam via the Web. Try it out! 🚀 https://t.co/z6dKLtp8DF
— Kevin Ngo (@andgokevin) March 6, 2018

ð Search over a thousand and counting #webvr sites on https://t.co/D55A1g1Gq9! Including VR sites from @WITHIN, @Matterport, @Sketchfab, and @supermediumvr. pic.twitter.com/SwDZvLtLAk
— Kevin Ngo (@andgokevin) March 5, 2018

A-Frame v0.8.0 - Performance and Production

Mar 9, 2018

By Kevin Ngo

A-Frame v0.8.0 - Performance and Production

The A-Frame train continues! v0.8.0 has been released, bringing many, many performance improvements through being battle-tested in production applications. Notably, we ported many fixes and performance through building out Supermedium using A-Frame!

We hit A Week of A-Frame 100, highlighting the long way we’ve come such that there are companies and startups taking the leap with A-Frame. There’s even an A-Frame application published on Steam VR! Including:

Ottifox - A nimble design app that helps you create VR and AR prototypes that run in the browser - without writing code.
Halo Labs - VR/AR design, prototyping, and collaboration solution for teams.
Archilogic - Turn floor plans into virtual tours.
Vragments - Build and publish your own 360 story.
Scapic - Create immersive worlds.
Lucid Web - WebVR player.
Ideaspace - CMS.
Supermedium - The virtual reality browser.

Alongside many other companies!

What’s New?

The biggest change is allowing to modify three.js Object3D position, rotation, scale, and visible directly while still maintining in sync in the A-Frame layer. There is currently overhead with .setAttribute, but all of that can be skipped for position, rotation, scale, visible by directly modifying three.js Object3D. That is a simple object property change. Since object transformations are one of the most often updated things, this saves on a lot of overhead. In general, we begin to try to find ways to skip .setAttribute when able.

Lots of other performance improvements, both in the core of A-Frame and in top A-Frame community components (e.g., animation). We scoured a lot of the codebase removing unnecessary memory allocations and event emissions.

We’ve also upgraded to three.js’s WebVR API, which was a long and grueling process to integrate and catch all the bugs, but we did it! Still a lot to be done on the performance side.

The A-Frame Inspector also got a few nifty features such as tree collapsing on the entity panel, pressing f to focus on an entity, and some bug fixes.

Check out the release notes for the complete changelog which includes a list of all new features, optimizations, and bug fixes.

A Week of A-Frame 100

Feb 23, 2018

By Kevin Ngo

What's up with A-Frame, a WebVR framework for building virtual reality experiences, from Feb 9, 2018 to Feb 23, 2018.

It's dangerous to do fonts in WebGL alone! Take this.

Pack MSDF fonts (any typeface, any language, any charset) for use with #threejs / @aframevr / #webvr —https://t.co/GCSUjUZbQH pic.twitter.com/t9NGDwuHtP
— Don McCurdy (@donrmccurdy) February 11, 2018

1,000 @aframevr questions tagged on StackOverflow. Thanks everybody 🙏 Making knowledge Googleable helps immensely the community instead of trapped in Slack channels. pic.twitter.com/W1kxOSyl2V
— Diego (@dmarcos) February 13, 2018

Today’s the day! Ottifox 2 is here - with Google Poly search built straight into the app, grouping features, streamlined UI and more! For a full run down of all the new features check out our blog post: https://t.co/pzcTTGZJz5 Examples to come! #webvr @aframe #madewithblocks #VR pic.twitter.com/6FfpLZjpqJ
— Ottifox (@ottifox) February 6, 2018

Excited to introduce the new the version of Halo Labs - Built for teams. To create VR/AR products people love, together.
Annotations, inspector, controller support, Poly integration and more. New features rundown here - https://t.co/IMEJTlZTEJ #WebVR #VR #MadeWithBlocks @aframevr
— Eran Helft (@EranHelft) February 16, 2018

Announcing https://t.co/Z9y6Hp8H6I (beta), your virtual home within the metaverse. Customize your home and create holographic videos. #aframevr #webvr pic.twitter.com/3G4CimrkAp
— Fusure (@FusureXR) February 13, 2018

Starman in WebVR! My first experiment with @aframevr @elonmusk https://t.co/m5Qsb8E24f #webvr #aframe #starman #Roadster #Tesla #ElonMusk pic.twitter.com/wkjVgXN3qP
— aimee (@aimeedkim) February 19, 2018

Zipping through a Canadian forest to shooting asteroids in space a few seconds later with #webvr. Featuring:

Inside Music by @songexploder
A Way to Go by @thenfb and @vmorisset
Space Disaster by @blend4web
Polygon Shredder by @thespite
Go Back by @googlevr
Spider by @marpi_ pic.twitter.com/tXzzQRWlrs
— Supermedium (@supermediumvr) February 16, 2018

Try “c o m p o s u r e” - immersive experience for stress relief. Built with @aframevr, its #WebVR & #3daudio for desktop, mobile and #VR! Many thanks to @ianpetrarca & @datavized for their skills, wisdom and guidance. Try it. PM me your feedback. Share! : https://t.co/bENdn6U5uk pic.twitter.com/VgYfFLfMbD
— Jeff McSpadden (@macspaddy) February 9, 2018

A Week of A-Frame 98 + 99

Feb 9, 2018

By Kevin Ngo

What's up with A-Frame, a WebVR framework for building virtual reality experiences, from Jan 26, 2018 to Feb 9, 2018.

🚀 We’re excited to announce the launch of Supermedium, the virtual reality browser! Download it from https://t.co/Lnyvgt7HBY, put on a headset, and surf dozens of VR experiences on the Web. https://t.co/2rloFZl5ko #webvr #ycombinator pic.twitter.com/6aArQKvgpn
— Supermedium (@supermediumvr) January 31, 2018

Today’s the day! Ottifox 2 is here - with Google Poly search built straight into the app, grouping features, streamlined UI and more! For a full run down of all the new features check out our blog post: https://t.co/pzcTTGZJz5 Examples to come! #webvr @aframe #madewithblocks #VR pic.twitter.com/6FfpLZjpqJ
— Ottifox (@ottifox) February 6, 2018

I finally found some time to work on some performance optimizations for A-Painter, I hope you will notice the difference :)https://t.co/H5HaxzuDk8 #aframevr #threejs #webvr
— Fernando Serrano (@fernandojsg) February 5, 2018

Come and check out this super-sleek #Ferrari Testa Rossa in our latest #WebVR experience. Lots of UX improvements and new “focused” teleport mode make it even easier to explore. #webgl #threejs #aframevr #vr #gamedev https://t.co/IN2OWSz6Ge pic.twitter.com/CJXj90HMgc
— Paragram (@ParagramVR) January 29, 2018

Come watch the #NorthernLights LIVE in #VR under a full moon from #Yellowknife Canada.https://t.co/cJFo92vYEc @AuroraMAX @AuroraNotify @aframevr #WebVR #Auroraborealis pic.twitter.com/V8ybjQZEEq
— Gnometech Inc. (@Gnometech) January 31, 2018

Playing with the effects component after export, a bit hard on performance, but does make it more fun to view. @aframevr #MadeWithBlocks https://t.co/Z466gPhxFz pic.twitter.com/vPya5tqI88
— Ottifox (@ottifox) February 7, 2018

https://t.co/MCYVBXYiJW because of @vuejs and @aframevr
— Stephane Demotte (@StephaneDemotte) January 31, 2018

We have released a beta version of our new funny webvr game Cross the Street Fun https://t.co/BWfCqOxxiR .
Do not get hit by the car.#threejs #aframe #webvr #webxr pic.twitter.com/nEPOCVhugl
— sromline (@sromline) January 31, 2018

A Week of A-Frame 96 + 97

Jan 26, 2018

By Kevin Ngo

What's up with A-Frame, a WebVR framework for building virtual reality experiences, from Jan 12, 2018 to Jan 26, 2018.

@aframevr https://t.co/pn9tTomYIN we just launched this prologue story for our game, @GenesisNoirGame! We built it using AFrame, check it out!
— Jeremy "Have you seen my kickstarter yet?" Abel (@jabelsjabels) January 18, 2018

Networked-Aframe v0.5 is live. It features Ownership Transfer and important bug fixes.

Ownership Transfer let's you take control of entities spawned by other users - a big step towards networked physics in @aframevr

Release notes and more info: https://t.co/Cv1pAa19eC pic.twitter.com/X12J6kbxNh
— Hayden Lee (@HaydenLee37) January 17, 2018

Exploring a 600kb world made in #AssetForge with @aframevr.

Next version of aframe-extras will include navmesh support with first-person controls, using three-pathfinding: https://t.co/DDwEWD795r // #threejs pic.twitter.com/TqWITxgAX8
— Don McCurdy (@donrmccurdy) January 14, 2018

I made a game!!
It was initially for the "Games Made Quick" hackathon but I ran out of time so I fixed it up and posted it late. Made with @twinethreads @aframevr and the building was made with @Archilogic3D's 3Diohttps://t.co/TdxgyJkqes
— Ada Rose Cannon [email protected] (@Lady_Ada_King) January 22, 2018

Life Update: After 4.5 amazing years I left @mozilla and I’m joining @feiss and @andgokevin to cook delicious stuff in the #WebVR space. We’re fully committed to @aframevr and the Web. Stay tuned, we’re moving fast and furiously. pic.twitter.com/JfRskpb5OI
— Diego (@dmarcos) January 17, 2018

Behold! I am a golden god. Experimenting with adding #photogrammetry assets into an @aframevr #virtualreality environment. #learningvr pic.twitter.com/nMZw1IimOk
— Eoin O Sullivan (@eoinapplaud) January 22, 2018

I built a #VR gallery for the previous experiments: https://t.co/2maTJDL1k1 support keyboard and #cardboard interactions, very basic. Performance is not too great. Suggestions welcome! ☺️ #webvr #art @aframevr pic.twitter.com/L20YA7oYSv
— Ningxia Zhang (@ningxiaz) January 25, 2018

Bringing some stunning 3D environments from @Archilogic3D into the multi-user, collaborative WebVR tool I'm developing. Incredibly strong visuals on all platforms with .gltf models in @aframevr . #webvr #aframe #webxr #vr #oculus #vive #gearvr #arvrinedu pic.twitter.com/2DuprxNAzZ
— Gabriel Baker (@gabrieljbaker) January 22, 2018

A Week of A-Frame 92 - 95

Jan 12, 2018

By Kevin Ngo

What's up with A-Frame, a WebVR framework for building virtual reality experiences, from Dec 15, 2018 to Jan 12, 2018.

We built a WebVR version of @BAFrontend’s space voyage animation using @aframevr 🚀 Enjoy! 👇 https://t.co/jO5SXewckk
— Aerolab (@aerolab) January 10, 2018

Hey @Pandatology - I took the @Archilogic3D Christmas card with your 3D model from 2014 and put it into @aframevr :-)https://t.co/48sSBHFkkq pic.twitter.com/X3Zngho4z1
— Martin Splitt @ 🇨🇭🏡 (@g33konaut) December 22, 2017

Merry Christmas and Happy Holidays to the #XR fam I love dearly! Thankful for you creators and CANNOT WAIT for 2018 ✨

Quickly made this in @aframevr to show my family how all this #VR stuff works…featuring trees from @DannyBittman made in #Blocks 😘https://t.co/UScLNmaUyW pic.twitter.com/G2Hl16x8wn
— Eva Hoerth (@downtohoerth) December 26, 2017

Starting to look familiar. #WebVR browser game with @aframevr. Added cities you must defend from incoming missiles. #indiedev #gamedev pic.twitter.com/GtPcIJL7on
— Adam Alexander (@AdamAlexandr) January 7, 2018

A Week of A-Frame 91

Dec 15, 2017

By Kevin Ngo

What's up with A-Frame, a WebVR framework for building virtual reality experiences, from Dec 8, 2017 to Dec 15, 2017.

A 360 immersive piece that follows a water droplet through their migration journey. https://t.co/h34ldckCnN
— CultureStrike (@CultureStrike) December 13, 2017

⏰ Published an Animation Timeline component for @aframevr! Define + orchestrate sequential animation timelines all from HTML. Happy holidays 🎅🏻 https://t.co/N0SOSPNNiW pic.twitter.com/ogQaneXpbC
— Kevin Ngo (@andgokevin) December 16, 2017

Check out my #strangerthings #webvr experience. Clicking the lights in VR activates the lights on the physical wall here in the real world.https://t.co/a4jZDnPkc9
— Green Giant (@GreenGiant83) December 10, 2017

🎂 Happy second birthday to our little baby @aframevr! We look forward to continuing to be a part of your childhood and watching you grow up.
— Kevin Ngo (@andgokevin) December 16, 2017

A Week of A-Frame 90

Dec 8, 2017

By Kevin Ngo

What's up with A-Frame, a WebVR framework for building virtual reality experiences, from Dec 1, 2017 to Dec 8, 2017.

A thread of @aframe physics experiments.https://t.co/jnkmGMDesm pic.twitter.com/k8eNxkVuOn
— C W E R V O 0 o Â° â¢ O 0 o O O Â° o O 0 O o O o O Â° (@acwervo) December 10, 2017

Ready to make AR content in the Web? The Mozilla experimental WebXR viewer is available on iTunes (https://t.co/aPoJtVsdJ6) with starting points for THREE (https://t.co/UpD4O55xP5) or @aframevr (https://t.co/2xfMCmm07h). More info by @blairmacintyre on https://t.co/Khu6EBzZEw
— Diego (@dmarcos) December 8, 2017

Published @aframevr state component v2. Built ground up for @aframevr, simpler API, no deps, better perf. Makes developing non-trivial #webvr apps a dream. https://t.co/Dl6L3DXAsK
— Kevin Ngo (@andgokevin) December 6, 2017

OK finally finished this thing! - Wallace Office created in @aframevr. Based on #BladeRunner2049.

Models created in Blender and exported as glTF https://t.co/pYJnIsCVXK #vr #aframevr #gltf #b3d
— Sebastian Sanabria (@Absulit) December 9, 2017

A Week of A-Frame 88 - 89

Dec 1, 2017

By Kevin Ngo

What's up with A-Frame, a WebVR framework for building virtual reality experiences, from Nov 24, 2017 to Dec 1, 2017.

We’re proud to announce the launch of our first WebVR experience! Visit Pierre Koenig’s Case Study House 22 in full 3D on your HTC Vive, desktop, or mobile device. Check it out! https://t.co/SljvOHRnQ2 #VR #webvr #aframe #threejs #losangeles #midcentury #modern #architecture pic.twitter.com/iM8AJ8DYT3
— Paragram (@ParagramVR) November 19, 2017

Interactive #WebVR cloth simulation with @aframevr and #cannonjs for @htcvive, @OculusRift, and #WindowsMR https://t.co/2DT0aiBdQ3 pic.twitter.com/Bj2OymbznY
— Will Murphy 🔥E🌳½1⃣ (@Datatitian) November 18, 2017

12 Years of Nectar VR experience. Interactive exhibition https://t.co/eYwO3TPGkg developed with the cool web framework @aframevr #WebVR #VR #VirtualReality #12YearsNectar pic.twitter.com/ePyIl3RUYF
— Nectar Estudio (@nectarestudio) November 22, 2017

Working with the WebXR @mozillareality team adding new features using @aframevr A-Painter in AR letting you save drawings and pin in place when loading them pic.twitter.com/mbYZ3FX7YI
— Arturo Paracuellos (@arturitu) November 20, 2017