Joukou Control

Joukou 2D and 3D control surfaces.

Getting Started

1. $ npm install
2. $ gulp develop
3. $ npm start
4. Install the Chrome LiveReload extension.
5. Go to http://localhost:2100/build/testing/index.html.

Technology Stack

Core

• Polymer
• AngularJS
• Angular Classy
• Angular UI Bootstrap
• Angular UI Router
• Bootstrap Stylus
• hyperagent.js
• Lodash
• jQuery
• CoffeeScript
• Jade
• Stylus
• gulp.js

2D

• NoFlo Graph Editor

3D / VR

• three.js
• LeapJS
• oculus-bridge

Unit Tests

• Karma
• Mocha
• Chai

E2E Tests

• Protractor

Visual Tests

• Huxley

Project Structure

• Polymer custom element definitions are at src/elements/{component-name}/.
• Each Polymer custom element's markup is at src/elements/{component-name}/index.jade that will be converted to HTML by gulp.
• Each Polymer custom element can include any number of Stylus and CoffeeScript source files that will be compiled by gulp.
• The main application markup is at src/index.jade. There is no need to use <link rel="import" herf="path-to-component-template">. All of the components inside elements will be injected into the index.jade markup by the import-polymer-elements task.
• Angular modules are at src/app/**/*.coffee.
• The main stylesheet is at src/main.styl, which imports Bootstrap. Variables to modify Bootstrap should be placed in src/variables.styl.

Contributors

• Fabian Cook
• Isaac Johnston
• Rowan Crawford
• Juan Carlos Morales Mora

License

Copyright © 2014 Joukou Ltd.

Joukou Control is under the Apache 2.0 license. See the LICENSE file for details.