import Rx, { Observable } from 'rxjs';
import Animation1a from './animation1a';
import Animation1b from './animation1b';
// import Container1b from './container1b';
// import Container2a from './container2a';
// import Container2b from './container2b';
// import Container3a from './container3a';

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);

    Animation1a(destroy$);
    Animation1b(destroy$);
});

// TODO remove bottom padding from Disqus
// TODO fix "hangup" small radius evade bug
// TODO don't load simulation until requested
// TODO sort out particle nextframe
// TODO subscriber on bounds change
// TODO abs positioning on controls elements so order doesn't matter

// TODO ANIM1ab free movement

// TODO ANIM3a streamline updateLeader
// TODO ANIM3b separation
// TODO ANIM3c alignment