Git Product home page Git Product logo

lost-woods's Introduction

The Lost Woods

https://sjcobb.github.io/lost-woods

The Lost Woods is a way to navigate between and explore WebVR demos auditorily. If you'd like to add a link to your site, email [email protected] with a URL and audio file, or edit the portal object in portal.js and submit a pull request.

If anyone would like to collaborate (Hyrule is plenty big), just let me know. I am currently working on implementing an item inventory that we can share between games.

Future Plans

There are a few places online with curated lists of VR experiences, I want the Lost Woods to serve that purpose but keep the user immersed. Another difference is I want to include all types of demos, no matter how half-baked. As the number grows, I will sort them by popularity (or some other criteria).

I also want to explore sharing gameplay elements between sites. For example, you find a key in my game that unlocks a door in your game. I am implementing this now in the Fire Temple and Lake Hylia, but it isn't complete yet.

TODOs

  • Add gamepad support
  • Improve experience when linking between games
  • Finish inventory (may need multiple variations based on device)
  • Add weapons (sword and bow)
  • Add collision detection with raycaster
  • Add ocarina, song building feature
  • Finish music maze (fire-temple)
  • Finish platform jumping game (ice-cavern)
  • Finish bow & arrow shooter (lake-hylia)
  • Improve Navi

Issues

Pull requests are welcome. All I currently have to test with is a Google Cardboard headset so I could use help supporting the higher end VR systems.

Inventory

Shared inventory documentation to come. For now if you want an annoying fairy in your game, check out navi.js.

Getting Started with WebVR

Like most things on the web, there isn't one best way to go about creating a WebVR experience. Here are some suggestions for getting started.

  • WebVR Boilerplate - Starting point for cross-platform web-based VR experiences.
  • A-Frame - A-Frame is a WebVR framework using three.js. It abstracts away a lot of the basic setup and uses an entity-component-system pattern.
  • Three.js Examples - Check them all out, especially the ones under webvr and misc.
  • FirstPersonVRControls - Helpful implementation of first-person controls.
  • WebVR Starter Kit - I haven't used this much, but it has some interesting examples to learn from.
  • Awesome WebVR - more links

lost-woods's People

Contributors

sjcobb avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar  avatar  avatar

lost-woods's Issues

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.