📜JavaScript developer.
🐲RPG fan.
📚Storyteller and 🕹game developer.
👨Father and Husband.
OublietteKaboom and TagsKaboom JS Demo 001Kaboom JS Template - ( Latest )Hello, Kaboom sprite animationKaboom JS Custom Component TestKaboom JS TemplateUpdating Game Elements in Kaboom JS Without Forcing a RefreshUntitledKaboom: random rotating tileKaboom 0.5.1 -- load fontDot Matrix RPGKaboom 0.5.1 - BenchmarkKaboom RPG ExampleKaboom 0.5.1Kaboom - dynamic values
RPG Tiles: Scatter Art with Kaboom
<canvas id="kb"></canvas>
{
let K= KABOOM({
width: 480, // width of canvas
height: 480, // height of canvas
canvas: document.getElementById("kb"),
crisp: true,
clearColor: [Math.random(), Math.random(), Math.random(),1]
});
K.scene("main", () => {
// ...
// const birdy = K.add([
// K.sprite("birdy"),
// ]);
for(let i = 0; i< 112; i++){
K.add([
K.sprite("rpgtiles", {
frame: i
}),
K.scale(4),
K.pos(K.rand(0,420), K.rand(0,420))
])
}
});
K.loadSprite("birdy", await FileAttachment("kaboom.png").url());
const tiles = K.loadSprite("rpgtiles",
await FileAttachment("basictiles (4).png").url(),
{
sliceX: 8,
sliceY: 14
})
console.log("tiles", await tiles)
K.start("main");
}
FileAttachment("kaboom.png").image()
FileAttachment("kaboom.png").url()
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.
