Add spector js to web

This commit is contained in:
Maximilian Ammann 2022-01-02 11:16:19 +01:00
parent 3656b9140a
commit a7cb19975a
4 changed files with 26 additions and 13 deletions

View File

@ -8,4 +8,10 @@
## Future Ideas
* Use [rust-gpu](https://github.com/EmbarkStudios/rust-gpu) as shading language
* Use [rust-gpu](https://github.com/EmbarkStudios/rust-gpu) as shading language
## Debugging Rendering
For WebGL there is SpectorJS is enabled by default right now. For debugging on a desktop environment you can use
[RenderDoc](https://renderdoc.org/).

View File

@ -1,6 +1,9 @@
import init from "./dist/libs/mapr";
import {Spector} from "spectorjs";
const start = async () => {
let spector = new Spector();
spector.displayUI();
let MEMORY = 16 * 1024;
const memory = new WebAssembly.Memory({initial: 1024, maximum: MEMORY, shared: true});
const module = await init(undefined, memory);

23
web/package-lock.json generated
View File

@ -9,8 +9,7 @@
"version": "0.0.1",
"license": "MIT",
"dependencies": {
"mapr": "file:libs/mapr",
"wasm-pack": "^0.10.1"
"spectorjs": "^0.9.27"
},
"devDependencies": {
"@wasm-tool/wasm-pack-plugin": "^1.6.0",
@ -22,7 +21,8 @@
}
},
"libs/mapr": {
"version": "0.1.0"
"version": "0.1.0",
"extraneous": true
},
"node_modules/@discoveryjs/json-ext": {
"version": "0.5.6",
@ -2110,10 +2110,6 @@
"integrity": "sha512-v2kDEe57lecTulaDIuNTPy3Ry4gLGJ6Z1O3vE1krgXZNrsQ+LFTGHVxVjcXPs17LhbZVGedAJv8XZ1tvj5FvSg==",
"dev": true
},
"node_modules/mapr": {
"resolved": "libs/mapr",
"link": true
},
"node_modules/media-typer": {
"version": "0.3.0",
"resolved": "https://registry.npmjs.org/media-typer/-/media-typer-0.3.0.tgz",
@ -3222,6 +3218,11 @@
"integrity": "sha512-sGkPx+VjMtmA6MX27oA4FBFELFCZZ4S4XqeGOXCv68tT+jb3vk/RyaKWP0PTKyWtmLSM0b+adUTEvbs1PEaH2w==",
"dev": true
},
"node_modules/spectorjs": {
"version": "0.9.27",
"resolved": "https://registry.npmjs.org/spectorjs/-/spectorjs-0.9.27.tgz",
"integrity": "sha512-eujFAuFWdW9S5wT++ks2o1zShN5Vd8Zple2NB6oM5G5tXqNtGbk6Yg3mfCpL03Bbq0djqGJAeswYk0VfpuPfIQ=="
},
"node_modules/statuses": {
"version": "1.5.0",
"resolved": "https://registry.npmjs.org/statuses/-/statuses-1.5.0.tgz",
@ -5542,9 +5543,6 @@
"integrity": "sha512-v2kDEe57lecTulaDIuNTPy3Ry4gLGJ6Z1O3vE1krgXZNrsQ+LFTGHVxVjcXPs17LhbZVGedAJv8XZ1tvj5FvSg==",
"dev": true
},
"mapr": {
"version": "file:libs/mapr"
},
"media-typer": {
"version": "0.3.0",
"resolved": "https://registry.npmjs.org/media-typer/-/media-typer-0.3.0.tgz",
@ -6387,6 +6385,11 @@
}
}
},
"spectorjs": {
"version": "0.9.27",
"resolved": "https://registry.npmjs.org/spectorjs/-/spectorjs-0.9.27.tgz",
"integrity": "sha512-eujFAuFWdW9S5wT++ks2o1zShN5Vd8Zple2NB6oM5G5tXqNtGbk6Yg3mfCpL03Bbq0djqGJAeswYk0VfpuPfIQ=="
},
"statuses": {
"version": "1.5.0",
"resolved": "https://registry.npmjs.org/statuses/-/statuses-1.5.0.tgz",

View File

@ -16,14 +16,15 @@
"url": "https://github.com/maxammann/mapr"
},
"dependencies": {
"spectorjs": "^0.9.27"
},
"devDependencies": {
"@wasm-tool/wasm-pack-plugin": "^1.6.0",
"copy-webpack-plugin": "^10.0.0",
"wasm-pack": "^0.10.1",
"webpack": "^5.65.0",
"webpack-cli": "^4.9.1",
"webpack-dev-server": "^4.6.0",
"wasm-pack": "^0.10.1"
"webpack-dev-server": "^4.6.0"
},
"keywords": [
"wasm",