webvas 0.1.0 → 0.3.0

data/{js → site}/worker.js

@@ -4,11 +4,35 @@ const pendingEvents = [];
 
 globalThis.window = {
   requestAnimationFrame(callback) {
-    return setTimeout(() => callback(performance.now()), 1000 / 60);
+    return setTimeout(() => {
+      const now = performance.now();
+      const started = now;
+      callback(now);
+      frameMetrics(now, performance.now() - started);
+    }, 1000 / 60);
   }
 };
 globalThis.requestAnimationFrame ||= callback => globalThis.window.requestAnimationFrame(callback);
 
+let metricFrames = 0;
+let metricStarted;
+let callbackTime = 0;
+
+function frameMetrics(now, elapsed) {
+  metricStarted ??= now;
+  metricFrames += 1;
+  callbackTime += elapsed;
+  if (metricFrames < 60) return;
+  const duration = now - metricStarted;
+  send("metrics", {
+    fps: (metricFrames - 1) * 1000 / duration,
+    callbackMs: callbackTime / metricFrames
+  });
+  metricFrames = 0;
+  callbackTime = 0;
+  metricStarted = now;
+}
+
 function send(type, payload = {}) {
   globalThis.postMessage({ type: "webvas:" + type, ...payload });
 }
@@ -18,7 +42,11 @@ globalThis.addEventListener("message", async event => {
   try {
     if (message?.type === "webvas:init") {
       await import(message.bridgeUrl);
-      globalThis.WebvasCanvases = { [message.selector]: message.canvas };
+      await import(message.shaderUrl);
+      globalThis.WebvasCanvases = {
+        [message.screenSelector || "#screen"]: message.screen,
+        [message.gpuSelector || "#gpu"]: message.gpu
+      };
       pendingEvents.splice(0).forEach(input => globalThis.WebvasBridge.pushEvent(input));
       send("loading", { message: "Downloading the Ruby drawing machine…" });
       const { DefaultRubyVM } = await import("https://cdn.jsdelivr.net/npm/@ruby/wasm-wasi@2.10.1/dist/browser/+esm");

metadata

@@ -1,11 +1,11 @@
 --- !ruby/object:Gem::Specification
 name: webvas
 version: !ruby/object:Gem::Version
-  version: 0.1.0
+  version: 0.3.0
 platform: ruby
 authors:
 - Yudai Takada
-bindir: bin
+bindir: exe
 cert_chain: []
 date: 1980-01-02 00:00:00.000000000 Z
 dependencies:
@@ -29,6 +29,26 @@ dependencies:
     - - "<"
       - !ruby/object:Gem::Version
         version: '2'
+- !ruby/object:Gem::Dependency
+  name: glaze
+  requirement: !ruby/object:Gem::Requirement
+    requirements:
+    - - ">="
+      - !ruby/object:Gem::Version
+        version: 0.1.0
+    - - "<"
+      - !ruby/object:Gem::Version
+        version: '0.2'
+  type: :runtime
+  prerelease: false
+  version_requirements: !ruby/object:Gem::Requirement
+    requirements:
+    - - ">="
+      - !ruby/object:Gem::Version
+        version: 0.1.0
+    - - "<"
+      - !ruby/object:Gem::Version
+        version: '0.2'
 - !ruby/object:Gem::Dependency
   name: base64
   requirement: !ruby/object:Gem::Requirement
@@ -113,28 +133,43 @@ dependencies:
     - - "~>"
       - !ruby/object:Gem::Version
         version: '3.6'
-description: An RBGL canvas backend and browser loader powered by ruby.wasm.
+description: An RBGL canvas backend, WebGPU shader bridge, and browser playground
+  powered by ruby.wasm.
 email:
 - t.yudai92@gmail.com
-executables: []
+executables:
+- webvas
 extensions: []
 extra_rdoc_files: []
 files:
 - CHANGELOG.md
 - LICENSE.txt
 - README.md
+- docs/performance.md
+- docs/security.md
+- docs/spikes.md
+- exe/webvas
 - js/bridge.js
 - js/loader.js
-- js/worker.js
 - lib/webvas.rb
 - lib/webvas/backend.rb
 - lib/webvas/bridge.rb
 - lib/webvas/input.rb
 - lib/webvas/key_map.rb
 - lib/webvas/runner.rb
+- lib/webvas/shader.rb
 - lib/webvas/version.rb
+- patches/psych-wasi.patch
+- runtime/Gemfile
+- runtime/Gemfile.lock
+- script/build_site
 - sig/rbgl.rbs
 - sig/webvas.rbs
+- site/app.js
+- site/index.html
+- site/loader-example.html
+- site/style.css
+- site/worker.js
 homepage: https://github.com/rbgfx/webvas
 licenses:
 - MIT