A Week of A-Frame 101 - 104
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
Projects
I love making music + WebVR with @aframevr. My next project is a VR music video for one of my songs that you can walk around in, interact with, and enjoy w/ friends using @HaydenLee37's networked a-frame component. Super early experiments here with audio analysis. #webxr #webvr pic.twitter.com/6AGJGazI9G
— Gabriel Baker (@gabrieljbaker) March 9, 2018
Building an app with @aframevr and #arjs has been nothing short of a blast. Custom markers, models, materials, and animations, all with just a few tags. pic.twitter.com/C6lzRPgR3C
— Andrew Schmelyun (@aschmelyun) March 6, 2018
Coming soon to a browser near you@mozillareality @aframevr https://t.co/HBrUGgNBGB
— Kevin Lee @ GDC (@infinite_lee) March 14, 2018
built with networked-aframe, aframe-physics-system, and super-hands pic.twitter.com/jPkS8b9DrU
Most of my (introductory) workshop on @aframevr and @webpack ready https://t.co/cscssadeFi With foggy robots and more!!! pic.twitter.com/U9Rt30LjSt
— JM Gonzalez-Barahona (@jgbarah) March 19, 2018
Pushed part 3, all about physics. One of the best parts in a chess game: kicking everything around 😼 #WebVR with @aframevr; #cannonjs has a hard time wrapping my objects into shapes though. https://t.co/8tkHxiY0k1 pic.twitter.com/9exfiKUen8
— Sylvain Yvon (@syvo) February 25, 2018
Tried my hand at the #CodePenChallenge. An @aframevr Stargate that will transport you to another world! (Click the pink thing)https://t.co/Tew8eEoph7
— Dave Rupert (@davatron5000) March 8, 2018
Things I struggled with:
1. Lighting
2. Thumbnails for <a-link>, even with aframe screenshots
Playing around with using @aframevr to visualize 2D fitness landscapes for the @GECCO2018 niching competition, and it's surprisingly easy! So excited to try looking at this with a VR headset! https://t.co/9RaRKDG3NY
— Emily Dolson (@emilyldolson) March 13, 2018
🔥 An edition of the Supermedium newsletter! Steam launch, search bar, developer panel, and fresh content. Lots of VR users from Steam now trying #webvr for the first time. Search and visit thousands of VR sites!https://t.co/X30L6gH76O pic.twitter.com/gmzaB6Zb9G
— Supermedium (@supermediumvr) March 9, 2018
Components
Spent yesterday working on a parent-constraint component for @aframevr so I can side-step messing with scene hierarchy when desired. Fun to dive deep into matrices again to make it work :) Love that we can easily access #threejs Example here: https://t.co/vnlby0ZiK1 pic.twitter.com/sz92Vyn3dv
— Anthony Scavarelli (@PlumCantaloupe) March 19, 2018
Perf update to @aframevr animation component. Skip setAttribute overhead for color animations. Animate directly.
— Kevin Ngo (@andgokevin) March 11, 2018
animation="property: components.text.material.uniforms.color.value; isRawProperty: true; from: red; to: blue; type: color"https://t.co/T1tGyFbfPt
Updated @aframevr animation component to be able to animate any value directly, skipping setAttribute + component update perf overhead. `animation="property: components.material.material.opacity; isRawProperty: true; to: 0"` https://t.co/nzlQVTdTKN
— Kevin Ngo (@andgokevin) March 2, 2018
Made a simple @aframevr component for cascading opacity to children entities (like in css where the parent opacity applies to the children): https://t.co/sVRkOCLaDy pic.twitter.com/Sm4c4Dl1AU
— Noam Almosnino (@NoamAlmosnino) March 2, 2018
The beginning stages of a cathedral I'm building in WebVR with @aframevr 🙏 pic.twitter.com/vn8FyGygFM
— Joe Strouth (@joestrouth1) March 12, 2018
Articles
Building something immersive does not necessarily mean it has to be realistic! @joshmarinacci in his two-part series shows how to build a low-poly immersive VR experience! https://t.co/3L9Yp3QY9q
— Mozilla Hacks (@mozhacks) March 7, 2018
Events
Yay @aframevr meet-up, with a @supermediumvr presentation.
— Thomas Balouet 🧐GDC🤩 (@thomasbalou) March 10, 2018
It's been 3 years, it still feels surreal to see people on stage with a headset pic.twitter.com/un4l7U5oyX
A-Frame NYC Meetup Kickoff workshop #aframe #webvr #aframevr #webxr #aframenyc https://t.co/1iuofyIRJH pic.twitter.com/21A92hv7D1
— Roland Dubois (@rolanddubois) March 1, 2018
Houseful of attendees working with @aframevr. Trying a #VR scene in their github repo, a WoMoz Sprint in #Dhirajzilla #WoMozTN @mozillaTN @MozillaIN @WoMozilla @mozillavr pic.twitter.com/1OO2ESwBDq
— Fahima Zulfath Akbar (@FahimaZulfath) March 6, 2018
We are teaching @aframevr at the @publicvrlab in #Boston again! Build on the foundation and make your #WebVR do more! https://t.co/pxm1bla2eZ
— Fasility LLC (@Fasility_VR) March 15, 2018
Experiments tried out by the attendees which I admired @aframevr @mozillaTN @mozilla @WebVRrocks @mozillareality @MozillaIN pic.twitter.com/nMomvgHc3F
— Bhuvana Meenakshi (@bhuvanakotees1) March 17, 2018
Learning about @aframevr for #webvr thanks to @RobWebDev at #energizedlabs #meetup @energizedwork pic.twitter.com/ojSsXtghCb
— Marcello Teodori (@magomarcelo) March 21, 2018
@supermediumvr at the #WebXR meetup NYC pic.twitter.com/xXOgnADfAk
— Roland Dubois (@rolanddubois) March 13, 2018
ð¨âð©âð§âð¦ Meetup announced #webvr @aframevr for Bay Area on Friday, March 2nd, 6PM. https://t.co/z0VL3R3kWe - Come show & tell, chat and hang out, and try out VR demos in headsets!
— Kevin Ngo (@andgokevin) February 27, 2018
Miscellaneous
Shipped some @aframevr Inspector updates. Camera no longer gets in the way of selecting entities, pos/rot/scale updates fixed for master branch, 🔍 @AdamAlexandr's work on pressing `f` to focus on an entity. pic.twitter.com/aXCEILnTYm
— Kevin Ngo (@andgokevin) March 3, 2018
here's some of the basic maths of my new collision detection project for @aframevr. it's still in conceptual phase but I think it has a lot of potential.
— Jordan_c (@minake_c2) March 14, 2018
I love maths 😙 pic.twitter.com/ESX5ND5fYC
#screenshotsaturday Got a nice workflow going to use #unity3d assets in @aframevr and ThreeJS. Choose a mesh inside Unity, click a button to quickly import to Blender, and then another to quickly export the scene to gltf. Then webpack hot reloads the page! pic.twitter.com/kzQgyppO2j
— Adam Alexander (@AdamAlexandr) March 11, 2018
Want to measure your WebVR performance? Iâve been using the Oculus Debug Tool (https://t.co/EJ2vyvSgx5) and discovered our @supermediumvr animations dropping frames. You can visually step through frames to see exactly where the problem is. Iâm now an adict to profiling ð pic.twitter.com/MGKu9D91s1
— Diego (@dmarcos) February 28, 2018
A dead simple service worker template for caching assets, particularly useful for #webvr. Download the JS file, add paths of files to an array you want to cache, register, and drop it in your site. https://t.co/c4tAhgs3y0
— Kevin Ngo (@andgokevin) February 28, 2018