A Week of A-Frame 91
What's up with A-Frame, a WebVR framework for building virtual reality experiences, from Dec 8, 2017 to Dec 15, 2017.A 360 immersive piece that follows a water droplet through their migration journey. https://t.co/h34ldckCnN
— CultureStrike (@CultureStrike) December 13, 2017
⏰ Published an Animation Timeline component for @aframevr! Define + orchestrate sequential animation timelines all from HTML. Happy holidays 🎅🏻 https://t.co/N0SOSPNNiW pic.twitter.com/ogQaneXpbC
— Kevin Ngo (@andgokevin) December 16, 2017
Check out my #strangerthings #webvr experience. Clicking the lights in VR activates the lights on the physical wall here in the real world.https://t.co/a4jZDnPkc9
— Green Giant (@GreenGiant83) December 10, 2017
🎂 Happy second birthday to our little baby @aframevr! We look forward to continuing to be a part of your childhood and watching you grow up.
— Kevin Ngo (@andgokevin) December 16, 2017
Projects
One of my favorite things about #VR development with @aframevr is the blank slate for user interface design. There are no standards or expectations in a brand new medium. Here, I'm re-imagining the select list in way that would have made Bob Barker proud pic.twitter.com/ckWpQ8xE1u
— Will Murphy 🔥E🌳½1⃣ (@Datatitian) December 11, 2017
My latest creation: CUVOID, a game in only 100 lines of code working in mobiles and computers. Made with @aframevr. Try it at https://t.co/CO6YjlPRZe #aframe #webvr #threejs pic.twitter.com/VHzew0pwPN
— Asier Arranz (@asierarranz) December 15, 2017
Casually moving around a huge avocado and google poly models in a multi-user WebVR project I'm building for @WorldViz_EDU + @edorble. Pal is on mac, I'm on cardboard, and soon someone joins in a Vive. Combines components from @HaydenLee37 @Datatitian and @utopiah. @aframevr pic.twitter.com/I1jHulZQj8
— Gabriel Baker (@gabrieljbaker) December 12, 2017
New #WebVR project is up at https://t.co/j9Lt0JiWox. This is a prototype for a 360 mobile game. UI is attached to the camera allowing you to gaze all around you and send these little cuties back home! built with @aframevr #VR pic.twitter.com/74cd78LHo0
— Vishnu Ganti (@vishnuganti) December 12, 2017
Time for a quick update on #3December. Day 10: simple cloth simulation with #CANNONjs and @aframevr. #WebVR #physics https://t.co/BBnHmU8xKB
— Álvaro Casado (@alvarocasadoc) December 10, 2017
Inspired by: https://t.co/xkzWcTOD2P pic.twitter.com/CL6D0PkIad
So I woke up with this idea in my mind... animating animated nested entities.#AFrameVR #WebVR #VR #UXofVR #Webdesign pic.twitter.com/eEIJB1tMWL
— theDart76 (@theDart76) December 9, 2017
Time to play with more components! Today, @aframevr effects by wizgrav. #WebVR #3Decemberhttps://t.co/joBdcQ3MC5 pic.twitter.com/q9xSwpiJY6
— Álvaro Casado (@alvarocasadoc) December 13, 2017
Clapping to make tori bounce inside this box. You can try it out at: https://t.co/zOocx5FpZz pic.twitter.com/z1wvrYOejL
— C W E R V O 0 o ° • O 0 o O O ° o O 0 O o O o O ° (@acwervo) December 12, 2017
Day 11 of #3December and @_Laugom's birthday! So I've decided to build a simple #WebVR gallery for her photos with @aframevr 🎉https://t.co/eUQY4WeaDh pic.twitter.com/GbCtZi0i2T
— Álvaro Casado (@alvarocasadoc) December 11, 2017
Having an amazing time experimenting with bloom & glitch filters in an @aframevr VR/AR scene (background pass through enabled/disabled via the post-processing filtering)
— C W E R V O 0 o ° • O 0 o O O ° o O 0 O o O o O ° (@acwervo) December 11, 2017
Here it is using three.ar.js as an AR backend.https://t.co/LmqwSZHWgT pic.twitter.com/Rg0P9pmrSf
A pretty @aframevr circle of animating cubes :)https://t.co/e2UJdZaxlT pic.twitter.com/wz3jpkMwSA
— C W E R V O 0 o ° • O 0 o O O ° o O 0 O o O o O ° (@acwervo) December 9, 2017
https://t.co/AiromlMWtt - an experimental @aframevr UI element based on @donrmccurdy's aframe-physics-system's point to point constraints #WebVR #VR https://t.co/HX2FUKe4pV pic.twitter.com/DAeUbY6sS3
— JΞRΛD BITNΞR (@sirkitree) December 12, 2017
Blocking out my bedroom in @aframevr to make re-arranging furniture a digital experiment rather than an exhausting physical one, haha #WebVR #threejs #aframe pic.twitter.com/nRqsPSp99g
— Pookage (@pookagehayes) December 10, 2017
Working on a demo that combines a lot of things using @aframevr & three.ar.js:
— C W E R V O 0 o ° • O 0 o O O ° o O 0 O o O o O ° (@acwervo) December 14, 2017
- AR ↔️ VR transition in the same scene
- camera effects (an intentional glitch effect shader)
- triggering events based on location of viewer's phone relative to the originhttps://t.co/ZyyF5wLIkJ pic.twitter.com/M3BjS9PYTr
Working on one of the most interesting @aframevr demos I've done in a while. pic.twitter.com/bJR6Fc5eml
— C W E R V O 0 o ° • O 0 o O O ° o O 0 O o O o O ° (@acwervo) December 13, 2017
Made a normal & diffuse map for this portrait of Ada Lovelace and put it up in a three.ar.js + @aframevr scene! Threw in some lighting and it made a really interesting, almost embossed, effect on one side!https://t.co/RrmfqgAzfk
— C W E R V O 0 o ° • O 0 o O O ° o O 0 O o O o O ° (@acwervo) December 14, 2017
Components
🏇🏽 Published v4 of @aframevr animation component. Upgraded to #animejs v2. Much faster tweening of pos/rot/scale making use of recent @aframevr perf hooks. Use over <a-animation>. https://t.co/nPSVQEyhGh
— Kevin Ngo (@andgokevin) December 14, 2017
Day 14 of #3December! Today I've made a simple @aframevr component for clicktorelease's #THREEjs vertex displacement shader!!! #WebVRhttps://t.co/X3RFzlc5J4 pic.twitter.com/SwNQUgJII9
— Álvaro Casado (@alvarocasadoc) December 14, 2017
@aframevr Bringing "responsive" to WebVR. Based on the connected controller, the responsive component will dynamically set your components accordingly. https://t.co/6YxsJJbVqd pic.twitter.com/e8ThFpDMdN
— Pardo Lab (@pardolab) December 10, 2017
Making lot of components for an @aframevr app and want to save 20 seconds from typing out the boilerplate each time? `angle initlocalcomponent my-component` -> my-component.js https://t.co/WIyqspJ29j
— Kevin Ngo (@andgokevin) December 15, 2017
Today I've used @aframevr as a ECS wrapper for #THREEjs and I've written a simple component for measuring distances on a meshhttps://t.co/YsxG60R2j0 pic.twitter.com/IPUEudx2ys
— Álvaro Casado (@alvarocasadoc) December 15, 2017
Articles
Events
I want to create #VR content in VR but make it as fun as playing with Legos!
— Fabien Benetou ✈️🇺🇸Austin (@utopiah) December 14, 2017
Slides, demo & Github https://t.co/auZDZ3rTd9 of the @AFrameVR Block-based in-#VR "editor" just showed at #yAllHands
(thanks for the pics ;) https://t.co/NHT9QcJgiA
Offline T-Rex VR Game by @malweene, @anialdam, @salad_milk_soup, me powered by @aframevr, created in the #WebVRContent17 event 🦖🎮https://t.co/9t05Z9Zcry pic.twitter.com/p7CpdH3z0b
— Uri Shaked (@UriShaked) December 10, 2017
Some of the best tinkerers yesterday evening during Austin #WebVR Meetup, playing with @aframevr to help her younger sister learn faster (with super dad supervision!) pic.twitter.com/DzZqJgYqBT
— Fabien Benetou ✈️🇺🇸Austin (@utopiah) December 13, 2017
Miscellaneous
To keep my @aframevr HTML organized, I template HTML with Nunjucks. Splitting HTML chunks to different files, looping through data structures, debug vs. prod env vars for which A-Frame build to use with auto-setting IP. I create in my Webpack a watcher to recompile on change.
— Kevin Ngo (@andgokevin) December 13, 2017
Let the old give way to the new. I just removed VREffect / VRControls from @aframevr One of the first pieces of WebVR code I wrote back in July 2014 https://t.co/YCggNLc8pw
— Diego (@dmarcos) December 12, 2017