Giter Club home page Giter Club logo

riftsketch's Introduction

RiftSketch

RiftSketch screenshot

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, 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

riftsketch's People

Contributors

brianpeiris avatar capnmidnight avatar dependabot[bot] avatar vt5491 avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

riftsketch's Issues

License

Nice work, however not license is specified.
Could you add a license to the repo? it may help to know what we can and cannot do with the source.

Thanks so much.

Fullscreen Mode to support Oculus 0.7 SDK on Win10

I saw on your todo list is already the point 'fullscreen'. I just wanted to point out that full-screen is very important for Windows 10 Firefox users. Currently when you navigate to http://brianpeiris.github.io/RiftSketch with Nightly and DK2 on Win10 only the position tracking is active and the graphics output still is rendered to the browser window. I believe to fix this a call to 'setFullScreen(true)' in VREffect.js would be required. At least all the other demos on the http://mozvr.com/ page work perfectly on my machine and switching to fullscreen mode seems to be the only difference. (Unfortunately the classic F11 fullscreen-mode is not enough.)

The relevant call is probably:

canvas.mozRequestFullScreen( { vrDisplay: vrHMD } );

C#/C++ support

Hey.

Will there be C#/C++ support for coding in the future?

Installation problem

Hi
I want to install it on Ubuntu 16.04 from branch 'master'
But it gives error.

Please give me an installation instruction.

Thanks

Live Share 360

Hi
I want to know how can i Live share 360 film like Youtube 360 and Facebook 360.
I use Insta 360 air camera.

How is it possible ?

Issues on OS X

hey Brian,

Rad that you made this, this type of thing is what I'd work on as my next VR project. I'm currently making a really hackable virtual cinema, video player experience right now.

I just tried it out and I couldn't get it to go into vr mode without hacking it in the console. Alt+V on OS X just wasn't working for me. (I'm on the latest Macbook Pro and using Yosemite), additionally even when hacking it to go to vr mode, the text editing box was only showing on one eye, or is that what I should expect?

If there is any more testing you need me to do, just fire away.

Thanks,
Francois

Display editor in front of the user when first loading

I just forked this, ranbower install, then open index.html and I was amazed, but I had to move my desk 90 degrees to the left in order to see and use the editor. Shouldn't the editor display in front of me when first loading this app? and not require me to move my desk?

Preserve scene state when editing

Say I have a ball that starts behind the camera and moves in a circle around the camera. If I update the size of the ball in the code, the ball will get bigger but will also reset to its initial position.

I want to change the size of the ball as it passes in front of me without it having to reset.

I suck at Three.js

As a comment on reddit mentioned, I'm only scratching the surface of what's possible with Three.js and I'm not very artistic. I either need to develop the skills or get someone else to help me create demos.

SyntaxError: missing ) in parenthetical

There's a syntax error in the latest on master from what I can tell. Opened it in FirefoxNightly and got this following errors displayed in the attached screenshot.
firefox-nightly-error

Refactor in A-Frame

Hello

I would like to leave a suggestion here. Since mozilla has launched A-Frame ( https://aframe.io/ ) why not simply refactor RiftSketch in A-Frame? Mostly because, it already uses ThreeJS and has plenty of components for you work on.
Also, it would be a bonus if Google and Mozilla came together aiding this community to help this tool become the de facto standard for VR-IDE's.
With the addition of Touch Controllers (Ocullus) or using LeapMotion devices, chorded keyboards would be replaced by a Virtual Keyboard.

Will not load

I've checked out the most recent commit (459028e) and it goes to the Unsupported Browser popup on Nightly with the VR plugin.

Looking through the code there's still some angular references ($scope.watch in index.js and ng-controller in index.html). I figured it might just be some files didn't get committed or you're in the middle of development and left it like that for convenience.

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.