Welcome to the A-Frame Meetup NYC
You can find here an archive of slides, presentations and workshop materials that are shared in our events.
About the Meetup
Event Log
Tuesday, February 27, 2018
Kickoff of the A-Frame NYC Meetup
- Compare: ThreeJS Photosphere & A-Frame Photosphere
- Build: Watercolor Box 1, Watercolor Box 2, Watercolor Box 3
- Build: Space Walk, Gaze Game
- Glitch
- Additional Resource: Space Walk enhanced as PWA
Friday, March 16, 2018
Recap and Overview A-Frame 101
- Setup: Gulp Tutorial & Git Repo
- Build: Interactive Island
- Assets: Island, Trees, Lighthouse, Shark, Campfire
Wednesday, April 18, 2018
Workshop at Parsons School of Design
Creating Components and playing with Physics
- Build: NYC Bowling Game
- Assets: Lady Liberty
Thursday, May 05, 2018
Recap of the Parsons Workshop and Overview A-Frame 102
- Setup: Gulp Tutorial & Git Repo
- Build: NYC Bowling Game
- Assets: Lady Liberty
- Additional Resource: Similar Physics VR Project on hacks.mozilla
Thursday, May 31, 2018
Overview A-Frame 103 & Presentation
- Setup: Gulp Tutorial & Git Repo
- Build: Propelify AR
- Assets: Poster with Marker
- Additional Resource: Creating Augmented Reality with AR.js and A-Frame
Friday, June 29, 2018
Overview A-Frame 100 & Presentation
- Build: WakandaForeverBooth AR
- Assets: Poster with Marker
- Additional Resource: Creating Augmented Reality with AR.js and A-Frame
Thursday, September 6, 2018
A-Frame 104 Workshop; Dissecting a data visualization project
- Virtuleap Global WebXR Hackathon 2018: WebXR4SDGs scored the 6th place
Congrats!
- Build Version 1: WebXR4SDGs
- Glitch: WebXR4SDGs Version1 Code
- Build Version 2: Datavized WebXR4SDGs
Thursday, October 4, 2018
A-Frame 105 Workshop; Emphasis web-based AR Overview A-Frame 105 & Presentation
- Build: Logo AR
- Marker: AR Marker
- Additional Resource: Creating Augmented Reality with AR.js and A-Frame
Friday, October 26, 2018
A-Frame 106 Workshop; Immersive Halloween Challenge
Thursday, December 13, 2018
A-Frame 107: Immersive Holiday Challenge
- Challenge Archive
- Challenge Gallery
- Sample Build VR: Snowman01 VR
- Sample Build AR: Snowman01 AR
- Sample Marker: Snowman01 AR Marker
Wednesday, February 20, 2019
A-Frame 108: Kickstart WebXR in 2019 with A-Frame’s Release 0.9
- Overview A-Frame 108 & Presentation
- Animation Component Comparison: Old Animation Component New Animation Component
- A-Frame NYC - Take Home Project: A-Robots
Thursday, March 14, 2019
A-Frame 109: Intro to building components
- Overview A-Frame 109 & Presentation
- The workshop focusses on building components from a composition of entities with modifiable settings, like flower height and petal color. In the example I created a sunflower entity
class='flower1'and converted it into a component that can be modified and randomly generated - Take the sunflower entity
class='flower2'from this page: Sunflower in entities and convert it into a component that can be generated into a randomized field with 100 flowers like it is coded on the page: Sunflower component field - Feel free to remix the pages and inspect how I built it Part1 Entities and Part2 Components
- Bonus: combine both sunflower components into one and display each of the flowers depending on the string variable
'mood': 'happy' or 'mood': 'sad'defined in the schema here
Thursday, April 11, 2019
A-Frame 110: Creating Ambience: Lights, Materials, and Animation
- Overview A-Frame 110 & Presentation
- Lights, Materials, and Animation Demo: A-Train by night demo A-Train by night edit
Thursday, May 07, 2019
A-Frame 111: A glance at Shaders: Tinkering with ShaderFrog
- Overview A-Frame 111 & Presentation
- Shaders demo Shaders edit
- Components: aframe-import-shaderfrog, aframeFrogShaders, CS1 Game Engine for making 3D multiplayer games in JavaScript by Eric Eisaman
- Resources/Tools/Editors: https://shaderfrog.com/, https://shadertoy.com/
Thursday, July 25, 2019
A-Frame 112: Networked A-Frame - Meet inside the immersive web
- Overview A-Frame 112 & Presentation
- Avatar #1 demo Avatar #1 edit
- Avatar #2 demo Avatar #2 edit
- Avatar #3 demo Avatar #3 edit
Remix these Avatar builds and place them in your own Social VR environment!
- Social VR demo with Avatar #1
- Social VR demo with Avatar #2
- Social VR demo with Avatar #3
- Resources: networked-aframe component demos, networked-aframe component on GitHub
Monday, October 29, 2019
A-Frame 113: Building Immersive Halloween Props in WebAR with AR.JS 2.0
- Marker Sheet fot the Ghost Panel Test
- WebAR Spider ARCube
- WebAR Zombie AR Marker
- Resources: Spider, Ghost, Zombie
Monday, December 23, 2019
A-Frame End Of The Year 2019: #MerryWebXR 2019 Holiday Workshop; Immersive Snowglobe Experience
Visit the workshop site for more info
Take Home Project we named “A-Robots”. See here for more details
Wednesday, October 30, 2020
A-Frame 114: A-Frame 114 Workshop; Immersive Pumpkin Chunkin’ building with physics in VR
Wednesday, December 23, 2020
A-Frame End Of The Year 2020: #MerryWebXR 2020 Holiday Workshop; Holiday ARnament
Visit the workshop site for more info
Meetup Resources
- Dev Starter Files: 00_A-Frame_starter
- Meetup: A-Frame-NYC
- Trello: A-Frame Components that need attention
Support & Contact
Having trouble with links or assets? contact me and I’ll help you sort it out.