maobo/cup_edit
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

update web_wasm example

Browse Source
This commit is contained in:
Nick Fisher
2024-05-11 22:41:17 +08:00
parent d46aecb8ec
commit 66e5e38324
1 changed files with 120 additions and 20 deletions
Download Patch File Download Diff File Expand all files Collapse all files

140
dart_filament/examples/web_wasm/bin/index.html
View File

@@ -1,27 +1,127 @@
<html> <html>
<head>
<script src="dart_filament.js"></script>
<style>
html, body {
margin:0;
padding:0;
}
canvas {
position:absolute;
left:0;
right:0;
top:0;
bottom:0;
width:100%;
height:100%;
}
</style>
</head>
<script type="module"> <script type="module">
window.resolveCallback = (cb, data) => {
import { dart_filament } from "./dart_filament.js"; const fn = window.df.wasmTable.get(cb);
if(data) {
let dart2wasm_runtime; fn(data);
let moduleInstance; } else {
fn();
const dartFilamentModulePromise = await WebAssembly.compileStreaming(fetch('dart_filament.wasm'));
var df = await dart_filament(dartFilamentModulePromise);
console.log(df);
const dartModulePromise = WebAssembly.compileStreaming(fetch('example_web.wasm'));
const imports = {"dart_filament":df};
dart2wasm_runtime = await import('./example_web.mjs');
moduleInstance = await dart2wasm_runtime.instantiate(dartModulePromise, imports);
if (moduleInstance) {
try {
await dart2wasm_runtime.invoke(moduleInstance);
} catch (exception) {
console.error(`Exception while invoking test: ${exception}`);
} }
} }
window.createVoidCallback = () => {
let res; //placeholder for resolver callback, outside of promise
const promise = new Promise((resolve, reject) => {
res = resolve;
});
try {
const callback = () => {
try {
res({});
} catch(err) {
console.log(err);
}
}
const fnPtr = window.df.addFunction(callback, 'v');
return [promise, fnPtr];
} catch(err) {
console.log(err);
return null;
}
}
window.createIntCallback = () => {
let res;
const promise = new Promise((resolve, reject) => {
res = resolve;
});
try {
const callback = (val) => {
try {
res(val);
} catch(err) {
console.log(err);
}
}
const fnPtr = window.df.addFunction(callback, 'vi');
return [promise, fnPtr];
} catch(err) {
console.log(err);
return null;
}
}
window.createVoidPointerCallback = () => {
let res; //placeholder for resolver callback, outside of promise
const promise = new Promise((resolve, reject) => {
res = resolve;
});
try {
const callback = (voidPtr) => {
try {
res(voidPtr);
} catch(err) {
console.log(err);
}
}
const fnPtr = window.df.addFunction(callback, 'vi');
return [promise, fnPtr];
} catch(err) {
console.log(err);
return null;
}
}
window.createBoolCallback = () => {
let res; //placeholder for resolver callback, outside of promise
const promise = new Promise((resolve, reject) => {
res = resolve;
});
try {
const callback = (val) => {
try {
res(val);
} catch(err) {
console.log(err);
}
}
const fnPtr = window.df.addFunction(callback, 'vi');
return [promise, fnPtr];
} catch(err) {
console.log(err);
return null;
}
}
const df = await dart_filament();
window.df = df;
const dartModulePromise = WebAssembly.compileStreaming(fetch('example_web.wasm'));
const imports = {"dart_filament":df};
const dart2wasm_runtime = await import('./example_web.mjs');
const moduleInstance = await dart2wasm_runtime.instantiate(dartModulePromise, imports);
window.example = moduleInstance;
await dart2wasm_runtime.invoke(moduleInstance);
</script> </script>
<body>
<canvas id="canvas"></canvas>
</body>
</html> </html>