Code Monkey home page Code Monkey logo

justareflektor's Introduction

justareflektor

http://www.justareflektor.com

JUST A REFLEKTOR is an interactive short film that explores the themes in Arcade Fire’s “Reflektor.” The film bundles WebGL, WebSockets, getUserMedia and WebAudio into an experience for two devices: your computer and your smartphone. The project was directed by Vincent Morisset and developed by UNIT9, AATOAA, and Google’s Creative Lab.

This repository does not include any third party libraries and is provided for reference.

Tech Page

Just A Reflektor: Sandbox is a JavaScript library made to create, manipulate, test and share post-processing effects in the web browser through WebGL. It was created for Just A Reflektor in order to illustrate how many of the effects in the project were created. The code for the Tech Page is a separate module and can be found in /sandbox.

Building front end

Desktop and mobile projects are designed to be independent. They do not share any code and can be freely modified without risk of affecting one another.

app/src/desktop

and

app/src/mobile

Both desktop and mobile projects are set up using Grunt (http://gruntjs.com/).

First, you need to install all development dependencies. To do this, enter either desktop or mobile source folder and run the below command (only once per development machine):

sudo npm install

If you do not have Grunt installed, you may need to install it first:

sudo npm install -g grunt-cli

and / or install it locally to your project with the following command:

sudo npm install grunt --save-dev

Then you can already build the project:

grunt release

To build development version (not minified), run:

grunt debug

If you plan longer development, run a watcher task that will keep building required parts of the project as you save modified files:

grunt watch

justareflektor's People

Contributors

jonobr1 avatar

Watchers

 avatar  avatar

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.