A Week of A-Frame 138
What's up with A-Frame, a WebVR framework for building virtual reality experiences, from Nov 30, 2018 to Dec 7, 2018.Christmas arrives early 🎄 WebXR landed in @aframevr All browsers and headsets now supported: Cardboard (thanks to @jsantell polyfill), desktop and standalones. https://t.co/vZ3Ware6As
— Diego (@dmarcos) December 1, 2018
Using the basics of @aframevr, a player can walk around a world similar to #Mars and clean up the environment by erasing animated shapes using the cursor #webvr #VirtualReality #vr https://t.co/hkSTjm0kpQ
— Nathan Stevens (@nathantstevens) December 4, 2018
My contribution to the world of VR (thanks @aframevr @OculusMedium ) https://t.co/wGiFW0hWHG pic.twitter.com/1onRclgYCJ
— Zach Capalbo (@zach\_geek) December 4, 2018
Analyzing colors with #aframe @aframevr in #virtualreality has never been more fun! Walk through this #vr world and collect colors from shapes to update your cursor color and display the hexadecimal value of the material. #future #technology #futurism pic.twitter.com/z2TYxVwWDU
— Nathan Stevens (@nathantstevens) December 5, 2018
Projects
🅰️ So you could download this @aframevr to glTF, built from an @aframevr tool (#supercraft), plop it into an @aframevr scene, and then navigate to it with an @aframevr-based browser (@supermediumvr).https://t.co/0gkfA8oYxW pic.twitter.com/Gsnf7MFKST
— Kevin Ngo (@andgokevin) December 6, 2018
https://t.co/2CJMMthk8G in action!
— TowermaxFitness (@towermaxfitness) December 4, 2018
Some impressions from the test training in the House of Dance.#vrfitness #vrboxing #vrworkout #vr #webvr #boxworkout #boxing #workout #fitness #trainingday #boxtraining #training pic.twitter.com/kAXasWPUnG
Cube to cube animation where the cubes are created from their furthest corners. #webxr made with #aframe pic.twitter.com/1hBFUtPu69
— Owen Greenaway (@owengreenaway) December 2, 2018
Cube to cube animation where the cubes are created from their centers. #webxr made with #aframe pic.twitter.com/WTwDSki5Rw
— Owen Greenaway (@owengreenaway) December 2, 2018
Animation using elastic easing and gaps between the cubes #webxr made with #aframe pic.twitter.com/sUVRjox3aE
— Owen Greenaway (@owengreenaway) December 2, 2018
Who sends out cards for the holidays anymore? Well I do. This is a WebVR card to be used with your new VR Headset or not! Uses: Aframe, Supercraft built. Happy holidays to all! #webdev #WebDeveloper #webvr #aframe #aframevr #holidaycard #VirtualReality https://t.co/Os1iGYeIvB pic.twitter.com/VM2xvhTBNO
— Michael McAnally (@Michael\_Blade) December 6, 2018
Animation demo where the new cuboids are created using the closest available blocks. #webxr made with #aframe pic.twitter.com/k552gWAi1Q
— Owen Greenaway (@owengreenaway) December 2, 2018
Animation using elastic easing. #webxr made with #aframe pic.twitter.com/e4gZzRXLLD
— Owen Greenaway (@owengreenaway) December 2, 2018
Animation demo. The wireframes show the final cuboids and their origin points. #VR #webxr made with #aframe pic.twitter.com/LKTNEeyu8L
— Owen Greenaway (@owengreenaway) December 2, 2018
Experimenting with appearing animations for some targets. #webxr made with #aframe pic.twitter.com/LnHLQXZ1PS
— Owen Greenaway (@owengreenaway) December 6, 2018
Playing with the aframe-physics-system by @donrmccurdy #webxr made with #aframe pic.twitter.com/yk4T8grqgh
— Owen Greenaway (@owengreenaway) December 6, 2018
本日の進捗です。テキストと動画を配置できるようにしました。もちろんVR内での編集も可能です。#webVR #webXR pic.twitter.com/XPuQ6NwjXS
— maroton (@shiruco) December 5, 2018
Started playing with #webVR using @aframevr and made a thing in a matter of minutes. Works in monoscopic mode on desktop or VR mode on mobile. Looking forward to doing more with this awesome framework. Check it out here: https://t.co/cSYYiSUsHx pic.twitter.com/aJij89RL38
— Ted Wallace-Williams (@ted_w_w) November 30, 2018
#vrlandio #vrland #multiavtar #multiplayer #webvr @aframevr
— arnold putz (@arnputz) December 3, 2018
join us on discord! https://t.co/zBn2M9rvQD pic.twitter.com/iDf3KLMj4n
本日の進捗。配置したロゴを拡大・縮小・回転・移動できるようにしました。
— maroton (@shiruco\_) December 2, 2018
一人での開発はなかなか辛い。#webVR #webXR pic.twitter.com/xKZguKRux5
A brief overview of why #Education in #VR can be powerful, and how we can make it better. Talks a bit about how these ideas helped form our #WebVR socio-educational platform @circlesxr https://t.co/taPnu7620L pic.twitter.com/7DLP60wFkN
— Anthony Scavarelli (@PlumCantaloupe) December 2, 2018
The Wind Farm. A VR website made with @supermediumvr https://t.co/yziMhCLeG1
— Joseph Schiarizzi (@CupOJoseph) December 6, 2018
Happy Nicolaus Day! #nicolaus #webXR #WebAR #aframe #ARJs pic.twitter.com/TIv0Hy7Csl
— Anastasiia (@AnastasiiaaaaM) December 6, 2018
☃️ Do you want to build a snowman? Handmade in #supercraft #vr plus @aframevr on @supermediumvr. https://t.co/FVaP5ukpNF
— Kevin Ngo (@andgokevin) December 1, 2018
Screenshot via @Sketchfab: https://t.co/3zJG3R4VnZ pic.twitter.com/hX2a89dM9c
Winter Wonderland in WebVR with A-Frame – ARVR Journey: Augmented & Virtual Reality https://t.co/Lnx8YFdW63 doing some research re a chistmas themed #socialVR event, hoping can wrap trees in xmas tree texture (and maybe have it snow!) #aframe #aframevr pic.twitter.com/RfcvWRHXT5
— Chuck Webster MD 12/18 Fight Holiday Blues w/Tech! (@wareFLO) November 30, 2018
No downloads necessary. All in your browser! #XR4all #WebXR #dataviz pic.twitter.com/QPBZeSvClY
— 3Data (@3DataCloud) December 6, 2018
Prototype of a throwing game. #webxr made with #aframe pic.twitter.com/NtbcAosTPk
— Owen Greenaway (@owengreenaway) December 6, 2018
Visualize your Networks in a browser! #WebXR #Dataviz #IoT https://t.co/HFKkJdB5l0
— Wallon Walusayi (@Wallon\_) December 6, 2018
Trying out colour combinations. #webxr made with #aframe pic.twitter.com/IHbEY5jb88
— Owen Greenaway (@owengreenaway) December 5, 2018
Testing gamma vs linear workflows in @aframevr
— Don McCurdy (@donrmccurdy) December 4, 2018
(order: gamma, linear, gamma, linear). pic.twitter.com/mLgqbdG9BB
So here's a little prototype I built during a lazy Sunday: @BeatSaber in a browser, using @aframevr
— VRuben (@rvdleun) December 2, 2018
- Collision tracking is iffy, needs improvement
- Getting a stable framerate was a bit of a challenge
- Made for fun, may demo during meetups, no public release planned pic.twitter.com/v01aMt60jF
Experimenting with #vr button interactions and visual feedback. #webxr made with #aframe pic.twitter.com/Dd59TadoIz
— Owen Greenaway (@owengreenaway) December 5, 2018
Take a ride with Santa! @aframevr @odl @trackingjs https://t.co/AA86CnrMxo pic.twitter.com/rjEAI93aJG
— heyMP (@hey\_\_MP) December 5, 2018
remote avatar change #webvr @adrame #vrlandio #vrland and big thx to the awesome networked-aframe component from @HaydenLee37 and the @mozillareality team pic.twitter.com/xc5J9hhd2F
— arnold putz (@arnputz) December 4, 2018
🐻 #3december @Sketchfab Day Three Challenge (North Pole) - "North Pole Dancing". Made in #vr #webvr with @aframevr #supercraft.https://t.co/okHdpDkIJ4 pic.twitter.com/920e3dhb4x
— Kevin Ngo (@andgokevin) December 6, 2018
🔥 #3december @Sketchfab Day Two Challenge (Wood Stove) - "Stoveclaw"
— Kevin Ngo (@andgokevin) December 4, 2018
Made in #vr in less than an hour with #supercraft!https://t.co/Q8MrJjJfP1 pic.twitter.com/bCHI68N9Ru
Changing the user's size with a doll house experience. #webxr made with #aframe pic.twitter.com/WzDH5NZ75g
— Owen Greenaway (@owengreenaway) December 7, 2018
Articles
“Build a Multiplayer Browser-based VR Game with A-Frame, PubNub, and WebVR” by Namratha Subramanya https://t.co/V4fbaO3sbn
— Matt Arnold (@m4ttbit) December 6, 2018
Events
Coding Virtual Reality with @SparkFunEDU for #CSEdWeek on @aframevr. Join the fun of Boulder CSED Week @csedlive
— Boulder CSED Week (@csedlive) December 1, 2018
Register https://t.co/2GttB8x26A@BVSDcolorado pic.twitter.com/x4g7MpOvO2
Love watching these girls communicate and collaborate while constructing Mike Wazowski in @aframevr during the middle school student-led lunchtime Coding Club!@BrearleyNYC #girlswhocode #STEMed #CSforAllNYC pic.twitter.com/MDi9grZ2Pn
— Karen Blumberg (@KarenBlumberg) December 5, 2018
Great talk on 'Multiplayer Games With WebXR' from @tanay1337 at DevFest Gorky 2018 https://t.co/k8Nh8JyvaR #multiplayer #games #Webxr #3d #VirtualReality pic.twitter.com/KV71Q5yOTL
— Techevents.online (@TechEventOnline) December 6, 2018
🎥"WebXR: A new dimension for the Web, writing Virtual and Augmented Reality Apps with web technology" by Michaela Lehr @fischaelameer · #JSCamp Barcelona 2018 #JavaSvript https://t.co/yCBt0DJubt
— JSCamp 2019 (@jscamp) December 3, 2018
Join us for the last A-Frame NYC Meetup of 2018: A-Frame 107: Immersive Holiday Challenge hosted at @thenewschool https://t.co/iRc685Y3Bo #webxr @aframevr #aframe_nyc
— Roland Dubois (@rolanddubois) December 5, 2018
#VR & #AR On The #Web Using #Clojurescript - Andres Cuervo https://t.co/7L3MLjS77W via @YouTube#JavaScript #WebVR #AFrame #mozilla
— Benjamin EBBY (@akpanydre) November 30, 2018
The #WebXR talk by @Lady_Ada_King from @halfstackconf available online ==> https://t.co/WwMueLqKb3
— ɬıɱɱყ ƙơƙƙɛ 🌷 (@Sorskoot) November 30, 2018
@dulce303 doing a great job representing #webxr! pic.twitter.com/G5O8iuHKgy
— Damon H (@MetaverseOne) November 30, 2018
Miscellaneous
I just want to give a s/o to the developers @aframevr - Awesome environment for developing AR/VR.
— John C. A (@jcalvare) December 3, 2018
visualizing my brainwaves in #webxr pic.twitter.com/sQ0BqrKLdc
— @micahstubbs (@micahstubbs) December 6, 2018
Hugging @aframevr Inspector for next version:
— Kevin Ngo (@andgokevin) December 8, 2018
- Fix and improve focusing (i.e., put camera in front of entity)
- ?inspector={selector} in URL or entity.inspect() from console to auto-open Inspector focused onto entity
- Fine-tuning of pos/rot/scale with arrow keys
- Style fixes pic.twitter.com/uCMWmanhmN