📜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 tileRPG Tiles: Scatter Art with KaboomDot Matrix RPGKaboom 0.5.1 - BenchmarkKaboom RPG ExampleKaboom 0.5.1Kaboom - dynamic values
Kaboom 0.5.1 -- load font
<canvas id="kb"></canvas>
{
let K= KABOOM({
width: 480, // width of canvas
height: 480, // height of canvas
canvas: document.getElementById("kb"),
});
K.loadFont("CP437", await FileAttachment("CP437_9x16.png").url(), 9, 16, asciistring);
K.loadFont("aquarius" , await FileAttachment("aquarius_8x8.png").url(), 8,8, asciistring)
K.scene("main", () => {
// ...
K.add([
K.text("hello world ♥ with CP437 font will this show up?",32,{
font: "CP437"
}),
K.pos(0,100)
]);
K.add([
K.text("hello world with default font"),
K.pos(0,10)
]);
K.add([
K.text("aquarius font with ♥", 16, {
font: "aquarius"
}),
K.pos(0,40)
])
});
K.start("main");
}
asciistring = " ☺☻♥♦♣♠•◘○◙♂♀♪♫☼►◄↕‼¶§▬↨↑↓→←∟↔▲▼ !\"#$%&'()*+,-./0123456789:;<=>?@ABCDEFGHIJKLMNOPQRSTUVWXYZ[\\]^_`abcdefghijklmnopqrstuvwxyz{|}~⌂ÇüéâäàåçêëèïîìÄÅÉæÆôöòûùÿÖÜ¢£¥₧ƒáíóúñѪº¿⌐¬½¼¡«»░▒▓│┤╡╢╖╕╣║╗╝╜╛┐└┴┬├─┼╞╟╚╔╩╦╠═╬╧╨╤╥╙╘╒╓╫╪┘┌█▄▌▐▀αßΓπΣσµτΦΘΩδ∞φε∩≡±≥≤⌠⌡÷≈°∙·√ⁿ²■"
<div style="background-color: red;"> ${await FileAttachment("CP437_9x16.png").image()}</div>
<div style="background-color:green;">${await FileAttachment("aquarius_8x8.png").image()}</div>
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.
