eric/matrix
1
0
Fork 0
mirror of https://github.com/Rezmason/matrix.git synced 2026-04-18 06:09:30 -07:00
Code Issues Packages Projects Releases Wiki Activity

Add camera setup to WebGPU project

Browse Source
This commit is contained in:
Rezmason
2022-08-07 21:21:50 -07:00
parent 6aa025870c
commit e024f4bd4d
2 changed files with 10 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

5
TODO.txt
View File

@@ -1,5 +1,10 @@
TODO: TODO:
Add mirror effect to WebGPU
Reformulate the basis
https://buf.com/films/the-matrix-resurrections
Resurrections Resurrections
Support random glyph order Support random glyph order
Support annomaly streaks Support annomaly streaks

5
js/webgpu/main.js
View File

@@ -8,6 +8,7 @@ import makeStripePass from "./stripePass.js";
import makeImagePass from "./imagePass.js"; import makeImagePass from "./imagePass.js";
import makeResurrectionPass from "./resurrectionPass.js"; import makeResurrectionPass from "./resurrectionPass.js";
import makeEndPass from "./endPass.js"; import makeEndPass from "./endPass.js";
import { setupCamera } from "../camera.js";
const loadJS = (src) => const loadJS = (src) =>
new Promise((resolve, reject) => { new Promise((resolve, reject) => {
@@ -34,6 +35,10 @@ const effects = {
export default async (canvas, config) => { export default async (canvas, config) => {
await loadJS("lib/gl-matrix.js"); await loadJS("lib/gl-matrix.js");
if (config.useCamera) {
await setupCamera();
}
const canvasFormat = navigator.gpu.getPreferredCanvasFormat(); const canvasFormat = navigator.gpu.getPreferredCanvasFormat();
const adapter = await navigator.gpu.requestAdapter(); const adapter = await navigator.gpu.requestAdapter();
const device = await adapter.requestDevice(); const device = await adapter.requestDevice();