Blog

A Week of A-Frame 26

Have you played with v0.3.0 and the Vive yet? Have you pressed <ctrl> + <alt> + i on any scene running v0.3.0 yet? Enjoy!

Projects

• lady_ada_king built Track —

  Zooming on the track with the ocean water reflecting the sunset sky. (code)

• thedimensionlab built AaMAZE Music Festival —

  Fully responsive official VR website for the AaMAZE music festival in Denmark featuring a music area to preview all the musicians, 360° photos of the venue, a sunset beach, and a menu to navigate between them all.

• dazappa built Heart —

  An educating and interactive tour of the heart. But a life is at stake.

• tincho_for_ever built Miradas 360 —

  360° experiences created by media production teams. (code)

• hapyakvideo built Interactive 360° Videos —

  Upload and edit 360° interactive videos by overlaying DOM elements.

• if1live built Unity Exporter to A-Frame —

  Export Unity scenes to three.js or A-Frame with lightmapping.

• Hauke Brinkmann built WordPress Template —

  WordPress template that displays the four most recent posts in VR.

• bryik_ws built Web Speech API Test —

  A demo of the Speech Recognition API to change object colors.

• Eric Dougherty built Apollo 11 Scan —

  View the inside of the Apollo 11 Command Module, thanks to the National Air and Space Museum.

• tizzlefoshizzle built Orbit Controls Component —

  Allow desktop users to rotate the camera around an object.

• trysmudford built Olympic Rings —

  A-Frame gets the gold at Rio 2016.

• tizzlefoshizzle built Sprite Component —

  Creates bitmap images that always faces the camera.

• scottsingercg built Covo —

  Architectural visualization with baked global illumination.

• davatron5000 built Humanity —

  Day 8 of Dave’s 30 Days of WebVR.

Media

• armthethinker

  posted user research findings on

  Head-Tracked Transformations: How do you look behind an object in VR if you can’t walk around it?

• lady_ada_king

  wrote about

  porting a water shader to A-Frame for the Track demo and improving the standard shader.

• andgokevin

  started

  the official A-Frame presentation kit.

• hapyakvideo

  wrote about

  interactive 360° videos by overlaying DOM elements and live editing 360 videos.

• trysmudford

  wrote about getting started with A-Frame by

  building the Olympic rings.

• misslivirose

  talked about WebVR and A-Frame

  WebVR and A-Frame at JSConf Iceland 2016.

• Eric Dougherty

  presented

  WebVR: Virtual Reality on Web Pages.

• SonarSystems

  recorded

  A-Frame WebVR Tutorial 4 - Textures.

• SonarSystems

  recorded

  A-Frame WebVR Tutorial 5 - Animations.

• SonarSystems

  recorded

  A-Frame WebVR Tutorial 6 - Interacting with Objects.

• SonarSystems

  recorded

  A-Frame WebVR Tutorial 6 - Lighting.

• SonarSystems

  recorded

  A-Frame WebVR Tutorial 8 - Skybox.

• SonarSystems

  recorded

  A-Frame WebVR Tutorial 9 - Model Loading.

• SonarSystems

  recorded

  A-Frame WebVR Tutorial 10 - Image.

• SonarSystems

  recorded

  A-Frame WebVR Tutorial 11 - Curved Image.

• SonarSystems

  recorded

  A-Frame WebVR Tutorial 12 - Video.

• SonarSystems

  recorded

  A-Frame WebVR Tutorial 13 - Video Sphere.

• SonarSystems

  recorded

  A-Frame WebVR Tutorial 14 - Plane.

• SonarSystems

  recorded

  A-Frame WebVR Tutorial 15 - OBJ Loading.

Contributions

• lady_ada_king added

  properties to the standard material for spherical environment, displacement, normal, and ambient occlusion maps.

• andgokevin improved

  performance by removing a Function.bind call on each frame.

• andgokevin fixed

  iOS Safari sizing issues by reducing buffer scale for under iOS 10.

• dmarcos added

  the <ctrl> + <alt> + i shortcut to inject the Inspector.

• donrmccurdy added

  support for non-QWERTY layouts in wasd-controls (e.g., ZQSD, Dvorak).

• donrmccurdy fixed

  bundling with Browserify when installed through npm.

• andgokevin fixed

  camera.userHeight not being applied on mobile.

• davidwalshblog improved

  performance of Function.bind calls.

• dmarcos fixed

  embedded scenes on mobile.

• andgokevin improved

  TravisCI build speeds by caching node_modules.

• andgokevin fixed

  wasd-controls within <iframe>s.

• dmarcos fixed

  error causing parentNode to be null.

• mkungla fixed

  mixed line endings from Unix vs. Windows by configuring .gitattributes.

• davidwalshblog added

  unit tests for the Inspector shortcut.

• davidwalshblog improved

  warnings for the src property type.

• davidwalshblog made

  coding style consistent for object literals.