📜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, zcanvasHello, SVG PlantHello Faker JSHello, Fantasy-Content-GeneratorHello, 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, Better Dungeons
bg = (await import('https://cdn.skypack.dev/better-dungeons@5.1.0?min')).default
PIXI = import ("https://cdn.skypack.dev/pixi.js");
view = html`<div></div>`
bg(100, 100, 0.3, 5, 5, Date.now().toString())
{
var app = new PIXI.Application(100 * 10, 100 * 10);
view.appendChild(app.view)
bg(100, 100, 1 / 3, 5, 5, Date.now().toString()).then(dungeon => {
var graphics = new PIXI.Graphics();
for (var row = 0; row < dungeon.gridLength; row++) {
for (var column = 0; column < dungeon.gridWidth; column++) {
if (dungeon.grid[row][column] == 1) {
graphics.beginFill(0x2f4f4f, 1);
graphics.drawRect(column * 10, row * 10, 10, 10);
}
if (dungeon.grid[row][column] != 1) {
graphics.beginFill(0xd3d3d3, 1);
graphics.drawRect(column * 10, row * 10, 10, 10);
}
}
}
app.stage.addChild(graphics);
})
.catch(err => {
console.log("Something went wrong :(");
});
}
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.
