You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
41 lines
1.1 KiB
41 lines
1.1 KiB
import Rx, { Observable } from 'rxjs';
|
|
import Animation1a from './animation1a';
|
|
import Animation1b from './animation1b';
|
|
import Animation2a from './animation2a';
|
|
import Animation2b from './animation2b';
|
|
import Animation3a from './animation3a';
|
|
import Animation3b from './animation3b';
|
|
|
|
require('../css/reset.scss');
|
|
require('../css/index.scss');
|
|
require('../css/particle.scss');
|
|
require('../css/controls.scss');
|
|
|
|
window.addEventListener('load', () => {
|
|
const destroy$ = new Rx.BehaviorSubject(null);
|
|
|
|
window.addEventListener('blur', () => {
|
|
destroy$.next('all');
|
|
});
|
|
|
|
Animation1a(destroy$);
|
|
Animation1b(destroy$);
|
|
Animation2a(destroy$);
|
|
Animation2b(destroy$);
|
|
Animation3a(destroy$);
|
|
Animation3b(destroy$);
|
|
});
|
|
|
|
// TODO remove bottom padding from Disqus
|
|
// TODO sort out particle nextframe
|
|
// TODO abs positioning on controls elements so order doesn't matter
|
|
// TODO grid touches
|
|
// TODO leader not quite right, if 2 particles, sometimes ignored
|
|
// TODO Randomize leaders every 30 sec
|
|
|
|
// INTERESTING CONTROLS:
|
|
// sensitivity
|
|
// rigidity
|
|
// show leaders
|
|
|
|
// TURN THE CORRECT DIRECTION - HUGE EFFICIENCY INCREASE
|
|
|