mikael-lovqvist/websperiments
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Added image loading routines and a triangular lattice sampler

Browse Source
This commit is contained in:
Mikael Lövqvist
2025-07-21 23:41:53 +02:00
parent d52d77cf11
commit 4eb0f06e3f
4 changed files with 175 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

14
canvas/image-loading.js
View File

@@ -31,8 +31,18 @@ function setup() {
setup();
const { load_image_from_src, Image_Data_Sampler, Bitfield_Image_Sampler } = await import('../lib/image-functions.js');
const { load_image_from_src, Image_Data_Sampler } = await import('../lib/image-functions.js');
/*
//Convert
const sampler = new Image_Data_Sampler(await load_image_from_src("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAABHNCSVQICAgIfAhkiAAAAFVJREFUOE9jZGBg+A/EZAMmsnVCNQ4DA1hAXvn/HxGOjIyMJAULC0gzsiZ0PiHTwC5AB8guQpdD52M1gJA3YK4E0SwgxZSEASjERlMieryQyKc4MwEA45UXJyonWOMAAAAASUVORK5CYII="));
console.log(sampler.encode_as_bitfield());
*/
//Load
const sampler = Bitfield_Image_Sampler.from_string('16,16,AAAAAAAAAAAAAA4AEQDx/xGgDqAAAAAAAAAAAAAAAAA=');
sampler.pixel_map((x, y, value) => {
C.beginPath();
C.arc(x * 0.1 - sampler.width * .05, sampler.height * .05 - y * 0.1, value ? 0.05 : 0.02, 0, Math.PI * 2);
C.fill();
});