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.
33 lines
1.0 KiB
33 lines
1.0 KiB
// Simple frame-based movement.
|
|
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;
|
|
|