Weather card template

Liveweather.egg · 73 KB

Use it in your site

Put the web player next to the file and mount it on a canvas. Apps and games have runtimes too: see Runtimes.

main.jsweb runtime

import init, * as egg from "./player/egg_web.js";
import { mount } from "./player/egg-player.js";

await init();
const bytes = new Uint8Array(await (await fetch("weather.egg")).arrayBuffer());
mount(egg, document.querySelector("canvas"), bytes, { machine: "weather" });

More templates

See all

Interface

Day / Night switchFlick the switch or tap the scene: the sun sets behind the hills, the moon rises, stars come out and the windows light up.

Interface

Activity ringsLog a walk, a run or standing time: three rings fill smoothly through view model bindings, and closing all three rains stars.

Interface

App onboardingThree first-run screens slide by with page dots; Next steps on, Skip jumps to the end, a dot goes to its page.

Interface

Sign-in formEmail and password (shown as dots); a script checks them: a mistake shakes the card, a good sign-in spins and welcomes you.