A-Frame Newsletter 1What's up with A-Frame, a WebVR framework for building virtual reality experiences, from Jul 12, 2019 to Dec 6, 2019.
The return of the A-Frame roundups! Thank you for subscribing to the email newsletter if you have! If you have not already, subscribe through aframe.io/subscribe.
A-Frame v1 with WebXR and AR support will be releasing shortly as the industry-wide rollout of WebXR commences. Everything is ready to go after a bit more testing. After years of work, we’re excited to be ready for the wave on day 1.
And we’re excited to release Night Sky, a VR planetarium built with A-Frame to look and learn about the stars! You can set your location and see constellations above you in real time.
Without further ado, check out cool A-Frame projects from the recent months.
A demo of the different modes and opportunities to workout with Towermax Fitness Drill Track.— TowermaxFitness (@towermaxfitness) November 19, 2019
The length of running you see is 6 meters, in VR it's 12 meters with the room extender.
Full Video here:https://t.co/dHF3bsg4E2#vrfitness #OculusQuest #webxr #runningmotivation pic.twitter.com/UtukWV5zAe
Thank you @spaceappslondon âï¸Had a blast playing with @aframevr again + NASA models to make this with @Rushlet_ and @PrinaShah2 The story from Apollo to Artemis in webVR: https://t.co/bh4U7bBrr6 ð ð§ pic.twitter.com/oN3Yly5GRi— Sumi Senthi (@SumiSenthi) October 20, 2019
We got new enter AR / VR icons!🎉Thanks to @klausweidner @theDart76 @brendanciccone @andgokevin designs and everyone that provided feedback. Leave your thoughts in the comments👇 pic.twitter.com/loDglNJjXA— A-Frame (@aframevr) December 2, 2019
Yay! New office doggy ï¿½ï¿½@googlechrome is now shipping AR ð experimental features as part of the WebXR implementation. You can play with them today using @aframevr thanks to @klausweidner Have fun! Instructions in the comments pic.twitter.com/PyFHUDbjrN— Diego (@dmarcos) October 29, 2019
The CS1 IDE currently provides 16 focussed lessons in getting you started with using the CS1 Game Engine powered by @aframevr and @threejs_org , and hosted at @glitch !https://t.co/b6UCuRXw7C pic.twitter.com/gKseuZdk2n— SirFizX (@SirFizX_ELHS) October 6, 2019
We're really pleased to announce that we've won the 2019 CG Architect award for best interactive project with our WebGL virtual kitchen https://t.co/SVRf9SpO2n#webgl #interactive #3d #VR #VirtualReality #CGI #CGArchitect #D2conferences #Winners #Awards #aframevr #WebXR @aframevr pic.twitter.com/YuR57vzz2s— Pikcells (@PikcellsUK) August 23, 2019
for @vrlandio rtin martini mesh optimization and cannonjs physics heightfield generation on the fly from png gray scale height map #webxr #webvr #webgl @threejs_org @aframevr pic.twitter.com/7JTTTULHRc— arpu (@arnputz) October 19, 2019
Experimenting with road textures captured using my phone and tiled using @Substance3D to make a more realistic looking 3D version of @streetmix. Voxel style on left, textured style on right, plus a new skymap. Still using @aframevr #webxr pic.twitter.com/AZoUdpz1Cl— Kieran Farr (@kfarr) September 3, 2019
A-Frame Mind Palace Island Office project is making some progress!!! Includes networked-aframe we have been testing across the Pacific Ocean. Andre and I are working on audio and PDF functionality next… https://t.co/TJW2CRtUJM @aframevr pic.twitter.com/otuHVL3yNl— Michael McAnally (@Michael_Blade) November 4, 2019
Realtime Hologram Viewer on WebAR— T_Yoshinaga@AzureKinect&AR (@Tks_Yoshinaga) November 2, 2019
Point cloud acquired by 3 Kinect is transmitted to smartphone over wifi connection and visualized by using A-Frame and Three.js.#AzureKinect #aframevr #WebAR #ARjs #AR_Fukuoka https://t.co/gPzI1SPKbs
Just had 45 minutes this morning to do some more #VR work – converting WebEarth over to the @aframevr framework. Still more to do with texture animations, but for > 20 lines of code, it isn't bad - and will work in all modern WebXR capable browsers! https://t.co/Z2FxuA6tGy— Mark Pesce (@mpesce) September 13, 2019
Only what's inside the large circle will show on a VR device. It's quite a narrow POV. Be mindful of this when composing your scene on desktop!@aframevr #aframe #webvr #webxr #gamedev #indiedev https://t.co/2osRYNQhsm— J-ROM (@herebefrogs) September 11, 2019
Et voilà, j'ai enfin terminé mon jeu de l'été pour @js13kGames après environ 80h de développement.— Julien Kermarec (@JulienKermarec) September 9, 2019
Ca fonctionne très bien sur Desktop et Oculus Go via la techno @aframevr , des soucis par contre sur (Vive / @google Daydream). @coil activated !https://t.co/2dlFVagzP7 pic.twitter.com/x1BbjOcP9G
The todo list is getting smaller and smaller. You can now score points and there's a game-over screen. Hopefully getting everything done before Friday. Come join for a chill coding stream tomorrow at 21:30 CEST at https://t.co/of14hCOtMn #webxr #js13k @aframevr pic.twitter.com/sL4LvOzIud— ɬıɱɱყ ƙơƙƙɛ 🌷 (@Sorskoot) September 8, 2019
Sneak peek at my game's enemies.— J-ROM (@herebefrogs) September 8, 2019
This year, @js13kgames has been extra challenging: not only am I discovering @aframevr, but my personal laptop died before the compo, and my Wacom tablet didn't work on my work laptop. I had to draw these with a mouse.#js13k #webxr #gamedev pic.twitter.com/VJL6prfNDZ
Teaching “UX Design for AR/VR” @therlabnyc together with my friend @ironandsilk tomorrow - here a teaser of my WebAR workshop @aframevr #webxr @jerome_etienne themed to the Wizard of Oz - right on time for the 🎃 season pic.twitter.com/ZhxFpYK5nn— Roland Dubois (@rolanddubois) September 20, 2019
One of the most grassroots Random Studio experiences I’ve ever worked on for @fredperry x #rafsimons was launched today on https://t.co/ANkEpidhZ9. Once again pushing the limits of unconventional storytelling and design. Made with @aframevr, @threejs_org and photogrammetry.— Tim van Scherpenzeel (@tvscherpenzeel) August 15, 2019
https://t.co/amQr6RMK78 #DigitalTwin : #solar #house , An other #WebOfTwins demo with @BlenderDev and @thekhronosgroup #GLTF @mozillaiot @aframevr @samsunginternet … more to come pic.twitter.com/xy36auSaAJ— https://mastodon.social/@rzr (@RzrFreeFr) August 14, 2019
D0~ Not sure why, but I got a sudden crave to build vr apps and become an expert. First big milestone is going to be getting a nice looking solar system in VR.— Mano Roja (@manorojac) September 29, 2019
Today, I played around with @aframevr and React 360. The AFrame dev tools are looking hella nice.#100DaysOfCode #VR pic.twitter.com/hnjwNDntc4
CEO Jonas Boström invited to present "The Use of VR in Chemistry" at the National ACS meeting in San Diego next month. Aug 25 at 11:30am. Join in if you're there! #EdTech #VR #ACSCOMP @aframevr @DrBostrom pic.twitter.com/JJJGcjYynC— EduChem VR (@EduChemVR) July 29, 2019
Finally wrote up my @GrayAreaorg 2019 Incubator Showcase project MAGIC🏳️🌈MATTA🚌!https://t.co/w2aDLEAHzk— Kieran Farr (@kfarr) July 29, 2019
Also fixed up repo with instructions to build your own https://t.co/0yAaIyqGlq using @aframevr @exokitXR @htcvive trackers @OptomaUSA projection mapping and an @mta toy bus!🚍 pic.twitter.com/PoH637qGR7
https://t.co/fr3H6afB0E fun experiment with video textures and setting up webcam as a #texture with the fantastic #webVR lib @aframevr on my #youtube channel #NoirNerd #coding #webdev #coding #learntocode #creativecoding #webdeveloper #webGL Live - https://t.co/IcCcJmqxYX— Rational_Chaos (@Rationalchaos) November 19, 2019
I'm building a new "shedquarters" in my backyard. It has been a journey but at a point where it's the last chance to nudge walls. Since I'm bad at visualizing space, I decided to build a prototype in VR using @aframevr. https://t.co/Ng57nbPwoM— Dave Rupert (@davatron5000) November 19, 2019
#codevember #11 #perspective: it's my perspective that these road and sidewalk textures look better than the old ones https://t.co/YplpfTnPM7— Kieran Farr (@kfarr) November 19, 2019
slowly getting there with @aframevr @streetmix 3d pic.twitter.com/nK8i94wCUF
#codevember #07 #shape a car is a shape, right? Added a car from @syntystudios sketchfab pack for @streetmix 3d drive lanes, and even figured out how to use draco compression with @aframevr! https://t.co/AoUuS8DVIp pic.twitter.com/ZNWrvlDRxM— Kieran Farr (@kfarr) November 18, 2019
The Virtual Office in VR! "The Mind Palace Project" and WebVR/XR is a collaborative open source effort in experimentation by Andre and myself. A few milestones have been reached. Others are welcome on board! https://t.co/ECxRIUv5Hu @aframevr #webvr #webxr #aframe #webdev pic.twitter.com/tKJwakP1qg— Michael McAnally (@Michael_Blade) November 27, 2019
#codevember #18 #stretch - I tried @streetmix 3D in the @oculus quest #webxr browser, worked great @aframe "just works", but realized instantly the scale was wrong! vehicle and prop scale was about ~75% of actual, now it's fixed! @aframevr try it out…https://t.co/GIvnB6A0I3 pic.twitter.com/LKlSrbifu4— Kieran Farr (@kfarr) November 22, 2019
@aframevr Terrain Component:— SirFizX (@SirFizX_ELHS) August 11, 2019
The terrain-walk is a separate component which does not use physics or navmesh navigation. The terrain geometry is a simple mesh. The topography is generated by displacements in the vertex shader.
Please forgive me. https://t.co/UcoY8fLuGe
If you have followed our weekend inspiration about #webVR and the awesome @aframevr framework you should also check out this tutorial by @Srushtika on @pluralsight about "Build a #Multiplayer VR App that works In Realtime": https://t.co/VPl6YvhUXr#webdevelopment #VirtualReality pic.twitter.com/xkqyQThjha— Wacky Studio (@WackyStudioDK) October 5, 2019
It’s all-go at this afternoon’s Creative Digital session at #TheMitchell with coders working on sound FX in @Sonic_Pi , @aframevr particle scenes and mentor Jamie’s prototype @arduino Warp Core @GlasgowLib @glasgowlife pic.twitter.com/WErBDFx0P2— CoderDojo Scotland (@CoderScot) August 17, 2019
Tonight we shared our free plant biology education apps (feat #OculusQuest, @aframevr, and 360 video) with >100 🌱 ❤️ers at our #VRPlants pavilion here at #PlantBio19. Proud of our team's work over the past year. Miss us tonight? Stop by and try it all out until Wednesday! pic.twitter.com/9Od9miOe4x— Colin Keenan (@technobotanist) August 4, 2019
Big thanks 🙏👏 to @ironandsilk and @therlabnyc for providing me with the opportunity to teach #immersiveweb technology #webxr #ar #vr @aframevr #arjs @glitch at the wizard of oz themed UX masterclass this weekend, enchanted by the wicked witch 🧙♀️🌪🌈 👠🦁 pic.twitter.com/IWGO8I4eOG— Roland Dubois (@rolanddubois) September 23, 2019
Enabling researchers to use virtual reality technology in their research @UoMLibrary @uomdigilab ‘VR for research’ workshop yesterday - VR & special collections, new Oculus (which is incredible!) & training in creating VR content using @aframevr #virtualreality #VR pic.twitter.com/zLp6bkI4Rn— Lorraine Beard (@lozbeard) July 30, 2019
Dunno how long it will be up for, but I was messing around with @aframevr and learning how to create components so spawning new entities is as easy as manipulating the DOM. #VR #3d #webgl #threejshttps://t.co/rXzg8AIQSB— RedYeti.co (@RedYetiCo) November 12, 2019
WebVR 1.0, A-frame 0.9.2 Advanced Hello World code walk-through https://t.co/cWvOFNBEbW via @YouTube #aframevr #webvr #virtualreality @aframevr #webdevelopment #webdev #webdeveloper #webxr #OculusQuest pic.twitter.com/q5blc2TuYe— Michael McAnally (@Michael_Blade) August 12, 2019
#VSCode has an add-on to preview GLTF models right in the editor!! 🤩— Griffen Fargo (@GhFargo) October 13, 2019
Also, @aframevr is simply too much fun to mess around with. Every discovery sparks new ideas for fun things to build!#WebVR #aframe #webdevelopment pic.twitter.com/7DuWWnYmq1
I've said it before and I'll say it again; @aframevr is an amazing library. #webvr— Griffen Fargo (@GhFargo) October 9, 2019
Using it to build out a new personal homepage and really excited how its turning out. Hoping to have a preliminary version up either today or tomorrow.
@aframevr magic window mode is back on track on iOS 13 💫 We now have a customizable dialog to request users access to the device orientation. Thanks for the patience and the hard work of @KevinEverywhere 🙏 Available now on master builds: https://t.co/DZRXcCKLjT pic.twitter.com/TmMe3kU9V1— Diego (@dmarcos) November 19, 2019
Although I'm a React enthusiast, I've switched from React 360 to @aframevr . More convenient, better API and excellent performance.— Samuli Hakoniemi (@zvona) December 2, 2019
They're meant a bit different use cases. But in general, IMO, you get much more done with A-Frame.
Says the guy who owns https://t.co/G7WcNYHS6r
Nate Landon graduated in June with a degree in economics…and now he's teaching the basics of VR using A-Frame! 😮— Code Chrysalis (@codechrysalis) November 30, 2019
Nate will be talking about how #VR can be implemented with the libraries @aframevr and @reactjs and also why VR is important.
Watch now: https://t.co/vyxslCXKJH
Great opportunity to work in VR / AR with @aframevr and help improve science education in a top university. I myself lived in Geneva. Switzerland and the @EPFL are wonderful places to live and work. Highly recommend 👍 https://t.co/8XTa9tNLDn— Diego (@dmarcos) November 21, 2019
Wanna help design an icon for the new amazing @aframevr AR mode 🕶 contributed by @klausweidner ? Follow the link, we would love to have your comments and proposals https://t.co/LyJ6JZdVGO @theDart76 has taken a great first crack at it pic.twitter.com/kKcOExFQHT— Diego (@dmarcos) November 22, 2019