Public
Edited
Jan 25, 2023
viewof app = {
const app = new PIXI.Application();
app.view.value = app;
return app.view;
}
mutable fuel = (restarts, 100)
thruster
MAX_THRUST = 11
increaseThrust = () => adjustThrust(viewof thruster.value)
adjustThrust = (offset) =>
(viewof thruster.value = Math.min(viewof thruster.value + offset, MAX_THRUST))
app.renderer.resize(width, 400)
game_space = {
restarts;
const container = yield new PIXI.Container();
app.stage.addChild(container);
container.addChild(ship);
ship.x = container.addChild(ship);
}
// game_space.addChild(ship)
FUEL_DRIP_RATE = 1
fuel_usage = {
now;
if (mutable fuel == 0) return mutable fuel;
mutable fuel = Math.max(0, mutable fuel - FUEL_DRIP_RATE);
}
onkeychange = (window.onkeydown = window.onkeyup =
(event) => KeyBindings?.[event.key](event))
x = viewof thruster_juice
// x.dispatchEvent(new Event("input"))
KeyBindings = ({
w: Controls.increaseThrust,
// ArrowUp: thrust,
// ArrowDown: throttle,
ArrowLeft: _.noop,
ArrowRight: () => (ship.rotation += 100)
// w: () => ship.rotation,
// a: () => yaw(-1),
// s: throttle,
// d: () => yaw(1)
})
Controls = ({
increaseThrust: KeyEvent({
onkeydown: increaseThrust,
onrepeat: increaseThrust,
onkeyup: () => {}
})
})
KeyEvent = ({ onkeydown: keydown, onkeyup: keyup, onrepeat }) =>
(event) =>
(event.repeat ? onrepeat : { keydown, keyup }[event.type])(event)
mutable log = ""
ImageResources = ({
ship: new PIXI.ImageResource(await FileAttachment("sample.png").image())
})
PIXI = import(`https://cdn.skypack.dev/pixijs@7.1.1`)
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.
