A-Frame

A Week of A-Frame 61

May 19, 2017

What's up with A-Frame, a WebVR framework for building virtual reality experiences, from May 12, 2017 to May 19, 2017.

🥁 Beat Lab by zillophane (James Bromley). There's a whole community of people using @aframevr #webvr for @altspacevr https://t.co/VPiwKlXGZl pic.twitter.com/gy6TDaQgIp
— Kevin Ngo (@andgokevin) May 19, 2017

📽 New tutorial explaining how to merge @Mixamo animations in one #threejs file and use it in @aframevr: https://t.co/kNon2FivF2 🎉🎉 pic.twitter.com/atmxy6z1Xx
— 🇮🇱 SamuelCardillo (@cyberwarfighte1) May 13, 2017

Broken Night, the #VR film I developed /w @namel_js at @ekovideo now showing at @Festival_Cannes! @aframevr @joan_e https://t.co/Y05PJ3RJRS
— Opher Vishnia (@Opherv) May 19, 2017

Strike out! 🎳💥 Join @ladybenko at the bowling alley and learn about adding real world physics to an @aframevr scene! https://t.co/3b1tnHjngK
— Mozilla Hacks (@mozhacks) May 16, 2017

Don McCurdy as an A-Frame Core Developer

May 16, 2017

We are excited to include Don McCurdy as a core developer on the A-Frame open source project! Don is a developer at Google working on Project Sunroof. Since A-Frame was released in December 2015, Don has been active in the community. Volunteering in some of his free time, Don has:

Built popular A-Frame components such as controls, physics, and loaders, and primitives within A-Frame Extras.
Answered dozens of the community’s questions on Stack Overflow and hundreds on Slack.
Contributed features to A-Frame such as support for glTF and shadows.
Helped the implementation of the glTF and glTF 2 loader on three.js which benefits the greater WebVR community.
Provided input on GitHub issues and pull requests which helps drive the direction of the project.

What can we expect? In the short term, things will be similar as Don may have already felt like a core member. We’re just making it official!

A Week of A-Frame 60

May 12, 2017

What's up with A-Frame, a WebVR framework for building virtual reality experiences, from May 5, 2017 to May 12, 2017.

The first .gov @aframevr #webvr site I've seen. Capital tour of the state of Wisconsin by Andrew London. https://t.co/9bleBNVXX2 pic.twitter.com/xIrdUvZ18e
— Kevin Ngo (@andgokevin) May 12, 2017

Import any a-painter drawing in your @aframevr scene on a single line of html. https://t.co/XNz3r8gJgl pic.twitter.com/5OYJlaiveR
— Diego (@dmarcos) May 8, 2017

This is it! Our VR Shopping Demo! Using @aframevr and #3DScanning. Has Been highly praised at CVR2017! Check it out!😎https://t.co/0d5WARGbtV pic.twitter.com/slZ2zV6ZEY
— EyexpoTech (@EyexpoTechnolo) May 9, 2017

✍️ Revamped @aframevr docs w/ new guides. Interactions/Controllers, Hosting/Publishing, Models, DevTools, Minecraft https://t.co/AxzkTVSmJj
— Kevin Ngo (@andgokevin) May 11, 2017

A Week of A-Frame 59

May 5, 2017

What's up with A-Frame, a WebVR framework for building virtual reality experiences, from Apr 28, 2017 to May 5, 2017.

Oculus touch support just landed in A-Painter, go and give it a try! https://t.co/zolRp7Emry #aframevr #webvr #OculusRift pic.twitter.com/7ff4rf550w
— Fernando Serrano (@fernandojsg) April 24, 2017

PARCO VR, an E-Commerce @aframevr site for a large chain of Japanese department stores by @tech_voyage https://t.co/t0SwhJlVcL pic.twitter.com/2OVxPAgtXm
— Kevin Ngo (@andgokevin) May 12, 2017

🇯🇵 Tokushima VR Video Festival website by Tatsuya Shirai. Being not a programmer, @aframevr hit the spot. https://t.co/kKvJFOHWmC pic.twitter.com/9RalD97GBN
— A-Frame (@aframevr) May 2, 2017

Zombie Apocalypse in @aframevr by @cyberwarfighte1's team at 24hr VR Jam. Shoot zombies from back of a moving truck. https://t.co/XEGlz2kQ6t pic.twitter.com/T6w7Kxgpn2
— Kevin Ngo (@andgokevin) May 12, 2017

A Week of A-Frame 58

Apr 28, 2017

What's up with A-Frame, a WebVR framework for building virtual reality experiences, from Apr 21, 2017 to Apr 28, 2017.

Broken Night, interactive VR film premiering at @Tribeca Film Festival. Made with @aframevr by @Opherv & Gary Weiss. https://t.co/tX8hwAA7uU pic.twitter.com/Bcb3zOQ1Hy
— A-Frame (@aframevr) April 28, 2017

@aframevr My portfolio 2017 in VR. https://t.co/MHBOgZ0s5P pic.twitter.com/620td22gyH
— Dave David Rodriguez (@davefreelance) April 26, 2017

I'm trying #webvr #aframevr with #treejs
I'm in love with low poly models 🙂 #blender pic.twitter.com/pP5Ug3tMiU
— Thomas トーマス (@Tebrosp) April 26, 2017

use alexa skill to control light in a aframe scene https://t.co/kBbKry8E2G

cc @aframevr #amazon #skill #webvr #alexa #vr #voiceui
— Aurélien Fache (@mathemagie) April 28, 2017

A Week of A-Frame 57

Apr 21, 2017

What's up with A-Frame, a WebVR framework for building virtual reality experiences, from Apr 14, 2017 to Apr 21, 2017.

Several bug fixes landed for tracked controllers. Link traversal PR work is continuing. Vive tracker support work has started, continuing to support every piece of VR hardware out there!

📺 Beginnings of WebScreenVR by @cyberwarfighte1 (Samuel Cardillo) in @aframevr #webvr. View desktop windows in VR. https://t.co/UhhUjiI6gm pic.twitter.com/ZNEAFoydjb
— A-Frame (@aframevr) April 21, 2017

📢 #MathworldVR open-sourced! Let's build it together!
➡️ https://t.co/IPY2Ceo547
📦 #React #Redux @aframevr #WebVR

With ❤️ from 🇸🇰!
— Michal Takac (@michaltakac) April 16, 2017

Minimal Augmented Reality in @aframevr in now 8 lines without comment :) #AR simplified https://t.co/UkoYNNyiQz pic.twitter.com/it3lwLiylO
— Jerome Etienne (@jerome_etienne) April 18, 2017

Working on @aframevr multi-level menu with hand controls. Featuring #redux devtools for state management! https://t.co/DseEpkBgGm pic.twitter.com/TuIfkgj0mv
— Kevin Ngo (@andgokevin) April 19, 2017

A Week of A-Frame 56

Apr 14, 2017

What's up with A-Frame, a WebVR framework for building virtual reality experiences, from Apr 7, 2017 to Apr 14, 2017.

Mix tunes among trees with people around the world in The Musical Forest, a #WebVR Experiment → https://t.co/kVaMiooQs6 pic.twitter.com/vIW17ul5CN
— Google (@Google) April 13, 2017

Augmented Reality in 10 Lines of HTML

Here is the video that goes with this post: https://t.co/NA5QYUCKSP

This seems super approachable 👌 pic.twitter.com/XSbLvwcmLz
— The Practical Dev (@ThePracticalDev) April 10, 2017

Introducing #MachinimaTesting🤖
Automated tests for @aframevr #WebVR🕸️
Using real user input🙋
Via #MotionCapture💃https://t.co/3gY7hlNGk0 pic.twitter.com/xyuuugOnDn
— Will Murphy 🔥E🌳½1⃣ (@Datatitian) April 13, 2017

🌲 Managing game state in A-Frame. Comparing vs. #redux, A-Blast, A Saturday Night. In-VR state debug & time travel. https://t.co/b3DUxYpqhJ
— A-Frame (@aframevr) April 11, 2017

Managing Application and Game State in A-Frame

Apr 11, 2017

By Kevin Ngo

Managing Application and Game State in A-Frame

The current solution now is the A-Frame State Component, which is sort of based off Redux patterns, but without all the memory issues, simpler API, and tailored for A-Frame performance.

Larger VR applications need a way of cleanly managing application or game state. Managing lots of client-side state in a non-tangled manner has been a large topic in 2D web development over the past couple of years which has given rise to libraries such as Redux. Having built several non-trivial WebVR applications, we’ll go over how we started to bring these ideas of state management into A-Frame’s DOM-based entity-component architecture.

A Week of A-Frame 55

Apr 7, 2017

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

We’re working on getting 0.6.0 released. Notably, we’ve landed Daydream and 3DoF controller support thanks to Michael Chen! From there, we’re starting on ambitious projects to lay the foundations of a Metaverse with A-Frame.

Sprocket League: our ð multiplayer demoâ½ð@LanceGG_ @aframevr @nodejs #screenshotsaturday #gamedev #indiedev #webdev https://t.co/ejeJ5u4kmo pic.twitter.com/tfQ0niX13S
— Opher Vishnia (@Opherv) April 6, 2017

More tests with glTF2.0 in @aframevr + #threejs
(Model by Alexander Drews.) pic.twitter.com/Htrmtmy9X4
— Don McCurdy (@donrmccurdy) April 2, 2017

How to do #AR on the Web in 10 lines of HTML with AR.js and @aframevr | Tutorial + example on @CodePen 😉 https://t.co/7qq0Dcjgnf pic.twitter.com/sMImR8k9jF
— Alexandra Etienne (@AndraConnect) April 6, 2017

⚡ Rapid motion-capture-powered VR development. 📼 How record & replay can reduce friction in developing w/ headsets! https://t.co/ctRTmsjbfy
— A-Frame (@aframevr) April 6, 2017

Rapid Motion-Capture-Powered VR Development

Apr 5, 2017

By Kevin Ngo

Rapid Motion-Capture-Powered VR Development

Read about the initial release of the A-Frame Motion Capture Components and A-Saturday-Night. Or head directly to the A-Frame Motion Capture Components.

On the A-Frame team, we focus our development on experimentation and innovation with the HTC Vive. But room scale VR can be cumbersome to develop. Every change to the code, we have to:

Open a web page (often running on a separate computer)
Enter VR
Put on the headset
Grab the controllers (often having to turn them back on)
Do our test run with the headset and controllers
Take off the headset and controllers and pop open the browser development tools
Restart the browser if necessary since they’re currently experimental and buggy
Repeat

Room scale VR development becomes molasses. But we’ve come up with a workflow to supercharge VR development so we can automate, develop rapidly, and on the go: A-Frame Motion Capture Components.

With the motion capture components, we can record VR actions (e.g., headset and controller movement, controller button presses), and repeatedly replay those VR actions, on any device from anywhere without a headset.

A-Frame

Blog

A Week of A-Frame 61

Don McCurdy as an A-Frame Core Developer

A Week of A-Frame 60

A Week of A-Frame 59

A Week of A-Frame 58

A Week of A-Frame 57

A Week of A-Frame 56

Managing Application and Game State in A-Frame

A Week of A-Frame 55

Rapid Motion-Capture-Powered VR Development