unkhz/generative-animation-poc-react-redux-threejs

enerative animation POC with React/Redux and ThreeJS/WebGL

Generative animation POC with React/Redux and ThreeJS

This is a WebGL fork of generative-animation-poc-react-redux! I split it as a fork purely because of the huge size of ThreeJS.

• React used for view layer / virtual DOM
• ThreeJS used for animating on WebGL canvas
• Redux used for state management
• Idea of generative animation based on Distract.js
• rr-boilerplate used as the seed boilerplate

Live demo

http://un.khz.fi/generative-animation-poc-react-redux-threejs/

Dependencies

• React
• Redux
• Webpack
• Babel
• Flow
• Karma
• Mocha
• Threejs

NPM tasks

• npm run dev-server starts local development web server in port 9999
• npm start starts production build and run local web server in port 9999
• npm run build starts production build
• npm test runs tests once
• npm run test-watch runs tests and watches for changes

Findings

See main project https://github.com/unkhz/generative-animation-poc-react-redux