A-Frame

A Week of A-Frame 53

Mar 24, 2017

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

This week features the promise of Glitch as a teaching tool and open development platform for A-Frame. Glitch lets you code in the browser, remix existing projects to make them your own, instantly host live projects with your own custom URL, collaboratively edit, and upload assets. Remix the A-Frame Glitch.

The A-Frame School has been released to interactively teach people step-by-step A-Frame and WebVR, either self-guided or notably for workshops, also using Glitch. We’ll be updating the curriculum and adding more lessons.

Tweetscape is a #WebVR experience displaying #tweets in real-time along a #3D timeline. Using @vuejs and @aframevr. By @Koroeskohr and me 🚀 pic.twitter.com/pDvAP9iLyS
— Pierre Charles (@pierrechls) March 21, 2017

I wrote a tutorial on how to write your first multi-user WebVR experience:https://t.co/YbJlYHb0WW @aframevr pic.twitter.com/1bDdXVtS5r
— Hayden Lee (@HaydenLee37) March 21, 2017

5000 GitHub 🌟s for @aframevr! https://t.co/bUJMm0Ou8H pic.twitter.com/9UvfmRCL31
— Kevin Ngo (@andgokevin) March 22, 2017

Work continues on my completely web-based @aframevr, @reactjs #Redux prototype. New UI is coming, but here's a demo https://t.co/9ZU0cGyCGD
— Mo Kargas (@mokargas) March 18, 2017

A Week of A-Frame 52

Mar 17, 2017

What's up with A-Frame, a WebVR framework for building virtual reality experiences, from Mar 10, 2017 to Mar 17, 2017.

⛏️ "Minecraft in WebVR with HTML Using A-Frame" tutorial on @Real_CSS_Tricks by @andgokevin. 11 lines of HTML! https://t.co/wj4dXqzCQf pic.twitter.com/CouEW3HLHT
— A-Frame (@aframevr) March 15, 2017

Thanks to everyone who came to @webgamesday and tried our next #aframevr #webvr project by @mozillavr :) Stay tuned next week 🕺💃 pic.twitter.com/1XLJUe0HDV
— Fernando Serrano (@fernandojsg) March 12, 2017

Want to do Augmented Reality on the web ? You can do it in 11 lines of html now :) ar.js with aframe magic 😜 pic.twitter.com/jM0J0HtydZ
— Jerome Etienne (@jerome_etienne) March 16, 2017

I built a VR experience for my site, using #WebVR and @AFrameVR. Compatible with📱💻👓. This was a blast to make. https://t.co/eKuVR6dLwP
— Austin Knight @ 🇳🇴 (@ustinKnight) March 15, 2017

A Week of A-Frame 51

Mar 10, 2017

What's up with A-Frame, a WebVR framework for building virtual reality experiences, from Mar 3, 2017 to Mar 10, 2017.

I wrote a library for multi-user @aframe y'all, introducing Networked-Aframe: https://t.co/LuOTGjto4D

Make Social WebVR in minutes! pic.twitter.com/0GsXcVn4jZ
— Hayden Lee (@HaydenLee37) March 8, 2017

🎶 Band Explorer VR by @wearethetin. Groove to Spotify in #webvr, desktop or mobile!

🔗 https://t.co/gRbtN180Z2
📰 https://t.co/Cb45dafm5o pic.twitter.com/68c0kkNbjP
— A-Frame (@aframevr) March 7, 2017

Today's @aframevr test on @CodePen by @pollyvinyard @_kultur. Animating cubes based on noise values. #vr #dataviz https://t.co/dkFaE08KRz pic.twitter.com/IfvAgEWbWu
— Mike Brondbjerg (@mikebrondbjerg) March 6, 2017

Try out Fader if you want to create your own 360 #VR stories: https://t.co/XeAgXalgwP Let us know if you have any questions @Vragments pic.twitter.com/R7t983227K
— Linda Rath-Wiggins (@Lynda420) March 9, 2017

A Week of A-Frame 50

Mar 3, 2017

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

🌒 A-Frame casting a long shadow on #webvr! Thanks to @donrmccurdy for shepherding real-time shadow support through. https://t.co/q8WxIgmgsj pic.twitter.com/dHvgWY5ai6
— A-Frame (@aframevr) February 28, 2017

And here we have the #aframe / #threejs version of the camera scale, rotate & zoom controls :) #webvr pic.twitter.com/10z7IcMrFA
— Fernando Serrano (@fernandojsg) February 28, 2017

Web VRでゲーム作ってみた！こんな簡単なゲームでも普通に楽しい。
Vive持ってる人向け: https://t.co/emS2mlMbF8
持ってない人向け: https://t.co/iV0kgdryBy pic.twitter.com/Qm9aUvtavX
— Jun Ito (@jujunjun110) March 2, 2017

Fun @aframevr mvp of a #webvr puppet theater with head movements controlled by Vive trigger, inspired by @pushmatrix model by @SunlessFiend pic.twitter.com/xt7eNnC6qw
— Kieran Farr (@kfarr) February 25, 2017

A Week of A-Frame 49

Feb 24, 2017

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

The global Virtuleap WebVR Hackathon has come to a conclusion. They announced the top ten projects and winners, voted on by a panel of 17 judges from all different VR companies. Nine out of the top ten projects, including both winners, were built using A-Frame! We’ll list the Virtuleap A-Frame projects below with links. Congratulations to @ThePascalRascal and @Geczy for winning €30K and spots to VR acclerator programs in Amsterdam.

My tribute to the @Virtuleap #WebVR hackathon.
Contgrats @Geczy & @ThePascalRascal! pic.twitter.com/lGpHqGVaFX
— Will Murphy 🔥E🌳½1⃣ (@Datatitian) February 19, 2017

A-Frame logo in #AR on a phone! Coded itself in @aframevr with AR.js in 10min! #AR is becoming so easy now :) https://t.co/IkZAlx7rdI pic.twitter.com/DDrwPHApBa
— Jerome Etienne (@jerome_etienne) February 23, 2017

Check out my VR demo "Research Station" on your mobile 📱: https://t.co/OG8NWfgAJx Made with the A-Frame Inspector @aframevr #VR #threejs pic.twitter.com/lV7Bp83wwQ
— Octavector (@Octavector) February 19, 2017

February's @aframevr Bay Area Meetup went swell.

📹 https://t.co/91M0hyC2uA
🔗 https://t.co/TYSe97y9kr pic.twitter.com/zVFkZXzbKm
— Kevin Ngo (@andgokevin) February 24, 2017

A Week of A-Frame 48

Feb 17, 2017

What's up with A-Frame, a WebVR framework for building virtual reality experiences, from Feb 10, 2017 to Feb 17, 2017.

A-Frame Inspector v0.5.0 released! 🙌 take a look at the new features: https://t.co/l9M48zHxln #aframevr #WebVR pic.twitter.com/qJGkQD269c
— Fernando Serrano (@fernandojsg) February 15, 2017

We decided to convert our #webvr demo to @aframevr and it's quite cool! #vr #aframevr https://t.co/MR1XRG4CQv Feedback is welcome! pic.twitter.com/DHKxOCNITK
— Sebastián Sanabria (@Absulit) February 16, 2017

@recifs a trippy Voronoi shader for you
🌈 @machenmusik #webvr #aframevr #shaderfrog https://t.co/th1qmibDKu pic.twitter.com/eWa9RbZ3kj
— Micah Stubbs (@micahstubbs) February 11, 2017

Hands-on with WebVR 🙌https://t.co/1WRA5NEeyk
// @leapmotion + @aframevr + #threejs pic.twitter.com/FzWjIfuzkf
— Don McCurdy (@donrmccurdy) February 16, 2017

The theme this week is tools. Starting with an update to the A-Frame Inspector featuring asset modals and sample assets:

And a tool to configure curved images by @akaStefie:

And a tool to create A-Frame scenes by @webvrstudio:

A Week of A-Frame 47

Feb 10, 2017

What's up with A-Frame, a WebVR framework for building virtual reality experiences, from Feb 3, 2017 to Feb 10, 2017.

A-Frame ✋v0.5.0! New core features (text, glTF), bug fixes (incl. WebVR polyfill), preview of motion capture tools. https://t.co/Mb3pobemCi pic.twitter.com/yWO47TJMqB
— A-Frame (@aframevr) February 10, 2017

A-Frame friends! I made a simple lerp component for smooth animations: https://t.co/OZqWx278Ph @aframevr #webvr pic.twitter.com/1LuO972s5l
— Hayden Lee (@HaydenLee37) February 7, 2017

Work in progress: Physical interfaces for VR based upon Verlet Integration, currently made a radio selector and a button. @aframevr pic.twitter.com/lpxonf0j2W
— Ada Rose 🏳️‍🌈✊🏾🌍 (@Lady_Ada_King) February 10, 2017

Finally I've released A-Frame rain effect component! https://t.co/I6dWNJiGrV #aframevr #threejs pic.twitter.com/Cj3hvt3G1G
— takahiro(John Smith) (@superhoge)
Finally I've released A-Frame rain effect component! https://t.co/I6dWNJiGrV #aframevr #threejs pic.twitter.com/Cj3hvt3G1G
— takahiro(John Smith) (@superhoge) February 6, 2017

A-Frame v0.5.0 - Features & Tools

Feb 9, 2017

Give A-Frame a high five for the release of v0.5.0! This release pulls in highly-awaited components from the ecosystem such as text and glTF, addresses several large WebVR Polyfill bugs for smartphones, comes with a slew of enhancements and bug fixes, and enables upcoming motion capture tools.

What’s New?

A text component, using SDF and MSDF, has landed into A-Frame core! Based on mattdesl’s three-bmfont-text, the text component has gone through a long lineage starting with @bryik‘s initial aframe-bmfont-text-component to fernandojsg‘s improvements to mchen‘s fork to mchen shepherding the component into A-Frame. The text component comes with several stock fonts and supports custom fonts, alignment, anchors, baselines, spacing, and wrapping. Read more about the text component.

Text

The glTF model component has also landed into A-Frame core! glTF (GL Transmission Format) is an open project by The Khronos Group providing a standard efficient 3D file format that is tailored for transmitting models over the Web. The gltf-model component loads a 3D glTF model with a line of HTML. Note that glTF is a fairly new specification and adoption is still growing, but a large portion of the WebVR community are optimistic that glTF will become the .jpg of 3D assets. Read more about the gltf-model component.

Thanks to everyone who worked on the three.js glTF loader (richtr, @mrdoob, @auradeluxe, @superhoge) and the A-Frame component (@donmccurdy, @xirvr)!

Long-awaited bug fixes relating for smartphones include:

Fixing mobile iOS resolution and bluriness. Thanks to nullcode for the fix!
Fixing Cardboard support for many mobile devices, especially those with large screens. Thanks to @thoragio for forking WebVR polyfill to update its device database.
Fixing and forking WebVR polyfill for better WebView support. Thanks to grigorkh for the fix and andymartinwork for QAing.

The Inspector also contains a slew of updates including sample assets and texture modals so give that a look as well!

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

A Week of A-Frame 46

Feb 3, 2017

By Kevin Ngo

What's up with A-Frame, a WebVR framework for building virtual reality experiences, from Jan 27, 2017 to Feb 3, 2017.

glTF support has landed! This is an early, but more performant alternative to COLLADA and OBJ formats, and we’ll likely see it becoming heavily adopted in WebVR.

We’ve started the countdown to the release of 0.5.0 looking to solve some long-standing WebVR polyfill issues once and for all.

Great, lovely, terrific, fantastic news. glTF model support has landed in A-Frame #webvr
📄 https://t.co/S4bcihzKdF
🔗 https://t.co/i1YK4ev6tE pic.twitter.com/PKb9mLbRAJ
— A-Frame (@aframevr) February 2, 2017

New release of A-Frame City Builder #webvr game built on @aframevr https://t.co/dN4PRyUGjV works on both #oculus and #vive touch controls pic.twitter.com/qbNhagXoWg
— Kieran Farr (@kfarr) January 29, 2017

#aframevr is amazing: built prototype #VR app CityViewR within a couple of days. #opendata #smartcities https://t.co/aTFsgf0SxH pic.twitter.com/3TkLhM9YWA
— Harold Kroeze (@runhar) January 29, 2017

With no programming experience in < 2 hours, my brother created a #WebVR scene of the escape from Vietnam. https://t.co/5aBJqSjE0E pic.twitter.com/vYFO9kKnQH
— Kevin Ngo (@andgokevin) January 30, 2017

A Week of A-Frame 45

Jan 27, 2017

By Kevin Ngo

What's up with A-Frame, a WebVR framework for building virtual reality experiences, from Jan 20, 2017 to Jan 27, 2017.

The text component has landed!. Thanks to @mattdesl for the implementation and initial component, then @bryik_ws for finishing the component, @fernandojsg for improving the component, and @machenmusik for shepherding it into core!

Text

Read about the text component or try it out (best played with the Inspector)!.

And we’re about to release a tool that will make room scale VR development much more efficient and convenient!

📰 Building a Bow & Arrow for tracked controllers in #webvr #threejs!
✍️ https://t.co/2LgZ7LYVrf
🔗 https://t.co/PRYdpFvKly
— A-Frame (@aframevr) January 26, 2017

VRList updated with new WebVR projects + 360 panorama previews built with @aframevr 🙌https://t.co/y5S4uGOQSM https://t.co/DL99M3iLQi pic.twitter.com/7yDvWthlj5
— Jonathan Z. White (@JonathanZWhite) January 23, 2017

Text component has landed in A-Frame! Long lineage from @mattdesl to @bryik to @fernandojsg to finally @machenmusik. https://t.co/JNtU722e6B pic.twitter.com/PNFFalHroi
— A-Frame (@aframevr) January 27, 2017

Having fun with #VirtualReality , @aframevr, @blender3d and #lowpoly. Best using #GoogleCardboard https://t.co/RnwLmcwaJq
— Onepopcorn (@onepopcorn) January 26, 2017

A-Frame

Blog

A Week of A-Frame 53

A Week of A-Frame 52

A Week of A-Frame 51

A Week of A-Frame 50

A Week of A-Frame 49

A Week of A-Frame 48

A Week of A-Frame 47

A-Frame v0.5.0 - Features & Tools

What’s New?

A Week of A-Frame 46

A Week of A-Frame 45