Simplesequencer / Game of Life (Ofelia / Emscripten)

Jona

I made a simple sequencer / synth and a game of life for the web:
https://simplesequencer.handmadeproductions.de/
https://gameoflife.handmadeproductions.de/
Partly to test what works with Emscripten.
Audio works best with the current Chrome dev version.
There are some things that need to be done different in Emscripten, maybe I will make a list of them.
Both patches make use of my GUI abstractions (also tried to optimize them).

Here is a collection of my Pure Data / Ofelia / Emscripten Patches: https://github.com/Jonathhhan/Pure-Data-Ofelia-Emscripten

FFW

Hi,
with Firefox 88.0.1, Ubuntu 21.04 it loads and then Exception thrown, see JavaScript console:

unreachable code after return statement
EmscriptenExample.js:8289:4
unreachable code after return statement
EmscriptenExample.js:8413:4
undefined gameoflife.handmadeproductions.de:41:33
    printErr https://gameoflife.handmadeproductions.de/:41
    abort https://gameoflife.handmadeproductions.de/EmscriptenExample.js:859
    _abort https://gameoflife.handmadeproductions.de/EmscriptenExample.js:5284
    <anonyme> https://gameoflife.handmadeproductions.de/EmscriptenExample.wasm:124923
    <anonyme> https://gameoflife.handmadeproductions.de/EmscriptenExample.wasm:6889037
    <anonyme> https://gameoflife.handmadeproductions.de/EmscriptenExample.wasm:6889238
    <anonyme> https://gameoflife.handmadeproductions.de/EmscriptenExample.wasm:858086
    <anonyme> https://gameoflife.handmadeproductions.de/EmscriptenExample.wasm:766433
    <anonyme> https://gameoflife.handmadeproductions.de/EmscriptenExample.wasm:1044857
    <anonyme> https://gameoflife.handmadeproductions.de/EmscriptenExample.wasm:1488944
    <anonyme> https://gameoflife.handmadeproductions.de/EmscriptenExample.wasm:795390
    <anonyme> https://gameoflife.handmadeproductions.de/EmscriptenExample.wasm:193441
    <anonyme> https://gameoflife.handmadeproductions.de/EmscriptenExample.wasm:2719626
    <anonyme> https://gameoflife.handmadeproductions.de/EmscriptenExample.wasm:3663705
    <anonyme> https://gameoflife.handmadeproductions.de/EmscriptenExample.wasm:2876770
    <anonyme> https://gameoflife.handmadeproductions.de/EmscriptenExample.wasm:4943251
    <anonyme> https://gameoflife.handmadeproductions.de/EmscriptenExample.wasm:4467908
    _main https://gameoflife.handmadeproductions.de/EmscriptenExample.js:9697
    callMain https://gameoflife.handmadeproductions.de/EmscriptenExample.js:10601
    doRun https://gameoflife.handmadeproductions.de/EmscriptenExample.js:10641
    run https://gameoflife.handmadeproductions.de/EmscriptenExample.js:10650
    (Asynchrone : setTimeout handler)
    run https://gameoflife.handmadeproductions.de/EmscriptenExample.js:10646
    runCaller https://gameoflife.handmadeproductions.de/EmscriptenExample.js:10591
    removeRunDependency https://gameoflife.handmadeproductions.de/EmscriptenExample.js:848
    receiveInstance https://gameoflife.handmadeproductions.de/EmscriptenExample.js:920
    receiveInstantiatedSource https://gameoflife.handmadeproductions.de/EmscriptenExample.js:924
    (Asynchrone : promise callback)
    instantiateAsync https://gameoflife.handmadeproductions.de/EmscriptenExample.js:940
    (Asynchrone : promise callback)
    instantiateAsync https://gameoflife.handmadeproductions.de/EmscriptenExample.js:938
    createWasm https://gameoflife.handmadeproductions.de/EmscriptenExample.js:959
    <anonyme> https://gameoflife.handmadeproductions.de/EmscriptenExample.js:9687
exception thrown: RuntimeError: abort(undefined). Build with -s ASSERTIONS=1 for more info.,abort@https://gameoflife.handmadeproductions.de/EmscriptenExample.js:863:13
_abort@https://gameoflife.handmadeproductions.de/EmscriptenExample.js:5284:5
@https://gameoflife.handmadeproductions.de/EmscriptenExample.wasm:wasm-function[497]:0x1e7fb
@https://gameoflife.handmadeproductions.de/EmscriptenExample.wasm:wasm-function[12138]:0x691e4d
@https://gameoflife.handmadeproductions.de/EmscriptenExample.wasm:wasm-function[12139]:0x691f16
@https://gameoflife.handmadeproductions.de/EmscriptenExample.wasm:wasm-function[2153]:0xd17e6
@https://gameoflife.handmadeproductions.de/EmscriptenExample.wasm:wasm-function[1931]:0xbb1e1
@https://gameoflife.handmadeproductions.de/EmscriptenExample.wasm:wasm-function[2449]:0xff179
@https://gameoflife.handmadeproductions.de/EmscriptenExample.wasm:wasm-function[3427]:0x16b830
@https://gameoflife.handmadeproductions.de/EmscriptenExample.wasm:wasm-function[1989]:0xc22fe
@https://gameoflife.handmadeproductions.de/EmscriptenExample.wasm:wasm-function[655]:0x2f3a1
@https://gameoflife.handmadeproductions.de/EmscriptenExample.wasm:wasm-function[6070]:0x297f8a
@https://gameoflife.handmadeproductions.de/EmscriptenExample.wasm:wasm-function[9295]:0x37e759
@https://gameoflife.handmadeproductions.de/EmscriptenExample.wasm:wasm-function[6933]:0x2be562
@https://gameoflife.handmadeproductions.de/EmscriptenExample.wasm:wasm-function[10347]:0x4b6d93
@https://gameoflife.handmadeproductions.de/EmscriptenExample.wasm:wasm-function[9921]:0x442cc4
Module._main@https://gameoflife.handmadeproductions.de/EmscriptenExample.js:9697:60
callMain@https://gameoflife.handmadeproductions.de/EmscriptenExample.js:10601:32
doRun@https://gameoflife.handmadeproductions.de/EmscriptenExample.js:10641:21
run/<@https://gameoflife.handmadeproductions.de/EmscriptenExample.js:10650:13
setTimeout handler*run@https://gameoflife.handmadeproductions.de/EmscriptenExample.js:10646:19
runCaller@https://gameoflife.handmadeproductions.de/EmscriptenExample.js:10591:9
removeRunDependency@https://gameoflife.handmadeproductions.de/EmscriptenExample.js:848:13
receiveInstance@https://gameoflife.handmadeproductions.de/EmscriptenExample.js:920:28
receiveInstantiatedSource@https://gameoflife.handmadeproductions.de/EmscriptenExample.js:924:24
promise callback*instantiateAsync/<@https://gameoflife.handmadeproductions.de/EmscriptenExample.js:940:31
promise callback*instantiateAsync@https://gameoflife.handmadeproductions.de/EmscriptenExample.js:938:16
createWasm@https://gameoflife.handmadeproductions.de/EmscriptenExample.js:959:5
@https://gameoflife.handmadeproductions.de/EmscriptenExample.js:9687:11
gameoflife.handmadeproductions.de:41:33
    printErr https://gameoflife.handmadeproductions.de/:41
    callMain https://gameoflife.handmadeproductions.de/EmscriptenExample.js:10614
    doRun https://gameoflife.handmadeproductions.de/EmscriptenExample.js:10641
    run https://gameoflife.handmadeproductions.de/EmscriptenExample.js:10650
    (Asynchrone : setTimeout handler)
    run https://gameoflife.handmadeproductions.de/EmscriptenExample.js:10646
    runCaller https://gameoflife.handmadeproductions.de/EmscriptenExample.js:10591
    removeRunDependency https://gameoflife.handmadeproductions.de/EmscriptenExample.js:848
    receiveInstance https://gameoflife.handmadeproductions.de/EmscriptenExample.js:920
    receiveInstantiatedSource https://gameoflife.handmadeproductions.de/EmscriptenExample.js:924
    (Asynchrone : promise callback)
    instantiateAsync https://gameoflife.handmadeproductions.de/EmscriptenExample.js:940
    (Asynchrone : promise callback)
    instantiateAsync https://gameoflife.handmadeproductions.de/EmscriptenExample.js:938
    createWasm https://gameoflife.handmadeproductions.de/EmscriptenExample.js:959
    <anonyme> https://gameoflife.handmadeproductions.de/EmscriptenExample.js:9687
Uncaught RuntimeError: abort(undefined). Build with -s ASSERTIONS=1 for more info.
    abort https://gameoflife.handmadeproductions.de/EmscriptenExample.js:863
    _abort https://gameoflife.handmadeproductions.de/EmscriptenExample.js:5284
    _main https://gameoflife.handmadeproductions.de/EmscriptenExample.js:9697
    callMain https://gameoflife.handmadeproductions.de/EmscriptenExample.js:10601
    doRun https://gameoflife.handmadeproductions.de/EmscriptenExample.js:10641
    run https://gameoflife.handmadeproductions.de/EmscriptenExample.js:10650
    setTimeout handler*run https://gameoflife.handmadeproductions.de/EmscriptenExample.js:10646
    runCaller https://gameoflife.handmadeproductions.de/EmscriptenExample.js:10591
    removeRunDependency https://gameoflife.handmadeproductions.de/EmscriptenExample.js:848
    receiveInstance https://gameoflife.handmadeproductions.de/EmscriptenExample.js:920
    receiveInstantiatedSource https://gameoflife.handmadeproductions.de/EmscriptenExample.js:924
    promise callback*instantiateAsync/< https://gameoflife.handmadeproductions.de/EmscriptenExample.js:940
    promise callback*instantiateAsync https://gameoflife.handmadeproductions.de/EmscriptenExample.js:938
    createWasm https://gameoflife.handmadeproductions.de/EmscriptenExample.js:959
    <anonymous> https://gameoflife.handmadeproductions.de/EmscriptenExample.js:9687
EmscriptenExample.js:863:13

Jona

Hi @FFW, thanks for your bug report. To be honest, I am not sure what is the cause of that. If https://puredatagui.handmadeproductions.de/ works in your browser it could be related to gl es 300, because it is the only of the three examples without gl es 300 shaders.

FFW

https://puredatagui.handmadeproductions.de/ doesn't work…


unreachable code after return statement
EmscriptenExample.js:8288:4
unreachable code after return statement
EmscriptenExample.js:8412:4
undefined puredatagui.handmadeproductions.de:41:33
    printErr https://puredatagui.handmadeproductions.de/:41
    abort https://puredatagui.handmadeproductions.de/EmscriptenExample.js:858
    _abort https://puredatagui.handmadeproductions.de/EmscriptenExample.js:5283
    <anonyme> https://puredatagui.handmadeproductions.de/EmscriptenExample.wasm:124923
    <anonyme> https://puredatagui.handmadeproductions.de/EmscriptenExample.wasm:6889037
    <anonyme> https://puredatagui.handmadeproductions.de/EmscriptenExample.wasm:6889238
    <anonyme> https://puredatagui.handmadeproductions.de/EmscriptenExample.wasm:858086
    <anonyme> https://puredatagui.handmadeproductions.de/EmscriptenExample.wasm:766433
    <anonyme> https://puredatagui.handmadeproductions.de/EmscriptenExample.wasm:1044857
    <anonyme> https://puredatagui.handmadeproductions.de/EmscriptenExample.wasm:1488944
    <anonyme> https://puredatagui.handmadeproductions.de/EmscriptenExample.wasm:795390
    <anonyme> https://puredatagui.handmadeproductions.de/EmscriptenExample.wasm:193441
    <anonyme> https://puredatagui.handmadeproductions.de/EmscriptenExample.wasm:2719626
    <anonyme> https://puredatagui.handmadeproductions.de/EmscriptenExample.wasm:3663705
    <anonyme> https://puredatagui.handmadeproductions.de/EmscriptenExample.wasm:2876770
    <anonyme> https://puredatagui.handmadeproductions.de/EmscriptenExample.wasm:4943251
    <anonyme> https://puredatagui.handmadeproductions.de/EmscriptenExample.wasm:4467908
    _main https://puredatagui.handmadeproductions.de/EmscriptenExample.js:9696
    callMain https://puredatagui.handmadeproductions.de/EmscriptenExample.js:10600
    doRun https://puredatagui.handmadeproductions.de/EmscriptenExample.js:10640
    run https://puredatagui.handmadeproductions.de/EmscriptenExample.js:10649
exception thrown: RuntimeError: abort(undefined). Build with -s ASSERTIONS=1 for more info.,abort@https://puredatagui.handmadeproductions.de/EmscriptenExample.js:862:13
_abort@https://puredatagui.handmadeproductions.de/EmscriptenExample.js:5283:5
@https://puredatagui.handmadeproductions.de/EmscriptenExample.wasm:wasm-function[497]:0x1e7fb
@https://puredatagui.handmadeproductions.de/EmscriptenExample.wasm:wasm-function[12138]:0x691e4d
@https://puredatagui.handmadeproductions.de/EmscriptenExample.wasm:wasm-function[12139]:0x691f16
@https://puredatagui.handmadeproductions.de/EmscriptenExample.wasm:wasm-function[2153]:0xd17e6
@https://puredatagui.handmadeproductions.de/EmscriptenExample.wasm:wasm-function[1931]:0xbb1e1
@https://puredatagui.handmadeproductions.de/EmscriptenExample.wasm:wasm-function[2449]:0xff179
@https://puredatagui.handmadeproductions.de/EmscriptenExample.wasm:wasm-function[3427]:0x16b830
@https://puredatagui.handmadeproductions.de/EmscriptenExample.wasm:wasm-function[1989]:0xc22fe
@https://puredatagui.handmadeproductions.de/EmscriptenExample.wasm:wasm-function[655]:0x2f3a1
@https://puredatagui.handmadeproductions.de/EmscriptenExample.wasm:wasm-function[6070]:0x297f8a
@https://puredatagui.handmadeproductions.de/EmscriptenExample.wasm:wasm-function[9295]:0x37e759
@https://puredatagui.handmadeproductions.de/EmscriptenExample.wasm:wasm-function[6933]:0x2be562
@https://puredatagui.handmadeproductions.de/EmscriptenExample.wasm:wasm-function[10347]:0x4b6d93
@https://puredatagui.handmadeproductions.de/EmscriptenExample.wasm:wasm-function[9921]:0x442cc4
Module._main@https://puredatagui.handmadeproductions.de/EmscriptenExample.js:9696:60
callMain@https://puredatagui.handmadeproductions.de/EmscriptenExample.js:10600:32
doRun@https://puredatagui.handmadeproductions.de/EmscriptenExample.js:10640:21
run/<@https://puredatagui.handmadeproductions.de/EmscriptenExample.js:10649:13
puredatagui.handmadeproductions.de:41:33
    printErr https://puredatagui.handmadeproductions.de/:41
    callMain https://puredatagui.handmadeproductions.de/EmscriptenExample.js:10613
    doRun https://puredatagui.handmadeproductions.de/EmscriptenExample.js:10640
    run https://puredatagui.handmadeproductions.de/EmscriptenExample.js:10649
Uncaught RuntimeError: abort(undefined). Build with -s ASSERTIONS=1 for more info.
    abort https://puredatagui.handmadeproductions.de/EmscriptenExample.js:862
    _abort https://puredatagui.handmadeproductions.de/EmscriptenExample.js:5283
    _main https://puredatagui.handmadeproductions.de/EmscriptenExample.js:9696
    callMain https://puredatagui.handmadeproductions.de/EmscriptenExample.js:10600
    doRun https://puredatagui.handmadeproductions.de/EmscriptenExample.js:10640
    run https://puredatagui.handmadeproductions.de/EmscriptenExample.js:10649
EmscriptenExample.js:862:13
    abort https://puredatagui.handmadeproductions.de/EmscriptenExample.js:862
    _abort https://puredatagui.handmadeproductions.de/EmscriptenExample.js:5283
    <anonyme> https://puredatagui.handmadeproductions.de/EmscriptenExample.wasm:124923
    <anonyme> https://puredatagui.handmadeproductions.de/EmscriptenExample.wasm:6889037
    <anonyme> https://puredatagui.handmadeproductions.de/EmscriptenExample.wasm:6889238
    <anonyme> https://puredatagui.handmadeproductions.de/EmscriptenExample.wasm:858086
    <anonyme> https://puredatagui.handmadeproductions.de/EmscriptenExample.wasm:766433
    <anonyme> https://puredatagui.handmadeproductions.de/EmscriptenExample.wasm:1044857
    <anonyme> https://puredatagui.handmadeproductions.de/EmscriptenExample.wasm:1488944
    <anonyme> https://puredatagui.handmadeproductions.de/EmscriptenExample.wasm:795390
    <anonyme> https://puredatagui.handmadeproductions.de/EmscriptenExample.wasm:193441
    <anonyme> https://puredatagui.handmadeproductions.de/EmscriptenExample.wasm:2719626
    <anonyme> https://puredatagui.handmadeproductions.de/EmscriptenExample.wasm:3663705
    <anonyme> https://puredatagui.handmadeproductions.de/EmscriptenExample.wasm:2876770
    <anonyme> https://puredatagui.handmadeproductions.de/EmscriptenExample.wasm:4943251
    <anonyme> https://puredatagui.handmadeproductions.de/EmscriptenExample.wasm:4467908
    _main https://puredatagui.handmadeproductions.de/EmscriptenExample.js:9696
    callMain https://puredatagui.handmadeproductions.de/EmscriptenExample.js:10600
    doRun https://puredatagui.handmadeproductions.de/EmscriptenExample.js:10640
    run https://puredatagui.handmadeproductions.de/EmscriptenExample.js:10649

Jona

@FFW I use Ubuntu 18.04.5 LTS and Firefox 88.0.1 (64-Bit) (other browsers work too). But would be good to find the reason for those errors.