commit 9db10d6064c6c46d9290d7572dfcc02eabae04a0 Author: nemo Date: Mon Oct 14 21:42:29 2024 +0200 init diff --git a/.gitignore b/.gitignore new file mode 100644 index 0000000..87556bd --- /dev/null +++ b/.gitignore @@ -0,0 +1,2 @@ +app.wasm +app.wat diff --git a/app.c b/app.c new file mode 100644 index 0000000..02ec7f5 --- /dev/null +++ b/app.c @@ -0,0 +1,95 @@ +#include "penger.c" + +#define BLUE 0xffff0000 +#define RED 0xff0000ff +#define BLACK 0xff000000 + +const unsigned int width = 800; +const unsigned int height = 600; +unsigned int BUFFER[width * height]; + +typedef struct v2 { + float x, y; +} v2; + +#define NB 10 +v2 pos[NB]; + +#define GRAVITY 5 + +#define SPEED 500 +v2 dir[NB]; + +unsigned int radius = 30; + +float random(void); + +int rand(int min, int max) +{ + return min + random() * (max - min); +} + +void init() +{ + for (int i = 0; i < NB; i++) { + pos[i].x = rand(radius, width - radius); + pos[i].y = rand(radius, height - radius); + + dir[i].x = SPEED; + dir[i].y = SPEED; + } +} + +void go(float dt, int scale) +{ + for (int i = 0; i < NB; i++) { + v2 npos; + npos.x = pos[i].x + dir[i].x * dt; + npos.y = pos[i].y + dir[i].y * dt; + + if (npos.x - radius < 0 || npos.x + radius > width) { + dir[i].x = -dir[i].x; + } + if (npos.y - radius < 0 || npos.y + radius > height) { + dir[i].y = -dir[i].y; + } + + pos[i].x += dir[i].x * dt; + pos[i].y += dir[i].y * dt; + } + + for (int h = 0; h < height; h++) { + for (int w = 0; w < width; w++) { + unsigned int color = BLUE; + for (int p = 0; p < NB; p++) { + unsigned int dw = (unsigned int) pos[p].x - w; + unsigned int dh = (unsigned int) pos[p].y - h; + unsigned int d = dw * dw + dh * dh; + + if (d <= radius*radius) { + unsigned short int red = (float) d/(radius*radius) * 255; + color = BLACK + red; + break; + } + } + BUFFER[h*width + w] = color; + } + } + + v2 penger_origin = {(float) width/2 - 32*scale/2, (float) height/2 - 32*scale/2}; + for (int i = 0; i < 32; i++) { + for (int y = 0; y < 32; y++) { + if (penger_img[i][y] == 0) + continue; + for (int s1 = 0; s1 < scale; s1++) { + for (int s2 = 0; s2 < scale; s2++) { + int idx_x = penger_origin.x + y*scale+s1; + int idx_y = penger_origin.y + i*scale+s2; + if (idx_x < 0 || idx_x > width || idx_y < 0 || idx_y > height) + continue; + BUFFER[idx_y*width + idx_x] = penger_img[i][y]; + } + } + } + } +} diff --git a/build.sh b/build.sh new file mode 100755 index 0000000..a72dc91 --- /dev/null +++ b/build.sh @@ -0,0 +1,13 @@ +#!/bin/bash + +export_sym="init go BUFFER width height" +export_cmd="" +for e in $export_sym; do + export_cmd="$export_cmd -Wl,--export=$e"; +done; + +f=$(echo $1 | sed "s/\..*$//g") + +clang -O2 --target=wasm32 -fno-builtin -nostdlib --no-standard-libraries -Wl,--no-entry $export_cmd -Wl,--allow-undefined -o $f.wasm $1 + +wasm2wat $f.wasm > $f.wat diff --git a/docker-compose.yml b/docker-compose.yml new file mode 100644 index 0000000..d617474 --- /dev/null +++ b/docker-compose.yml @@ -0,0 +1,10 @@ +version: "3" + +services: + web: + container_name: "web" + image: "httpd" + ports: + - "6969:80" + volumes: + - ".:/usr/local/apache2/htdocs/" diff --git a/index.html b/index.html new file mode 100644 index 0000000..eee1621 --- /dev/null +++ b/index.html @@ -0,0 +1,13 @@ + + + + + + +

+
+

+ + + + diff --git a/load.js b/load.js new file mode 100644 index 0000000..76e388f --- /dev/null +++ b/load.js @@ -0,0 +1,78 @@ +var scale = 12; + +window.onload = () => { + var scale_but = document.getElementById("scaling"); + var descale_but = document.getElementById("descaling"); + var scale_p = document.getElementById("scale"); + scale_p.innerText = "scale: " + scale; + scale_but.onclick = () => { + scale++; + scale_p.innerText = "scale: " + scale; + } + descale_but.onclick = () => { + scale--; + scale_p.innerText = "scale: " + scale; + } +}; + +function make_environment(...envs) { + return new Proxy(envs, { + get(target, prop, receiver) { + for (let env of envs) { + if (env.hasOwnProperty(prop)) { + return env[prop]; + } + } + return (...args) => {console.error("NOT IMPLEMENTED: "+prop, args)} + } + }); +} + +(async() => { + +const { instance } = await WebAssembly.instantiateStreaming(fetch("./app.wasm"), { + "env": make_environment({ + 'random': Math.random, + }) +}); + +const memory = new Uint32Array(instance.exports.memory.buffer); + +const width = memory[instance.exports.width.value / 4]; +const height = memory[instance.exports.height.value / 4]; + +const canvas = document.getElementById("demo-canvas"); +canvas.width = width; +canvas.height = height; + +const buffer_address = instance.exports.BUFFER.value; +const image = new ImageData( + new Uint8ClampedArray( + instance.exports.memory.buffer, + buffer_address, + 4 * width * height, + ), + width, +); + +const ctx = canvas.getContext("2d"); + +instance.exports.init(); + +let prev = null; +function first(timestamp) { + prev = timestamp; + instance.exports.go(0.16, scale); + window.requestAnimationFrame(loop); +} +function loop(timestamp) { + const dt = timestamp - prev; + prev = timestamp; + + instance.exports.go(dt/1000, scale); + ctx.putImageData(image, 0, 0); + window.requestAnimationFrame(loop); +} +window.requestAnimationFrame(first); + +})() diff --git a/penger.c b/penger.c new file mode 100644 index 0000000..090ff7f --- /dev/null +++ b/penger.c @@ -0,0 +1,40 @@ +#define T 0x00000000 +#define B 0xff000000 +#define G 0xff383838 +#define W 0xffc0c0c0 +#define Y 0xff36c7fb + +unsigned int penger_img[32][32] = { + T, T, T, T, T, T, T, T, T, T, T, T, T, T, T, T, T, T, T, T, T, T, T, T, T, T, T, T, T, T, T, T, + T, T, T, T, T, T, T, T, T, T, T, T, T, T, T, T, T, B, B, T, T, T, T, T, T, T, T, T, T, T, T, T, + T, T, T, T, T, T, T, T, T, T, T, T, T, B, B, B, B, G, B, B, B, T, T, T, T, T, T, T, T, T, T, T, + T, T, T, T, T, T, T, T, T, T, T, T, B, B, G, G, G, G, G, G, B, B, T, T, T, T, T, T, T, T, T, T, + T, T, T, T, T, T, T, T, T, T, T, B, B, G, G, G, G, G, G, G, G, B, T, T, T, T, T, T, T, T, T, T, + T, T, T, T, T, T, T, T, T, T, B, B, G, G, G, G, G, G, G, G, G, B, T, T, T, T, T, T, T, T, T, T, + T, T, T, T, T, T, T, T, T, T, B, G, G, G, G, G, G, G, G, G, G, B, T, T, T, T, T, T, T, T, T, T, + T, T, T, T, T, T, T, T, T, B, B, G, G, G, G, G, G, G, G, G, G, G, B, T, T, T, T, T, T, T, T, T, + T, T, T, T, T, T, T, T, T, B, G, G, G, G, G, B, B, B, G, G, G, G, B, T, T, T, T, T, T, T, T, T, + T, T, T, T, T, T, T, T, T, B, G, G, G, G, G, G, B, B, G, G, G, G, B, T, T, T, T, T, T, T, T, T, + T, T, T, T, T, T, T, T, B, B, G, G, G, G, G, G, G, G, G, G, G, G, B, B, T, T, T, T, T, T, T, T, + T, T, T, T, T, T, T, T, B, G, G, G, G, G, G, G, G, G, G, G, B, B, B, B, B, T, T, T, T, T, T, T, + T, T, T, T, T, T, T, T, B, G, G, G, G, G, G, G, G, B, B, B, B, Y, Y, Y, Y, B, T, T, T, T, T, T, + T, T, T, T, T, T, T, T, B, G, G, G, G, G, G, G, G, B, B, Y, Y, Y, Y, Y, Y, Y, B, T, T, T, T, T, + T, T, T, T, T, T, T, B, B, G, G, G, G, G, G, G, G, G, B, B, B, Y, Y, Y, Y, Y, B, T, T, T, T, T, + T, T, T, T, T, T, T, B, G, G, G, G, G, G, G, G, G, G, G, G, B, B, B, Y, Y, Y, B, T, T, T, T, T, + T, T, T, T, T, T, T, B, G, G, G, G, G, G, G, G, G, G, G, G, G, B, B, B, B, B, T, T, T, T, T, T, + T, T, T, T, T, T, T, B, G, G, G, G, G, G, G, G, G, B, B, B, B, B, T, T, T, T, T, T, T, T, T, T, + T, T, T, T, T, T, T, B, G, G, G, G, G, G, B, B, B, B, W, W, B, B, B, T, T, T, T, T, T, T, T, T, + T, T, T, T, T, T, T, B, G, G, G, G, G, G, B, W, W, W, W, W, W, W, B, T, T, T, T, T, T, T, T, T, + T, T, T, T, T, T, T, B, G, G, G, G, G, B, W, W, W, W, W, W, W, W, B, B, T, T, T, T, T, T, T, T, + T, T, T, T, T, T, T, B, G, G, G, G, B, W, W, W, W, W, W, W, W, W, W, B, T, T, T, T, T, T, T, T, + T, T, T, T, T, T, T, B, G, G, G, G, B, W, W, W, W, W, W, W, W, W, W, B, B, T, T, T, T, T, T, T, + T, T, T, T, T, T, T, B, G, G, G, G, B, W, W, W, W, W, W, W, W, W, W, W, B, T, T, T, T, T, T, T, + T, T, T, T, T, T, T, B, G, G, G, G, B, W, W, W, W, W, W, W, W, W, W, W, B, T, T, T, T, T, T, T, + T, T, T, T, T, T, T, B, B, G, G, G, B, W, W, W, W, W, W, W, W, W, W, W, B, T, T, T, T, T, T, T, + T, T, T, T, T, T, T, B, B, G, G, G, B, W, W, W, W, W, W, W, W, W, W, B, Y, B, B, T, T, T, T, T, + T, T, T, T, T, B, B, B, Y, B, G, G, B, W, W, W, W, W, W, W, W, B, B, B, Y, Y, B, B, T, T, T, T, + T, T, T, T, B, B, Y, Y, Y, Y, B, B, B, B, B, B, B, B, B, B, B, Y, Y, Y, Y, Y, Y, B, B, T, T, T, + T, T, T, T, B, B, Y, Y, Y, Y, Y, Y, B, T, T, T, T, T, T, T, T, B, B, Y, Y, Y, Y, Y, B, T, T, T, + T, T, T, T, T, B, B, B, Y, Y, B, B, B, T, T, T, T, T, T, T, T, T, B, B, B, Y, Y, B, B, T, T, T, + T, T, T, T, T, T, T, B, B, B, B, T, T, T, T, T, T, T, T, T, T, T, T, T, B, B, B, B, T, T, T, T, +};