A Week of A-Frame 170 - 172
What's up with A-Frame, a WebVR framework for building virtual reality experiences, from Jun 21, 2019 to Jul 12, 2019.OculusQuestのコントローラーの座標とアクションを読み取って、動的にアニメーション生成するVRできたーーー！JavaScript初心者すぎて、めちゃくちゃ苦労したけど、丸一日頑張ったらなんとかなったー！やったー！#OculusQuest #aframevr pic.twitter.com/buT2gLRNVK
— 零 (@shadow_burst) June 23, 2019
Messing about with client side per-vertex AO baking in @aframevr, over the top right now, but cheap & easy 😉 Props to #threejs, @mrdoob & @aframevr team 👍. I had to code next to nothing myself, octree for raytracing in <80 lines...mind blown🤯#webxr #webvr pic.twitter.com/MVh55Ytj8w
— Paul Brunt (@super_eggbert) July 11, 2019
A new component for aframevr that allows you to include normal html and css in your scene. Plus, it allows for direct manipulation and interaction from inside aframe, so you can quickly build UI using simple html and css. https://t.co/wLD0WrzJSM@aframevr #vr #webxr #webvr pic.twitter.com/ME4LkwN0aH
— Paul Brunt (@super_eggbert) June 30, 2019
VR portfolio in Oculus Quest with A-Frame https://t.co/SfnT5ZX2wl #aframevr pic.twitter.com/rWKV2kTziH
— だら🍔技術系投稿サービス運営中 (@dala00) July 5, 2019
"The Journey To My New #WebVR Website" 🚀
— Danilo Pasquariello (@theDart76) July 5, 2019
( series of steps before bringing it to life ) 👣
3. "Come To Daddy" 🎣@aframevr #TheJourneyToMyNewWebVRWebsite#WebXR #VR #UXofVR #Immersive #WebDesign pic.twitter.com/OYCqiGvgns
VR radio controled car with stick. (also wasd control is available for pc browser) https://t.co/EqJo4jW7IJ #oculusquest #oculusquestdev #aframevr pic.twitter.com/0pm7MBXYx4
— だら🍔技術系投稿サービス運営中 (@dala00) June 22, 2019
Projects
We've been playing with the new Quest #VRheadset and are impressed with the superb design of the Guardian system to keep you in the boundaries of your playing space. Testing here on a #WebGL bathroom demo in #VR mode. @aframevr @oculus #vr #virtualreality #interactive #Oculusvr pic.twitter.com/VJTI1Rsa52
— Pikcells (@PikcellsUK) July 8, 2019
A little project that lets you interact/chat with others, travel through portals and explore new worlds in @aframevr using @SocketIO https://t.co/c1NEGwKPCw pic.twitter.com/xuptnXiUN1
— Michael Turck (@turckalicious) July 8, 2019
Kids were hard at work writing & debugging code in Day #3 of VR creation camp @CuyahogaLib!
— Matt Skvasik (@MattSkvasik) June 27, 2019
Flexing imagination, trying ideas, & learning to use assets in #VR using @glitch & @aframevr
Here’s two awesome examples:https://t.co/Qm7Ja7zzGa#digitalcreation #maker #MadeAtCCPL pic.twitter.com/dl5ijlU1ZB
From paper to #XR (or just 3D) on the web in a couple of steps! https://t.co/6RdM4BM1wh
— Fabien Benetou ↪️🇧🇪 (@utopiah) July 9, 2019
How does it work?
- hand 📝draw on a @Moleskine Pen+ Ellipse
- export SVG and upload online
- extrude the SVG in @AFrameVR (using @luiguild component https://t.co/TWkBMI1tyA )
…that's it! pic.twitter.com/DJfODq3XJH
Starting to work a bit with @aframevr to get some immersive content into my website. Excited to start getting my models up online. #WebDev #VRDev #Developer #VR #WebXR #WebVR pic.twitter.com/dblD9JDue0
— Deb Mayers (@debmayers24) July 7, 2019
#vrlandio 🔥 v0.2.0 🔥 Milestone reached. more infos at https://t.co/zBn2M9rvQD #webVr #webXr #Oculus #OculusQuest #OculusGo #Daydream #WMR #threejs #Chrome @aframevr pic.twitter.com/adZ2Ukp3CW
— arpu (@arnputz) June 25, 2019
VRポートフォリオだいたいできた！（Oculus Questでしか確認してないけど） 一応ブラウザやスマホでもある程度操作できるようにしてます。https://t.co/SfnT5ZX2wl#aframevr
— だら🍔技術系投稿サービス運営中 (@dala00) June 25, 2019
I created a Blockland save file importer for @aframevr. It currently supports basic shaped bricks. Next in development is brick placing controls for the VR interface, then support for specially shaped bricks. pic.twitter.com/qeGUXgzYHl
— Martin Tribo (@martintribo) June 24, 2019
Composing type in VR #oculusquest #webvr #aframevr #virtualreality #creativecodeart #javascript #kinetictypography @ Portland, Oregon https://t.co/prDdmA48OF
— J. Stephen Lee (@j_stephen_lee) July 11, 2019
a little test using @p5xjs to generate, animate and interact with @aframevr objects/elements pic.twitter.com/HZEgkVVDI1
— jon chambers (@jnchmbrs) July 10, 2019
WebVR: Adding #animated #3D model to #AR https://t.co/ibqEu6tcMM
— Dr Scott Turner (@scottturneruon) July 10, 2019
- free web based #VR and #AR
using
Editor and hosting on @glitch
VR and graphics @aframevr by @mozilla
3d models @Sketchfab
AR.js from @jerome_etienne pic.twitter.com/0QZ1L8T2vG
We're excited to hear that our interactive kitchen tour has been nominated for an award in @cgarchitect 's 3D Awards > https://t.co/OmFtk2Ar9O
— Pikcells (@PikcellsUK) July 3, 2019
Take a look at the project in full > https://t.co/2g6QgAqCA8#vr #virtualreality #WebGL #aframevr #interactive #archviz #WebXR @aframevr pic.twitter.com/VyRUras5OD
Happy Fourth of July! 🇺🇸🎇 Celebrate #IndependenceDay in #WebAR at https://t.co/lcf4FdjSNv @aframevr pic.twitter.com/R4mKDVdTO8
— Rigel (@rigelprime) July 5, 2019
If you were curious how get light estimation + #8thWallWeb, here is a @glitch with an @aframevr component #WebXR #WebAR https://t.co/EhLWmirC8z pic.twitter.com/zG8GsUSsQq
— Rigel (@rigelprime) June 26, 2019
Just updated the IdeaSpace 360 Photo Tour Pro theme: the performance on Oculus Go is better now... took me a while to realize it ;-) Also, it now uses the latest @aframevr . I am happy with the result 😍 https://t.co/D7jIf9TH67 pic.twitter.com/urvs1Li6uB
— IdeaSpaceVR (@ideaspacevr) June 26, 2019
昨日の勉強会での動作確認の様子。#AR_Fukuoka #OculusQuest #aframevr pic.twitter.com/2Kau90pIKq
— TakashiYoshinaga (@Taka_Yoshinaga) June 23, 2019
JavaScript/WebGL lightweight and robust face tracking library designed for augmented reality face filters via @acwervo (Cf https://t.co/0lgzigtWnb ) using https://t.co/BhvDMYtXMe including an @AframeVR example with live demo https://t.co/xYt8Y1sipD 👍 pic.twitter.com/NumaooVzoq
— Fabien Benetou ↪️🇧🇪 (@utopiah) June 23, 2019
Here is a @glitch link to the updated CS1 IDE project built on @aframevr !https://t.co/b6UCuRXw7C pic.twitter.com/HvoON8alJX
— SirFizX (@SirFizX_ELHS) June 21, 2019
Great fun working with KFM Architects to create an AR visualisation of their Kintsugi Wall project - now on display at the @royalacademy - some tweaks still needed. Made with @the8thwall @aframevr #js #augmentedreality #architecture #creativecode pic.twitter.com/ozS8aMeYKN
— e̗dͣ ͓f̡̼͙ḯs͟h͕ (@efish\_\_) June 21, 2019
Components
Just finished my aframe component module on npm.
— Raymond Yeh (@extraymond) July 4, 2019
Check out mouse dragndrop component!
Live demo include as well. Feel free to send some feedback.https://t.co/qzaRcHBmbX#aframe #webvr @aframevr
Demo of a few custom A-frame components! Codepen link in the video. https://t.co/ikZewsOGN1 via @YouTube @AFrameVR
— ripter001 (@ripter001) June 21, 2019
Articles
Want a quick start to the world of programming for #VR? In this article I explain how to create a rotating sculpture with the A-Frame #javascript framework: https://t.co/YUXYnwDoTE@aframevr @oculus @Oculus_Dev pic.twitter.com/0XLzLBslj4
— Thomas Derflinger (@tderflinger) July 1, 2019
Events
A-Frameで始めるOculus Quest対応WebVR #aframevr #oculusquest #oculusquestdev #AR_Fukuoka https://t.co/LkI7p5Mrgp @SlideShareさんから
— TakashiYoshinaga (@Taka_Yoshinaga) July 1, 2019
Rather excited for @Async on August 1st
— Cassie Evans (@cassiecodes) July 10, 2019
I've had a *little* play with @aframevr before and it's a lot of fun. Can't wait to hear a bit more about it.
Who's coming along?https://t.co/q8wy1zHs3V