import Rx, { Observable } from 'rxjs';

const Animation1 = {
    // const particleDivs = [];
    //
    // const instanceCount = Rx.Observable.range(0, 3);
    //
    // const createDivs = instanceCount.subscribe((i) => {
    //     console.warn("creating divs")
    //     const container = document.querySelector('.particles');
    //     const div = document.createElement('div');
    //     div.className = 'particle';
    //     div.style.top = `${i * 75}px`;
    //     div.style.left = 0;
    //
    //     container.appendChild(div);
    //     particleDivs.push(div);
    // });
    //
    // Rx.Observable
    //     .interval(1000 / 32)
    //     .do(frameIndex => {
    //         instanceCount.subscribe(i => {
    //             particleDivs[i].style.left = `${frameIndex * 10}px`;
    //         });
    //         // particleDivs.do(div => { div.style.left = `${n * 75}px`; }).subscribe();
    //     })
    //     .take(16)
    //     .subscribe(console.info)
};

export default Animation1;