Activities - WebVR Camp
- Impact and Metrics
- Audience for this activity
- Activity Format
- Event Flow
Having more developers and content creators playing with WebVR is important for the future of virtual reality to help build towards a free and open virtual reality platform not owned by any individual entity.
A-Frame is a web framework for building virtual reality experiences, making it easy for anyone to get involved with virtual reality. Its goal is to onboard developers into 3D and advance WebVR, an open platform for virtual reality that leverages the Web. Having more developers and content creators playing with WebVR is important for the future of virtual reality to help build towards a free and open virtual reality platform not owned by any individual entity.
A-Frame is used extensively by the Mozilla VR team to prototype and experiment with WebVR. Having more contributors know A-Frame will give them a chance to get involved in one of the most exciting revolutions in the field of technology.
Impact and Metrics
Goals for this area
- 200 people signed up to the A-Frame Slack channel
- 100 projects built in or for A-Frame
- 20 blog posts about events, activities, experiences, projects, or tutorials.
- 500 social shares with #MozActivate, #WebVRCamp, @aframevr, @mozillavr
- 20 Mobilizers activated
- 30 events
- 400 people are introduced to and starting to build with A-Frame
Audience for this activity
Your audience for this event should be anyone interested in virtual reality including web developers, designers and students. The audience should have a basic grasp of HTML.
Help us build community around the A-Frame library by conducting a mobilizing / learning event for 20-30 contributors.
2-4 Weeks Before the Event
- Put an event team together
- Choose a date and secure a venue
- Setup the event on Reps Portal (instructions). Find a Rep closeby to do this if you are not one. Please make sure the initiative is set to “MozActivate” and the functional area indicates “WebVR”.
- Give a thought whether it will be self-facilitated or with someone who has A-Frame experience. You can find help on the Mozilla VR Telegram group or the A-Frame Slack channel
- Create an event page on a platform popular in your locale, such as Facebook or Meetup.com, and keep posting interesting information about WebVR & related topics to keep continue the conversation
- Download and customize the A-Frame Presentation Kit
- Create a few scenes for demo & prototyping purposes. You can find examples on awesome-aframe
- Acquire headsets to use and demo. Google Cardboard can be acquired in some locations for less than $5 a set. We recommend 5 headsets for an event of 20-30 people. You can request budget of up to $50 maximum for these headsets but you will have to buy them yourself.
1 Week Before the Event
- Confirmed selected attendees through email.
- Distribute the following list of tasks to do before event:
This is how you can break up a 4 hour event format. You can try to shorten some sections if you want to do it quicker.
Getting Started (30 minutes)
- Introduction of speakers and attendees with an ice breaker session (e.g., catch the ball)
- About Mozilla’s mission as a non-profit and community-focused organization.
- About VR, WebVR & A-Frame
- Quickly note social tags: #MozActivate, #WebVRCamp, @mozillavr
A-Frame Concepts (30 minutes)
- Demo of basic A-Frame scenes & apps. More examples at A Week of A-Frame
- Show off A-Painter
- Introduce HTML tags. If audience is more technical, also introduce the entity-component-system pattern
Time to Hack (1 hour)
- Propose your idea of VR experiences to build
- Can get started with Codepen or the Boilerplate
- For the boilerplate, we recommend using a local server such as Mongoose or through Node.js.
More About A-Frame (30 minutes)
- A-Frame in depth (e.g., demo of advanced scenes, how are they built, using community components)
** Continue Hacking (1 hour)**
- Improve your VR experience or build something else using more advanced concepts
Review & Plan (30 minutes)
- Review the whole event
- Talk about A-Frame community. Don’t forget to mention if you have a separate communication medium to connect with the local WebVR community (e.g., WebVR-India telegram group)
- Discuss takeaways
- Discuss individual action plans and follow-up plans
Additional to the recommended event flow here are some things we’d like you, the event organizer, to do.
- Fill out the post-event metrics on the event page you set up on the Reps portal
- Thank-You email to attendees with:
- A feedback form
- Suggestion to Tweet their experience. Mention @mozillavr, #MozActivate, and #WebVRCamp
- Suggestion to write a blog post and share
- Important links
- Send an event report or blog post and photo-stream link either over Twitter or Slack.
- Share a summary this Discourse thread