📜JavaScript developer.
🐲RPG fan.
📚Storyteller and 🕹game developer.
👨Father and Husband.
Published
Edited
Dec 25, 2020
Importers
Kaboom and TagsRPG Tiles 🐉Playing with yieldMy FooterHow to: get around flat array issue in Observable TablesHello, Slide-ElementHello, tsParticlesKaboom - dynamic valuesHello Lit.devP5 js Sketch learningsRun Some Code on Button ClickMy RPG Persona3D Pixel Art with three-elementsRandom SquaresHello, Sticky HeadersWalking Dragon SVGHello, Haunted!Scrubber TestHello, Fabric jsHello, Mithril JSHello, BraceryExecutable JS FileAttachment TestTiny Tools viewerHello, HandelData from Google Spreadsheets test 001Testing fetch with runkitHello TheCatAPIHello Chuck Norris Jokes APIHello Count APIHello Agify.ioHello, maze generatorTesting ecsyjsMonster Icon Mix UpTesting Require and Import with GitHub JSSkypack PixijsTesting Toggle SwitchStorytelling test 001Testing button clickTesting a local imageTesting ImportsTesting imports
Hello Kontra
Also listed in…
Working Libraries
md`# Hello Kontra`
{
let {canvas} = KONTRA.init(mycanvas)
let sprite = KONTRA.Sprite({
x: 100, // starting x,y position of the sprite
y: 80,
color: 'red', // fill color of the sprite rectangle
width: 20, // width and height of the sprite rectangle
height: 40,
dx: 2 // move the sprite 2px to the right every frame
});
let loop = KONTRA.GameLoop({ // create the main game loop
update: function() { // update the game state
sprite.update();
// wrap the sprites position when it reaches
// the edge of the screen
if (sprite.x > canvas.width) {
sprite.x = -sprite.width;
}
},
render: function() { // render the game state
sprite.render();
}
});
loop.start();
}
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.
