Add RequestAnimationScheduler

Author: bryanjos

docs/all.js

@@ -2,7 +2,9 @@ import '../css/index.css'
 
 import Processes from '../../index.js'
 
-const system = new Processes.ProcessSystem()
+const system = new Processes.ProcessSystem(
+  new Processes.RequestAnimationScheduler()
+)
 
 const rows = 200
 const columns = 50

docs/all.js.map

@@ -1,5 +1,9 @@
 import ProcessSystem from './processes/process_system'
+import RequestAnimationScheduler from './processes/schedulers/request_animation_scheduler'
+import DefaultScheduler from './processes/schedulers/default_scheduler'
 
 export default {
   ProcessSystem,
+  RequestAnimationScheduler,
+  DefaultScheduler,
 }

src/docs/js/index.js

@@ -30,11 +30,15 @@ class DefaultScheduler {
     this.isRunning = false
   }
 
+  _run(run) {
+    this.invokeLater(() => {
+      run()
+    })
+  }
+
   run() {
     if (this.isRunning) {
-      this.invokeLater(() => {
-        this.run()
-      })
+      this._run(this.run.bind(this))
     } else {
       for (let [pid, queue] of this.queues) {
         let reductions = 0
@@ -65,9 +69,7 @@ class DefaultScheduler {
         }
       }
 
-      this.invokeLater(() => {
-        this.run()
-      })
+      this._run(this.run.bind(this))
     }
   }
 

src/index.js

@@ -0,0 +1,13 @@
+import DefaultScheduler from './default_scheduler'
+
+class RequestAnimationScheduler extends DefaultScheduler {
+  constructor(throttle = 0, reductions_per_process = 8) {
+    super(throttle, reductions_per_process)
+  }
+
+  _run(run) {
+    window.requestAnimationFrame(run)
+  }
+}
+
+export default RequestAnimationScheduler