📜JavaScript developer.
🐲RPG fan.
📚Storyteller and 🕹game developer.
👨Father and Husband.
Hello, messagepipe!Hello, singuiHow to: Convert an API Response into HTMLHello, JSPDFHow to: pull in a JavaScript LibraryHello, Awesome Dev JokesRandom DAD JokeHello, model-viewerThe OracleTarot UtilitiesHello, lokiJSHello, cash ( cash-dom )Hello, wink-nlpHello, BuzzphraseTesting Phaser JSHello, VivusHello, snapsvgHello, UrpflanzeHello, shoelaceHello, starback.jsTen Random JokesHello, @plato/mathHello, bitECSHello, currency.jsHello, node-isbnHello, jparticlesHello, particle-cloudHello, SVG PlantHello Faker JSHello, Fantasy-Content-GeneratorHello, Better DungeonsHello, ascii-faceHello, procedural strings jsHello, texgenHello, jukegenHello, noise-canvas ( and tumult )Hello, Dice RollerHello Lit.devHello, Melon JSUsing JSON PlaceholderHello, Kute.js !Anime.js includeHello, Haunted!Hello, Fabric jsHello, Mithril JSHello, Bored APIHello, HandelHello TheCatAPIHello Chuck Norris Jokes APIHello Count APIHello Agify.io
Hello, zcanvas
zCanvas = import('https://unpkg.com/zcanvas@4.2.2/zcanvas.js?module')
{
let container = html``;
let cnv = new zCanvas.canvas({
height: 200,
width: 200,
debug: false,
parentElement: container,
animate: true,
smoothing: false, // pixel art ahoy
fps: 60,
preventEventBubbling: true,
})
var bgWidth = 200, bgHeight = 200;
var bgSprite = new zCanvas.sprite({
width: bgWidth,
height: bgHeight,
bitmap: url
});
cnv.addChild( bgSprite );
yield container
}
coverart = {
let img = new Image();
img.crossOrigin = '*';
img.src = await FileAttachment("New Project.png").url();
await new Promise(resolve => img.addEventListener('load', resolve));
let ctx = DOM.canvas(img.width, img.height).getContext('2d');
ctx.drawImage(img, 0, 0);
return ctx.canvas;
}
url = coverart.toDataURL()
Purpose-built for displays of data
Observable is your go-to platform for exploring data and creating expressive data visualizations. Use reactive JavaScript notebooks for prototyping and a collaborative canvas for visual data exploration and dashboard creation.
