A Week of A-Frame 43
What's up with A-Frame, a WebVR framework for building virtual reality experiences, from Jan 6, 2017 to Jan 13, 2017.We wrote three new guides for the A-Frame documentation. We automated GitHub repository builds with our new friend, A-Frobot. Meetups and events spawning around the world. The Inspector was updated, and our super secret cool demo will be released soon!
We ran our first official A-Frame Bay Area Meetup. We had a Vive in the middle of the Mozilla San Francisco community space. People came up to show off Vive demos such as A-Painter, @iamnayr‘s Kubernetes VR, VR d3.js snippets on @enjalot’s blockbuilder.org, @datatitian’s super-hands component, and @superhoge’s MMD model + deferred rendering + instancing demos.
One of the coolest demos yet was @kfarr’s City Builder. He placed neighborhoods and streets that snapped themselves to the grid, and he added aliens and narrated an extraterrestial attack in seconds. Complete with a VR UI from the Vive touchpad to choose between models to place.
Want to run recurring meetup in your local area? Let us know so we can keep the A-Flame going!
aframe-city-builder
— Micah Stubbs (@micahstubbs) January 12, 2017
(found a Vive demo link!)
👷 @kfarr
🛣️ #aframevr 🏗️ #roomScale 🏘️ #webvr 🏡
🔗 https://t.co/16tFtykHU9 pic.twitter.com/4fvVqOt2Eq
Ready Player One? Tons of playable @aframevr classic arcade with Vive + Touch in one room.
— Kevin Ngo (@andgokevin) January 13, 2017
👤 Made by @machenmusik
🔗 https://t.co/VKwDuCY682 pic.twitter.com/Hx6yVXT8Xt
Winter project finished! Viewing and sharing stereo panoramas with @aframevr and #threejs https://t.co/TRKxQFPYjB pic.twitter.com/FAVZ55K0Ls
— Ben Pyrik (@bryik_ws) January 7, 2017
Taking @aframevr animation component for a spin 🍭
— Kevin Ngo (@andgokevin) January 13, 2017
👤 Philip Bell https://t.co/qZ0vtx1FMz
🐙 https://t.co/u9tTk6Gqh1
🔗 https://t.co/U4PmcerjMC pic.twitter.com/K3OcqGqaib
Projects
Architectural visualization with compass and movement tracking #WebVR @aframevr (black walls b'cuz unsupported VRay materials) pic.twitter.com/30SayFxmdS
— Michal Takac (@michaltakac) January 10, 2017
“A piece of Art as big as India” — @JoelGethinLewis puts @aframevr to the test, wraps the sky in virtual silk. ⛅ https://t.co/OWUsBk7vr5 pic.twitter.com/yi4AyTZ6ND
— Mozilla Hacks (@mozhacks) January 11, 2017
took a little longer than I expected. But, got some #voxels in an @aframevr scene running on github. #webVR #VR https://t.co/1OnTt270cS pic.twitter.com/ryotw3wPdi
— Kirk (@theVRPM) January 8, 2017
Video of WebVR in the GearVR pic.twitter.com/q8feIkTk6d
— Ada Rose 💜🌍 (@Lady_Ada_King) December 30, 2016
Meet a VR panorama maker made by us, powered by @aframevr https://t.co/Yr13JuJZ9g pic.twitter.com/0GPhJuSTwo
— Fora Soft (@forasoft) January 11, 2017
Hello, worlds! Work in progress: my #WebVR project to learn more about #planets in #VR. Built with #aframevr. pic.twitter.com/PZLfRvozwU
— Maud Nalpas (@maudnals) January 12, 2017
How we’re doing html embedded on an a-billboard, with a cdata: pic.twitter.com/tNaSVwXNkO
— Scene VR (@scenevr) January 12, 2017
Using #aframevr and #WebVR, you can look around and play games from the Internet Arcade! https://t.co/HtPOeAMxp7
— M Chen (@machenmusik) January 7, 2017
Theremin with Tone.js by @shaundunne
Components
I've published a border component for aframe:… https://t.co/5V6mRHtnVW
— mitchallen (@mitchallen) January 13, 2017
👐super-hands: natural hand interactions for @aframevr! 🖐️hover, ✊grab, 🤛🤜stretch, and 👉👇drag-drop in #WebVR
— William Murphy (@Datatitian) January 10, 2017
🚀https://t.co/jXDAiIoirb pic.twitter.com/DP363dxMIT
Video trailer for my aframe-maze-component demo located at: https://t.co/KYWoMED51z #maze… https://t.co/cSlePuAaqa
— mitchallen (@mitchallen) January 8, 2017
I found an @aframevr component for working with the touch pad on Samsung Internet for GearVR!! @samsunginternet https://t.co/f1mSli9CCc
— Ada Rose 💜🌍 (@Lady_Ada_King) January 13, 2017
this may be useful to #aframevr developers... https://t.co/KntRWeqFhw
— M Chen (@machenmusik) December 27, 2016
Quick maintenance on @aframevr animation component. Start/stop/pause/resume events + delays work. TY Philip Bell. https://t.co/uZyLVWg4gi
— Kevin Ngo (@andgokevin) January 12, 2017
Events
We've started an @aframevr + #WebVR meetup group 👥! There'll be a meetup this week in the Bay Area 🌁. https://t.co/W5l3JRHLqQ
— A-Frame (@aframevr) January 8, 2017
Still time to register for our #WebVR Workshop tomorrow 1/12 6:30pm @bchirls is teaching @aframevr @nymediacenter https://t.co/x3jpvW1g24
— Debra Anderson (@debraeanderson) January 11, 2017
Someone trying out a-painter by @aframevr @andgokevin
— Jonathan Z. White (@JonathanZWhite) January 12, 2017
"This is the coolest experience I've seen so far" pic.twitter.com/FHUYrfu7V6
Mozilla India
Yesterday this student took information on @aframevr and today he approached to us and showing what he made #MozVr #MozillaAtMF17 @MozillaIN pic.twitter.com/an72zUEM5U
— Kamlesh Vilpura (@Kvilpura) January 8, 2017
We are already meeting many students here at #MakerFest2017 Please meet us at Stall No. 52! #WebVR #MozillaAtMF17 @andgokevin @aframevr pic.twitter.com/5IwWPDbxhW
— Mozilla Gujarat (@mozguj) January 7, 2017
@mdsbzalam Demonstrates Spacelamb Game on #MozVr to student 😁 @MozillaIN #MozillaAtMF17 looks very interesting @aframevr pic.twitter.com/ukXyGBoTRW
— Kamlesh Vilpura (@Kvilpura) January 7, 2017
People exploring #webvr at #MozAtMF17 @ram_gurumukhi @andgokevin @aframevr #WebVRIndia @rowdymehul @MozillaIN pic.twitter.com/wUxSrjj3zM
— Md Shahbaz Alam (@mdsbzalam) January 7, 2017
@mdsbzalam is talking about #Aframe & #WebVR with people and everyone wants to interact with him. #MozillaAtMF17 @andgokevin @aframevr pic.twitter.com/JJifhl8GXB
— Mozilla Gujarat (@mozguj) January 8, 2017
A-Frame Bay Area Meetup
SF meetup for @aframevr. 30 people showed up with only a couple days notice. Cool demos, we'll make it monthly! https://t.co/oAvb7YVPoF pic.twitter.com/Wdc5qFPDqI
— Kevin Ngo (@andgokevin) January 12, 2017
I've shown the demos of components I made at A-Frame meetup @ Mozilla SF yday :D https://t.co/mW7MhABjjE #aframevr #threejs #vr #webvr pic.twitter.com/k6cKos4nIf
— takahiro(John Smith) (@superhoge) January 12, 2017
@andgokevin building snowmen in #VR #aframe #mozilla #WebVR #apainter pic.twitter.com/HKfRyF1YrP
— Infinite Studio (@hundredcreative) January 12, 2017
now @kfarr showing us#aframevr city builderhttps://t.co/xnrYdX9U0j pic.twitter.com/LRmtyME2eb
— Micah Stubbs (@micahstubbs) January 12, 2017
now @iamnayr showing #Kubernetes VR ✨ #aframevr #sf #meetuphttps://t.co/mc2kvAUvle pic.twitter.com/ZObGhf62dv
— Micah Stubbs (@micahstubbs) January 12, 2017
#aframevr's own @andgokevin showing
— Micah Stubbs (@micahstubbs) January 12, 2017
the new aframe-super-hands component
👐 @Datatitian ◽⬛ ◻️https://t.co/NRn5pVm57r pic.twitter.com/ij5BF8G4jH
room full of bl.ocks! @micahstubbs showing off an @aframevr #d3js demo at @mozilla pic.twitter.com/59U0oD0JfP
— Ian Johnson (@enjalot) January 12, 2017
London Web Perf
WebVR talk in WebVR @LDNWebPerf @Lady_Ada_King pic.twitter.com/7H6J6G8lM6
— kyaw tun sein (@kyawtunsein) January 10, 2017
A multi-user virtual reality environment created using HTML by applying the @aframevr framework #ldnwebperf #vr pic.twitter.com/UsDHFIm7zp
— Jeremy Dalton (@jeremycdalton) January 10, 2017
My talk notes on @aframevr from @LDNWebPerf https://t.co/vhFxHeoPah
— Ada Rose 💜🌍 (@Lady_Ada_King) January 10, 2017
Last tweet of the night - a last thanks to all that attended and helped to make the day for @Lady_Ada_King pic.twitter.com/yEoqfRkZD4
— London Web Perf (@LDNWebPerf) January 10, 2017
WebVR working great, @Lady_Ada_King doing her talk from within a VR experience now @LDNWebPerf WOW pic.twitter.com/J99rQfngR5
— Jonathan Fielding (@JonthanFielding) January 10, 2017
Video and presentation notes from the WebVR talk from @Lady_Ada_King now available at https://t.co/iy1zEkKhT6
— London Web Perf (@LDNWebPerf) January 11, 2017
Unbelievable massively multiuser #WebVR telepresence demo at @Lady_Ada_King's @LDNWebPerf. Madness! pic.twitter.com/susUqmviva
— Daniel Appelquist (@torgo) January 10, 2017
Articles
Wrote new @aframevr guide for the docs: "Using JavaScript and DOM APIs". Queries, scene/entity manipulation, events! https://t.co/MP6ZweeVeQ pic.twitter.com/RjUPyjuN69
— Kevin Ngo (@andgokevin) January 7, 2017
Wrote new "Using with three.js" guide. For those coming from three.js who want to know how to interop with @aframevr https://t.co/7pg4xOMDj4
— Kevin Ngo (@andgokevin) January 7, 2017
New guide for @aframevr! My magnum opus: "Writing a Component". Mysteries and shocking truths revealed... #webvr https://t.co/IWF108ONpS pic.twitter.com/GU2mMkAQXD
— Kevin Ngo (@andgokevin) January 10, 2017
Miscellaneous
My favourite tool for teaching kids to program right now is @aframevr. Never seen such engagement & tinkering since @scratch! #webvr
— Yasin Siddiqui (@yasinsiddiqui) January 10, 2017
@ExcelMke @aframevr that's just how awesome and easy A-Frame is. I started with zero Javascript or 3d graphics experience 6 weeks ago.
— William Murphy (@Datatitian) January 10, 2017
But *WHY* should you learn @aframevr if you ALREADY know #threejs? To efficiently share&use components! Cf community https://t.co/mbXJ3ZYDuJ https://t.co/Y4PdrSyUut
— Fabien Benetou (@utopiah) January 11, 2017
🤖 A-Frobot will now host @aframevr examples with always the latest commit on master. Builds now log commit + date. https://t.co/1Byc6x0S0X pic.twitter.com/Jv4GHmXMVi
— Kevin Ngo (@andgokevin) January 13, 2017
✅ Automated documentation deployment by A-Frobot 🤖, now on AWS. https://t.co/I31oVQNcaG
— Kevin Ngo (@andgokevin) January 13, 2017