https://github.com/brianpeiris/RiftSketch

A virtual reality live-coding environment based on WebXR
https://github.com/brianpeiris/RiftSketch

threejs webxr

Last synced: 3 months ago
JSON representation

A virtual reality live-coding environment based on WebXR

• Host: GitHub
• URL: https://github.com/brianpeiris/RiftSketch
• Owner: brianpeiris
• License: mit
• Created: 2013-06-01T17:03:31.000Z (about 11 years ago)
• Default Branch: main
• Last Pushed: 2024-03-16T23:54:53.000Z (4 months ago)
• Last Synced: 2024-03-17T05:35:09.419Z (4 months ago)
• Topics: threejs, webxr
• Language: JavaScript
• Homepage: https://brianpeiris.github.io/RiftSketch
• Size: 6.24 MB
• Stars: 888
• Watchers: 62
• Forks: 109
• Open Issues: 27
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Lists

• awesome-WebVR - RiftSketch - An HTML5 live-coding environment for the Oculus Rift (Packages / Coding Environment)

README

        
# RiftSketch

![RiftSketch screenshot](http://i.imgur.com/3XwM1Rk.png)

https://www.youtube.com/watch?v=db-7J5OaSag

RiftSketch is a web-based live coding environment for Virtual Reality.

It lets you code a "sketch" in JavaScript, using

[ThreeJS](http://threejs.org/), while the world around you changes immediately

as you code.

It's quite a niche application since you need to have a VR headset, be able to

touch-type, be a JavaScript programmer *and* be sufficiently familiar with 

Three.js but if you meet that criteria it's surprisingly fun and engaging!

## Features

- Live-coding with real-time scene updates

- Convenient keyboard shortcuts for incrementing numbers

## Setup

If you happen to have a VR headset with a WebXR compatible browser, try it by 

visiting http://brian.peiris.io/RiftSketch

## Development

```

$ npm ci

$ npm run start

```