/famous-webgl-events

WebGL and DOM events with Famous

Primary LanguageJavaScriptMIT LicenseMIT

#Famous WebGL Events

Implementation for showcasing WebGL and DOM events with Famous

Build Status Dependency Status devDependency Status

Here's a simple DEMO showcasing an implementation of having WebGL and DOM events working together, with the same API. If you're interested in seeing this particular WebGL eventing model, here's an example with raw WebGL.


###Demo

The lights are in DOM (HTML elements) and the boxes are WebGL meshes.

Controls:

  • drag: You can click and drag the lights around.
  • double click: You can turn the lights on/off by double clicking the lights.
  • click: You can move the GL boxes around (random) by clicking them.

Go ahead and give it a try: DEMO


###Installation

git clone https://github.com/FarhadG/famous-webgl-events.git
cd famous-webgl-events
# rm -rf .git && git init && git commit -m "Make it so" # optionally reset git history
npm i # install dependencies

###Development Run the dev server with npm run dev

Now the dev server should be running on localhost:1618

Run the linters with npm run lint

Run All Tests with npm test


###Need help?

Please join us on the "famous-community" slack.

Sign up --> http://slack.famous.org/signup

Join the discussion --> http://slack.famous.org/

There is a bunch of learning material at --> http://famous.org/learn

There are api docs at --> http://famous.org/docs

Do you think this readme needs work? So do we! Feel free to send a PR!!!


###LICENSE

MIT