A Week of A-Frame 88 - 89
What's up with A-Frame, a WebVR framework for building virtual reality experiences, from Nov 24, 2017 to Dec 1, 2017.We’re proud to announce the launch of our first WebVR experience! Visit Pierre Koenig’s Case Study House 22 in full 3D on your HTC Vive, desktop, or mobile device. Check it out! https://t.co/SljvOHRnQ2#VR #webvr #aframe #threejs #losangeles #midcentury #modern #architecture pic.twitter.com/iM8AJ8DYT3
— Paragram (@ParagramVR) November 19, 2017
Interactive #WebVR cloth simulation with @aframevr and #cannonjs for @htcvive, @OculusRift, and #WindowsMRhttps://t.co/2DT0aiBdQ3 pic.twitter.com/Bj2OymbznY
— Will Murphy 🔥E🌳½1⃣ (@Datatitian) November 18, 2017
12 Years of Nectar VR experience. Interactive exhibition https://t.co/eYwO3TPGkg developed with the cool web framework @aframevr #WebVR #VR #VirtualReality #12YearsNectar pic.twitter.com/ePyIl3RUYF
— Nectar Estudio (@nectarestudio) November 22, 2017
Working with the WebXR @mozillareality team adding new features using @aframevr A-Painter in AR letting you save drawings and pin in place when loading them pic.twitter.com/mbYZ3FX7YI
— Arturo Paracuellos (@arturitu) November 20, 2017
Projects
Today in #AR #arthistory (#ARthistory? lol) I used three.ar.js & @aframevr to explore "The Ambassadors" (1533) by Hans Holbein the Younger.
— C W E R V O 0 o ° • O 0 o O O ° o O 0 O o O o O ° (@acwervo) November 29, 2017
Love getting to play with perspective & the anamorphic skull in the painting from my bedroom, w/ just my phone!https://t.co/PLq1YYFcT3 pic.twitter.com/PWYZobvOON
This month marks 1 year of me playing with @aframevr! Here's one of my early experiments; a screen that shines its light onto the audience #WebVR #lighting pic.twitter.com/5tl2GATZyN
— Pookage (@pookagehayes) November 17, 2017
Updated my local #WebVR video player with now drag&drop and 360 support https://t.co/nR7mRZBUPj
— Fabien Benetou (@utopiah) November 21, 2017
Basic but convenient to quickly check your own videos in VR. Obviously no install, just visit the link and use. pic.twitter.com/tPcbWxiAej
Here's a demo for another AR technique I'm really excited about & still working on — stacked image layers! I've always been interested in painting on stacked glass panels & this is heavily inspired by that. Made with @aframevr & three.ar.jshttps://t.co/drVjVVkxB1
— C W E R V O 0 o ° • O 0 o O O ° o O 0 O o O o O ° (@acwervo) November 29, 2017
The Never Ending Walk VR Experiment. Using @aframevr #VR
— Pedro Serapio (@PedroSerapio) November 18, 2017
Find out the source in https://t.co/Ey53Ku9tZ2
Play with it in https://t.co/2T0HyQmeLi pic.twitter.com/RQKcFGAdSr
Few days ago I hurt my shoulder resulting in a lot of pain. I have to do physical therapy. It's terribly boring, repetitive but… I thought #VR could help.
— Fabien Benetou (@utopiah) November 26, 2017
So I made KineVR, a #WebVR experience to create exercises & regularly train https://t.co/GItKeftUE7 Feel free to extend it pic.twitter.com/doIbd9IXom
Made an @aframevr + #ARjs birthday card prototype! Cake model #MadeWithBlocks by Kris Tong
— C W E R V O 0 o ° • O 0 o O O ° o O 0 O o O o O ° (@acwervo) November 18, 2017
Card: https://t.co/BCBEL6izRH
Try out the AR bday message over here: https://t.co/HDm1Wkh7hW pic.twitter.com/wdDtq3TcLV
Took the #threejs SkinnedMesh example and made a fun little @aframevr component to generate & animate this little skinned cylinder + skeleton :)
— C W E R V O 0 o ° • O 0 o O O ° o O 0 O o O o O ° (@acwervo) November 30, 2017
example: https://t.co/hf69m2jkaL (view-source to see the component!) pic.twitter.com/Gr67hEgjKK
The stuff you can do using only declarative markup & some Cannon.js physics using @aframevr is mind blowing
— C W E R V O 0 o ° • O 0 o O O ° o O 0 O o O o O ° (@acwervo) November 27, 2017
(I love this GIF because a yellow block comes flying toward the camera, couldn't have asked for a better capture of a simulation tbh)https://t.co/zKUXJqAuHx pic.twitter.com/XIgF05hccH
Made my mom an AR card for her birthday (which is today 🎉) using @aframevr & #ARjs! pic.twitter.com/7Uz7dg6IZZ
— C W E R V O 0 o ° • O 0 o O O ° o O 0 O o O o O ° (@acwervo) November 27, 2017
Combined both of my @aframevr + three.ar.js ocean demos into a little video 🌊 V inspired to take this and run with the concept of discrete AR soundscapes co-existing :)https://t.co/vVrVovMV3e
— C W E R V O 0 o ° • O 0 o O O ° o O 0 O o O o O ° (@acwervo) November 27, 2017
Day 18 of #VR: Working on my next #aframevr creation, A Day in Paris. Figuring out how to create scenes in A-Frame while also having much Paris nostalgia. pic.twitter.com/3UVNk67jlC
— Lynn Fay (@elsieanimates) November 26, 2017
I made an @aframevr + three.ar.js underwater scene! With sound! 🌊
— C W E R V O 0 o ° • O 0 o O O ° o O 0 O o O o O ° (@acwervo) November 26, 2017
✨
Splashing sounds above the 🌊, ambient underwater sounds below. Take a listen with the video below or you can try out the demo at https://t.co/qSsd8C30wr (if you have the WebARonAR(Kit|Core) browser) pic.twitter.com/3NdLlJ9Qkp
I made this surreal three.ar.js @aframevr scene designed with low lighting & blue + red lights.
— C W E R V O 0 o ° • O 0 o O O ° o O 0 O o O o O ° (@acwervo) November 26, 2017
It's super interesting to see that it works in this lowlight café. Also, whenever I tap, I'm generating new "train track" geometry along curves. pic.twitter.com/6KrRvUfqIg
Some @aframevr #ARKit three.ar.js cubes to start the day pic.twitter.com/YjqAn9EJma
— C W E R V O 0 o ° • O 0 o O O ° o O 0 O o O o O ° (@acwervo) November 25, 2017
Components
Using a navmesh to constrain first-person movement. #threejs version up, @aframevr bindings coming soon.https://t.co/DDwEWD795r pic.twitter.com/Js2CQEtX17
— Don McCurdy (@donrmccurdy) November 25, 2017
Created a multi-video component for @aframevr to help to optimize and reduce lagging while loading and playing video textures on multiple geometries in a #webVR scene. https://t.co/0bB7Lg5OWT #gearvr pic.twitter.com/mDbQKFo5cB
— Ɉørđāп Ƨħⱥω (@jshaw3) November 23, 2017
Articles
“10 Rules of Using Fonts in Virtual Reality” by @V_Kurbatov https://t.co/KYuCY1Cfkf
— Chris MacPherson (@ChrisMacSEA) November 28, 2017
Special VR Experience for testing or just for fun. Pick up your Google cardboard. #aframe #VRhttps://t.co/4Fb4BdmmxC
— Pedro Serapio (@PedroSerapio) November 11, 2017
Events
3 events in 1 week (!!) promoting an open #VirtualReality ecosystem through #webvr & @aframevr at @sunnyvalelib @QConSF and @srvef_Imagineer #EdTechConnect. Amazing turnout and excitement from young & old, devs & noobs at the potential of #OpenSource immersive media. pic.twitter.com/QiNWTNUA06
— Kieran Farr (@kfarr) November 19, 2017
The brave @dmarcos live coding on glitch.me shows how easy it is to create with @aframevr pic.twitter.com/j0RZoumLHy
— Xavier Ho 🏹 🔜 ✈️ OzViz 2017 (@Xavier_Ho) November 29, 2017
Favorite moment this week: class full of students & educators proudly showing off their @aframevr #webvr scene made in 30 min using only @glitch, their laptop web browser, and a dose of creativity at @srvef_Imagineer #EdTechConnect using this lesson plan: https://t.co/1XF57Eumkp pic.twitter.com/eVwZPOxEJP
— Kieran Farr (@kfarr) November 19, 2017
@steviemayhew talks again… 5 minute lightning talk on @aframevr. Take your imagination out of your head and put it on someone else's head! #StripeConNZ
— PapaBear (@PapaBearNZ) November 24, 2017
Live coding demo with @aframevr #BBCUXCrunch @theuxcrunch pic.twitter.com/6lIuFEhxxi
— Rick Threlfall (@rick_threlfall) November 21, 2017
.@aframevr live coding session during @salad_milk_soup talk on #WebVR pic.twitter.com/7X8GxtE5zb
— Salva (@salvadelapuente) November 24, 2017
Miscellaneous
For those a bit wilder 🤠 You can now directly manipulate position, rotation and scale of the object3D associated to an @aframevr entity. :https://t.co/88QVFGBhKw
— Diego (@dmarcos) November 21, 2017
For #threejs #webvr/@aframevr apps, use
— Kevin Ngo (@andgokevin) November 17, 2017renderer.setTexture2D(texture, 0)to preload all textures up front. Uploading textures to GPU at runtime causes heavy frame drops.
Look at this @aframevr - @mavoweb demo @karger and I made!https://t.co/tg1XUx528a
— Lea Verou (@LeaVerou) November 22, 2017
Web Components + Mavo = A match made in heaven :)