Leadership Exchange
at ISTELive 21
Creative Constructor
Lab Virtual
Edtech Advocacy &
Policy Summit

Getting Started With VR/AR: Hands-on With A-frame

Explore and create
Pre-registration required

Explore and create : BYODex

Tuesday, June 25, 4:15–5:45 pm
Location: Franklin 5-6-7, Marriott

Jeff Branson   Megan Hemmings   Maya Kleinbort   Derek Runberg  
A-frame is an HTML-based platform for virtual reality. It is as easy as writing a webpage to get started with A-frame. Get a step-by-step introduction to writing your first VR program. No experience is assumed and most devices should work.

Audience: Curriculum/district specialists, Teachers, Technology coordinators/facilitators
Skill level: Beginner
Attendee devices: Devices required
Attendee device specification: Laptop: Chromebook, Mac, PC
Tablet: Android, iOS, Windows
Participant accounts, software and other materials: All examples only require the ability to work with and save a text document.
If you are on a Chromebook, please install and have permissions for VNC Viewer: https://chrome.google.com/webstore/detail/vnc%C2%AE-viewer-for-google-ch/iabmpiboiopbgfabjmgeedhcmjenhbla?hl=en
Focus: Digital age teaching & learning
Topic: Game-based learning and gamification
Grade level: 6-12
Subject area: Career and technical education, Computer science
ISTE Standards: For Coaches:
Digital Age Learning Environments
  • Maintain and manage a variety of digital tools and resources for teacher and student use in technology-rich learning environments.
For Students:
Innovative Designer
  • Students know and use a deliberate design process for generating ideas, testing theories, creating innovative artifacts or solving authentic problems.
For Educators:
  • Collaborate and co-learn with students to discover and use new digital resources and diagnose and troubleshoot technology issues.

Proposal summary

Purpose & objective

The adoption of digital tools is ubiquitous. As VR and AR start to make inroads into the classroom, the integration in pedagogy is going to reshape teaching practice yet again. The purpose of this session is to introduce a working, hands-on model of VR/AR so that educators can start to see where it fits in their existing practice.
From an engagement perspective, students are migrating in technology at a rate equal to or exceeding traditional infrastructure. This session seeks to harness student interest in new technology and direct it to a content generation footprint.
The session participants will leave with a working example to translate to existing lesson plans.


The first 10 minutes will be spent getting introduced to the purpose of the workshop(to build a working VR example to take home) and getting them set up to do that on their individual devices.
The next 20 minutes will be spent creating a geometric object in VR, exploring the object and familiarizing themselves with the navigation and working parameters of VR within a web browser. In addition, we'll explore how it crosses over to devices like the HTC Vive, Occulus Rift and Google Cardboard.
30 minutes will be spent creating interaction with the object participants have built that creates specific events and animations. Participants will have time to change parameters of their objects and see how that changes affect the behavior of the object in their environment. We'll explore the use of imported texture, graphical and photographic objects from web-based sources.
30 minutes will be spent on importing pre-built environments from the library of objects that support A-frame. We'll use a forest landscape that participants can go into and modify to create a very personal environment.
There will be time for reflection and questions at the end.

Supporting research




More [+]


Jeff Branson, SparkFun
Megan Hemmings, SparkFun
Maya Kleinbort, SparkFun Electronics
Derek Runberg, SparkFun

People also viewed

Bring Edtech Research Into the Classroom -- Where it Belongs!
Gaming and Gamification Boosting Engagement and Performance in 21st Century STEAM Rooms
It's Elementary! Molding Minds of Young Engineers