gitwtfhub

wtf is webgl-vr-flight?

evanw/webgl-vr-flight — explained in plain English

Analysis updated 2026-07-25 · repo last pushed 2016-07-18

10HTMLAudience · generalComplexity · 2/5DormantSetup · easy

TL;DR

A virtual reality flying experience that runs in Safari on an iPhone 6 inside a Google Cardboard headset, using WebGL to render a 3D world and the phone's gyroscope for head tracking.

Mindmap

mindmap
  root((repo))
    What it does
      VR flight experience
      3D world rendering
      Head tracking
    Tech stack
      HTML and WebGL
      Phone gyroscope
      Safari browser
    Use cases
      Quick VR demo
      Classroom demonstration
      Learning web VR
    Audience
      Hobbyists
      Teachers
      General users
    Limitations
      Older iPhone only
      No documentation
      Cardboard required

Code map

Detail Auto

An interactive map of this repo's files and how they connect — its source is parsed live in your browser. Click Visualize to build it.

filefunction / class

Why would anyone build with this?

REASON 1

Try a quick VR flight demo using an older iPhone and a cardboard headset.

REASON 2

Learn how web-based VR works by studying the source code.

REASON 3

Use as a simple classroom demonstration of virtual reality concepts.

What's in the stack?

HTMLWebGLJavaScript

How it stacks up

evanw/webgl-vr-flightben-hillxcpt560/crosshairx-pro-crosshair-hubdatawhalechina/mala-claw
Stars101010
LanguageHTMLHTMLHTML
Last pushed2016-07-182026-03-16
MaintenanceDormantMaintained
Setup difficultyeasyeasymoderate
Complexity2/51/51/5
Audiencegeneralgeneraldeveloper

Figures from each repo's GitHub metadata at analysis time.

How do you spin it up?

Difficulty · easy Time to first run · 5min

Requires an older iPhone (iPhone 6) and a Google Cardboard headset to get the full VR experience.

Wtf does this do

webgl-vr-flight is a virtual reality flying experience that runs on your iPhone 6 inside a Google Cardboard headset. It turns your phone into a basic VR viewer so you can look around a 3D world and feel like you are soaring through it. Because the project has no documentation, the exact mechanics are not spelled out. Based on the name and setup, it uses web graphics technology (WebGL) to render a 3D flight scene directly in the phone's browser. The Google Cardboard splits the screen into two slightly different views, creating the stereoscopic 3D effect. Your phone's gyroscope tracks your head movements, letting you look around the environment as if you were actually there. This would appeal to someone who wants a quick, low-cost VR demo without buying expensive equipment. If you already have an older iPhone and a cheap cardboard viewer, you can try a VR flight experience right in Safari. It is the kind of project a hobbyist might build to learn how web-based VR works, or a teacher might use for a simple classroom demonstration. The notable thing about the project is its accessibility. By relying on a standard web browser and a literal piece of cardboard, it avoids the need for dedicated VR hardware or custom apps. You just open a webpage and put the phone in the viewer. The obvious tradeoff is that it is pinned to a very specific older device, so it may not function perfectly on modern phones without adjustments.

Yoink these prompts

Prompt 1
I want to update the webgl-vr-flight project to work on modern iPhones instead of just the iPhone 6. Can you help me update the gyroscope and screen scaling code?
Prompt 2
Can you help me modify the WebGL flight scene to add mountains and clouds to the 3D environment in webgl-vr-flight?
Prompt 3
How do I host the webgl-vr-flight HTML files locally so I can open them in Safari on my iPhone inside a Google Cardboard viewer?

Frequently asked questions

wtf is webgl-vr-flight?

A virtual reality flying experience that runs in Safari on an iPhone 6 inside a Google Cardboard headset, using WebGL to render a 3D world and the phone's gyroscope for head tracking.

What language is webgl-vr-flight written in?

Mainly HTML. The stack also includes HTML, WebGL, JavaScript.

Is webgl-vr-flight actively maintained?

Dormant — no commits in 2+ years (last push 2016-07-18).

How hard is webgl-vr-flight to set up?

Setup difficulty is rated easy, with roughly 5min to a first successful run.

Who is webgl-vr-flight for?

Mainly general.

View the repo → Decode another repo

This repo across BitVibe Labs

Don't trust strangers blindly. Verify against the repo.