Blog

A Week of A-Frame 120 - 123

Aug 10, 2018

What's up with A-Frame, a WebVR framework for building virtual reality experiences, from Jul 13, 2018 to Aug 10, 2018.

Here is a footage of the workout with the new tower.
And the real Tmax in action 😀
Try it yourself https://t.co/O0j7Wzgxsb

The longer version https://t.co/5TeZj9lEnK #webvr #webxr #aframe #threejs #cannonjs pic.twitter.com/OJcaAYw1FO
— sromline (@sromline) July 16, 2018

🔫 pewpew, @aframevr Super Shooter Kit! A simple set of components to make a #webvr shooter minigame in no time. Featuring a rapid workflow with #supercraft for live reloading + in-VR + micro file size + low poly assets! https://t.co/0LV9aw83Ke pic.twitter.com/J2Q4gGnaOI
— Supermedium (@supermediumvr) July 26, 2018

Working with @aframevr and @phaser_ , created an interactive #VR arcade game at https://t.co/ocEds1hSBw. Works with @Oculus Go using trackpad as D-pad!

Part of a new collection of A-Frame examples at https://t.co/X890LiaOrQ #VRDev #GameDev #VRGameDev https://t.co/tWBF3QpYAw
— Lee Stemkoski (@ProfStemkoski) August 8, 2018

Just released a new WebVR audio experience! Explore and change reverb in realtime with Room Simulator - > https://t.co/BoH63eazmG Created with @aframevr and @GoogleARVR 's Resonance. #webxr #webvr #spatialaudio
— Ian Petrarca (@ianpetrarca) July 23, 2018

⭐️⭐️ANNOUNCEMENT⭐️⭐️

Released my hackathon entry https://t.co/9akibc5lmW

Synesthetic retro game experience full of color, movement and sounds

WebVR & runs on almost ALL VR devices

+ connected Social VR room +

Play, VOTE and share!#VR #XR #WebXR #Virtuleap #WebVR pic.twitter.com/DsuJzA5yh1
— Λlfredo (@alfredo_xr) July 31, 2018

Texturing Contest for Payday 2

A Week of A-Frame 116 - 119

Jul 13, 2018

By Kevin Ngo

What's up with A-Frame, a WebVR framework for building virtual reality experiences, from Jun 8, 2018 to Jul 13, 2018.

Artificial #VR perspective on desktop using face tracking - all #JavaScript running in the web browser. @aframevr #TrackingJS #WebXR https://t.co/29rN30n5rR
— Will Murphy (@Datatitian) July 11, 2018

What are you gonna create in VR? Here is Blinky from @trollhunters from @RealGDT , made in Virtual Reality using #supercraft !!

View in Supercraft: https://t.co/Oi35jqptm9
View in Sketchfab: https://t.co/ewf1pEjccV

(Full video soon) pic.twitter.com/cPpj4vNt9U
— Diego F. Goberna (@feiss) June 19, 2018

Testing dynamic FOV reduction in #AFrameVR to improve smooth artificial locomotion with my GearVR controller.

Special thanks to @donrmccurdy and @Datatitian for their amazing components!#WebVR #VR #UXofVR #Webdesign pic.twitter.com/yEviHDrA2y
— Danilo Pasquariello (@theDart76) June 29, 2018

An update on my work-in-progress VR SuperGun / JAMMAnode @aframevr WebVR project: the video stream is now mapped to a curved display (a modified sphere geometry) so that it more closely resembles a CRT arcade monitor https://t.co/tbRUAjUr7X
— Kieran Nolan (@kierannolan) July 12, 2018

Added a "flight mode" to my multi-user WebVR tool, and trying it out on a @lenovo WinMR headset. Here I'm using it to fly up and around a GLTF model from @Sketchfab. Thanks to @donrmccurdy for the @aframevr movement-controls. Inviting some folks in to try it out! #webvr #webxr pic.twitter.com/NtNcxELNTY
— Gabriel Baker (@gabrieljbaker) July 8, 2018

#LifeScope XR Gallery https://t.co/M5mmMkGgOf @aframevr #WebXR #WebVR @bitscooplabs https://t.co/sO8gy0GqC3 pic.twitter.com/nN0YkbFvU1
— Liam Broza (@LiamBroza) July 13, 2018

@dmarcos @feiss @andgokevin
Hey guys! Just wanted to share my college graduation project based on @aframevr with you, and say thanks for the amazing work you are doing with A-Frame! https://t.co/LBoI1AwsRf

Cheers! pic.twitter.com/w84rCbvgID
— Stefan Petrovic (@stefanpetr_dpi) June 27, 2018

Camera recorder component for @aframevr using @thespite's ccapture.js for smooth controlled camera GIFs and videos. Used for the GIF studio in @supermediumvr #supercraft #webvr. https://t.co/wHrJvFwOsl pic.twitter.com/3TN67bQqH0
— Kevin Ngo (@andgokevin) July 13, 2018

FIFA by Scapic

A Week of A-Frame 115

Jun 15, 2018

By Kevin Ngo

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

Diego has started work on VR post-processing support on both A-Frame and three.js! Get ready for WebVR apps to look nice and bloomy.

A-Frame built with #supercraft built with @aframevr. https://t.co/iSiHYW0TFK #webvr pic.twitter.com/ckJtNurhgS
— Kevin Ngo (@andgokevin) June 10, 2018

Published @aframevr orbit controls #webvr. https://t.co/9k9bqRNMBc
— Kevin Ngo (@andgokevin) June 10, 2018

🖼️ Drag a reference image into @supermediumvr #supercraft, and hit right on the thumb! pic.twitter.com/uUHq0xpVDr
— Kevin Ngo (@andgokevin) June 15, 2018

Going "d'oh!" at the thought of crafting a world from scratch? Now you can remix worlds with a single touch in #supercraft! Make worlds your own, adding or tailoring things to your imagination. pic.twitter.com/xBarH5SWqv
— Supermedium (@supermediumvr) June 14, 2018

A Week of A-Frame 111 - 114

Jun 8, 2018

By Kevin Ngo

What's up with A-Frame, a WebVR framework for building virtual reality experiences, from May 4, 2018 to Jun 8, 2018.

✈️ Supercraft taking off the runway! Build VR worlds with your hands, all within VR. Then publish to the Web and share your creation with just a link to view on any device 💣 @aframevr #webvr https://t.co/SyRFI1qfJK pic.twitter.com/aW1zOEASfv
— Supermedium (@supermediumvr) June 6, 2018

Supercraft by @supermediumvr is a fascinating, easy and above all FUN way to craft #webvr objects and environments directly in VR. Aside from some less-than-ideal UX in some areas I absolutely loved it! Here's my first creation: The Cheetornado™ https://t.co/AthwPnIKKE pic.twitter.com/RRcoWKfggy
— Jorge Fuentes (@jorgefuentesnet) June 8, 2018

Create a navigation mesh from an existing @aframevr scene, without leaving the browser — new A-Frame Inspector plugin! Thanks to @but0n97 for the help with Recast. 🙂https://t.co/nlEtmEAjCq

// #webvr #threejs pic.twitter.com/jCWIxcTRPN
— Don McCurdy @ EYEO (@donrmccurdy) May 29, 2018

Just completed Trajectile Command! A free #webvr action game using @aframevr. Defend your cities from missiles and bombers. Inspired by an old arcade classic. Try it out here: https://t.co/6vL9vyfDSQ Requires vive, occulus or windows mr #vr #gamedev #indiedev pic.twitter.com/i2FDj2q2yv
— Adam Alexander (@AdamAlexandr) May 23, 2018

I've updated Trajectile Command with a high score leaderboard and a kickin sound track. Try it out on @supermediumvr or another vr browser here: https://t.co/6vL9vyfDSQ … Can you beat my high score?? @aframevr #VR #webvr #webgl pic.twitter.com/vy9oQYaO6K
— Adam Alexander (@AdamAlexandr) June 3, 2018

Hey #webrebels! Here's the link to my slides: https://t.co/dt4TKpj6x4 and here's the link to the demo: https://t.co/37XqHpaG0Y #WebXR @aframevr
— Monika Kedrova (@salad_milk_soup) June 6, 2018

Published my first @github repo, a joystick component for @aframevr that allows WASD-like motion on mobile! Uses @yoannm's NippleJS and lightly adapted for aframe

Repo: https://t.co/EjHT3MRrcr pic.twitter.com/horlAD5Ppn
— Michael Turck (@turckalicious) May 25, 2018

Great news - @officialjanusvr is opening up their Vesta VR hosting service to support other WebVR frameworks, starting with @aframevr https://t.co/qzc7UPdnQw
— James Baicoianu (@bai0) May 20, 2018

Composure has new updates! Check out https://t.co/KGSSf2ujNR! Brand new landing page, #WebVR experience now has controller support, added physics, new navigation & environment! Thx to @ianpetrarca for his brilliance and diligence. Thx @aframevr for making it possible to build!
— Jeff McSpadden (@macspaddy) May 31, 2018

Check out the new updated version of our #webgl Camry Configurator, built using @aframevr and #threejs 🙌 https://t.co/rO8pUJwgsf pic.twitter.com/3umySnTMp8
— Rotor Studios (@rotorstudios) June 4, 2018

A Week of A-Frame 106 - 110

May 4, 2018

By Kevin Ngo

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

I'm unbelievably excited to share a preview release of Hubs by Mozilla, a new Mixed Reality-based communications platform we are building. All open source, and all running in your browser, powered by WebVR. Really!https://t.co/AtYqAn2qam
— Greg Fodor (@gfodor) April 26, 2018

For those who missed it, you can check my little #webVR experiment "Ye Olde Puppetrilla" here - https://t.co/TGBKHG4KyU It won first prize at the @mozillareality webVR challenge and was made with @aframevr. You'll need an #HTCVive, #Oculus Rift or #microsoft #mixedreality headset pic.twitter.com/j257wxzoTo
— Jorge Fuentes (@jorgefuentesnet) May 2, 2018

Soundboxing (Beta) is one of the premiere #webvr @aframevr apps. We helped a bit on it, only took it a few days to get into shipshape. Now people are getting themselves into shipshape! Via @supermediumvr on Oculus / Steam. https://t.co/QuL2xk0T6B
— Kevin Ngo (@andgokevin) April 24, 2018

Can you get to the Top 10?? SUPER SAYS, a simon clone for VR, available on @supermediumvr for 6dof controllers (#Oculus #HTCVive #mixedreality) https://t.co/DHivKcO0Bh 1 day to create, 2 weeks to polish ¯_(ツ)_/¯ pic.twitter.com/gY7gkLqk60
— Diego F. Goberna (@feiss) May 2, 2018

A-Frame 0.8.2 just shipped 🚢 Fixes for bugs that slipped into 0.8.0. Upgrading your WebVR awesomeness to 0.8.2 is the perfect Sunday plan 🌞@aframevr Change details: https://t.co/ufupCNDzE1
— Diego (@dmarcos) April 15, 2018

🥚 Gunters of OASIS #webvr @aframevr source code. Check out the link / portal shader, custom teleport meshes, v2 of environment component with secondary dressings, world generation scripts. https://t.co/518uP5Y0ZX
— Kevin Ngo (@andgokevin) April 30, 2018

Our @mozillareality @aframevr + @Sketchfab #WebVR Medieval Challenge is over!!! 🎉🎉🎉
Thanks to all the participants for the great entries, @Lady_Ada_King for helping reviewing them and congrats to the winners!!!! https://t.co/8VpzT6WKKa pic.twitter.com/LeTUAN8pZM
— Fernando Serrano (@fernandojsg) May 1, 2018

8000 Github ⭐s for @aframevr. Long live <a-entity>.
— Kevin Ngo (@andgokevin) May 2, 2018

A Week of A-Frame 105 - 106

Apr 6, 2018

By Kevin Ngo

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