@origingame/create-game 0.2.0 → 0.4.0

package/archetypes/rhythm/README.md

@@ -70,8 +70,8 @@ og build . --publish         # dist/: the play page as it ships
   of ten or more broken, louder); the rings breathe with the beat (not
   with reduced motion). There is no hit stop: it would hold the picture
   while the music runs on.
-- **Screens on og.ui with a skin** (og-ui §2–§6, og-taste §1–§7): the
-  engine's sci-fi pack recoloured as `assets/skins/lanebeat`; the title
+- **Screens on og.ui with a style** (og-ui §2–§6, og-taste §1–§7): the
+  engine's sci-fi pack recoloured as `assets/styles/lanebeat`; the title
   (Play, Calibrate, Settings), the HUD (the score as an `og.ui.counter`
   and the groove top left, Pause top right, the combo beside the
   highway), `og.ui.pauseMenu` (Resume, Restart, Settings, Title), the
@@ -169,7 +169,7 @@ og.music (before og.audio) writes the clock and sends og.MusicBeat.
    bar-aligned) and `partsAt` in `src/systems.ts`, which says which stem
    starts on which bar.
 3. **The difficulty**: the windows, the scroll and the groove in `Tuning`.
-4. **The look**: `assets/skins/lanebeat/skin.ogt`'s palette, the lanes'
+4. **The look**: `assets/styles/lanebeat/style.ogt`'s palette, the lanes'
    colours (`LANE_COLOURS`) and the art in `tools/make-assets.py`.
 5. **Words**: `assets/strings/*.ogt`; a new Chinese string needs the
    script run again to subset the font.
@@ -221,8 +221,8 @@ in the engine repository).
 give the same bytes): the chart and the stems from one set of note lists,
 the click, the taps, the miss, the clear and the fail, the note, the ring,
 the lane's glow, the spark, the hit's burst, the `og sfx` preset files of
-the UI's sounds and the font subset. `LICENSES.md` lists them; the skin's
-are in `assets/skins/lanebeat/LICENSES.md`.
+the UI's sounds and the font subset. `LICENSES.md` lists them; the style's
+are in `assets/styles/lanebeat/LICENSES.md`.
 
 ## Known limits (engine gaps, not design)
 

package/archetypes/rhythm/assets/{skins → styles}/lanebeat/LICENSES.md

@@ -1,17 +1,17 @@
-# Three-Lane Beat's skin (the engine's sci-fi style pack, recoloured): licences
+# Three-Lane Beat's style (the engine's sci-fi style pack, recoloured): licences
 
-The palette, the body sizes and the fallback font in `skin.ogt` are this
-game's edits by hand; the rest is the pack as `templates/ui-kit/assets/skins/scifi` ships it.
+The palette, the body sizes and the fallback font in `style.ogt` are this
+game's edits by hand; the rest is the pack as `templates/styles/scifi` ships it.
 
 | File | Licence | Origin |
 |---|---|---|
-| `atlas.png` | CC0 1.0 | self-made by the Origin Engine authors: drawn by `templates/ui-kit/tools/make-skins.py` (deterministic) |
+| `atlas.png` | CC0 1.0 | self-made by the Origin Engine authors: drawn by `templates/ui-kit/tools/make-styles.py` (deterministic) |
 | `icons.png` | CC0 1.0 | self-made: the kit's 32 icons (`tools/make-assets.py`) restyled by the same script |
-| `skin.ogt`, `*.ogt` | CC0 1.0 | written by the same script |
+| `style.ogt`, `*.ogt` | CC0 1.0 | written by the same script |
 | `ChakraPetch-Medium.ttf` | SIL Open Font License 1.1 (`OFL.txt`) | Chakra Petch Medium (github.com/m4rc1e/Chakra-Petch); unmodified. Copyright 2018 The Chakra Petch Project Authors (https://github.com/m4rc1e/Chakra-Petch.git) |
 | `JetBrainsMono-Regular.ttf` | SIL Open Font License 1.1 (`OFL.txt`) | JetBrains Mono (github.com/JetBrains/JetBrainsMono); unmodified. Copyright 2020 The JetBrains Mono Project Authors (https://github.com/JetBrains/JetBrainsMono) |
 | `Orbitron-Bold.ttf` | SIL Open Font License 1.1 (`OFL.txt`) | Orbitron Bold (github.com/theleagueof/orbitron); unmodified. Copyright 2018 The Orbitron Project Authors (https://github.com/theleagueof/orbitron), with Reserved Font Name: "Orbitron". |
 
 Characters these fonts lack (Chinese, Japanese, Korean) are drawn with the
-skin's `fallback` font, `fonts/NotoSansSC-subset.ttf` (Noto Sans SC subset to
+style's `fallback` font, `fonts/NotoSansSC-subset.ttf` (Noto Sans SC subset to
 this game's Chinese strings, OFL 1.1, `assets/fonts/OFL.txt`).

package/archetypes/rhythm/assets/{skins/lanebeat/skin.ogt → styles/lanebeat/style.ogt}

@@ -1,52 +1,52 @@
-type skin
+type style
 version 1
 ---
-# Three-Lane Beat's skin: the engine's sci-fi style pack (templates/ui-kit/tools/make-skins.py,
+# Three-Lane Beat's style: the engine's sci-fi style pack (templates/ui-kit/tools/make-styles.py,
 # CC0 art, OFL fonts; LICENSES.md) with this game's palette and its Chinese fallback font, by hand.
 name "lanebeat"
-base dark
-atlas "skins/lanebeat/atlas.png" 384 256
+scheme dark
+atlas "styles/lanebeat/atlas.png" 384 256
 scale 1
 palette {
-  bg "#03080f"
-  bgSubtle "#071220"
-  surface "#0f2a3d"
-  surfaceRaised "#0f2a3d"
-  surfaceHover "#16384f"
-  materialThick "#0f2a3d"
-  materialRegular "#0f2a3de6"
-  materialThin "#0f2a3dcc"
-  fg "#e2f7ff"
-  fgMuted "#a6cde0"
-  fgSubtle "#8fb3c6"
-  fgInverse "#03080f"
-  fill "#3f8fb3"
-  fillStrong "#5aaed4"
-  border "#2c6a88"
-  borderStrong "#6fd3f5"
-  accent "#38e1ff"
-  accentHover "#30d4f0"
-  accentActive "#16c4e6"
-  accentFg "#e2f7ff"
-  accentInk "#7fecff"
-  accentSoft "#38e1ff2a"
+  backdrop "#03080f"
+  well "#071220"
+  panel "#0f2a3d"
+  panelHover "#16384f"
+  panelRaised "#0f2a3d"
+  line "#2c6a88"
+  lineStrong "#6fd3f5"
+  ink "#e2f7ff"
+  inkMuted "#a6cde0"
+  inkFaint "#8fb3c6"
+  inkInverse "#03080f"
+  control "#3f8fb3"
+  controlStrong "#5aaed4"
+  primary "#38e1ff"
+  primaryHover "#30d4f0"
+  primaryActive "#16c4e6"
+  onPrimary "#e2f7ff"
+  primarySoft "#38e1ff2a"
+  highlight "#7fecff"
   focus "#ffd23f"
-  thumb "#2f7194"
+  knob "#2f7194"
+  hud "#0f2a3d"
   scrim "#010409cc"
+  shadow "#00000099"
+  sheen "#ffffff52"
   success "#3dffa0"
   warn "#ffc53d"
   danger "#ff4d6a"
   info "#38e1ff"
-  shadow "#00000099"
+  health "#3dffa0"
+  mana "#0a84ff"
+  xp "#bf5af2"
+  gold "#38e1ff"
 }
 radius {
+  small 2
   control 2
-  field 2
-  block 2
-  card 2
+  bar 2
   panel 2
-  sheet 2
-  button 2
 }
 ramp {
   body 16 22
@@ -67,12 +67,12 @@ durations {
   slow 360
 }
 fonts {
-  body "skins/lanebeat/ChakraPetch-Medium.ttf"
-  display "skins/lanebeat/Orbitron-Bold.ttf"
-  numeric "skins/lanebeat/JetBrainsMono-Regular.ttf"
+  body "styles/lanebeat/ChakraPetch-Medium.ttf"
+  display "styles/lanebeat/Orbitron-Bold.ttf"
+  numeric "styles/lanebeat/JetBrainsMono-Regular.ttf"
   fallback "fonts/NotoSansSC-subset.ttf"
 }
-icons "skins/lanebeat/icons.png" 8 4 {
+icons "styles/lanebeat/icons.png" 8 4 {
   names "heart" "star" "coin" "lock" "pause" "gear" "sword" "shield" "potion" "gem" "key" "map" "bolt" "clock" "trophy" "home" "plus" "close" "check" "play" "back" "bag" "bomb" "crown" "flag" "apple" "leaf" "fire" "drop" "skull" "music" "person"
 }
 slice panel 4 4 96 96 18 tint
@@ -84,20 +84,20 @@ slice buttonDisabled 328 4 48 48 12 tint
 slice field 4 104 48 48 8 tint
 slice slot 56 104 48 48 10 tint
 slice tooltip 108 104 32 32 8 tint
-slice capsule 144 104 32 32 10 tint
+slice hud 144 104 32 32 10 tint
 slice track 180 104 32 16 5 tint
 slice fill 216 104 32 16 2 tint
 soft 252 104 64 64 24
-corner 320 104 32 32 18 18 accent 4
+corner 320 104 32 32 18 18 primary 4
 corners panel card slot
-divider 4 172 128 24 128 24 accent
-flourish 136 172 64 24 32 14 accent 0
+divider 4 172 128 24 128 24 primary
+flourish 136 172 64 24 32 14 primary 0
 tile 204 172 64 64 64 64 0.08 3 panel
 shadow panel 0 0 18 0 "#000000aa"
-glow button 5 accent 0.22
-glow panel 10 accent 0.12
-glow capsule 4 accent 0.18
-textGlow display 1.5 accent 0.55
+glow button 5 primary 0.22
+glow panel 10 primary 0.12
+glow hud 4 primary 0.18
+textGlow display 1.5 primary 0.55
 press 0.98 0.98 0
 hover 0 1.02
 motion {

package/archetypes/rhythm/package.json

@@ -13,6 +13,6 @@
     "test": "og test ."
   },
   "dependencies": {
-    "@origingame/engine": "0.2.0"
+    "@origingame/engine": "0.4.0"
   }
 }

package/archetypes/rhythm/project.ogt

@@ -3,7 +3,7 @@ version 1
 ---
 name "Three-Lane Beat"
 id "rhythm"
-engine "0.2.0"
+engine "0.4.0"
 entry "src/main.ts"
 profile "2d"
 tick 60

package/archetypes/rhythm/src/components.ts

@@ -25,7 +25,7 @@ export const Sound = { Tap0: 1, Tap1: 2, Tap2: 4, Miss: 8, Clear: 16, Fail: 32,
 /** The play: the song's clock, the judgements, the score, the groove, the calibration, the best. */
 export const Game = defineResource("Game", {
   phase: u32(Phase.Title, { doc: "Phase.* of src/components.ts." }),
-  leftTitle: bool(false, { doc: "The player has left the title the game opened on: from then on the title enters with the skin's entrance (the opening one is built settled, og.ui.mainMenu's instant: the web draws it behind the play gate)." }),
+  leftTitle: bool(false, { doc: "The player has left the title the game opened on: from then on the title enters with the style's entrance (the opening one is built settled, og.ui.mainMenu's instant: the web draws it behind the play gate)." }),
   paused: bool(false),
   settingsOpen: bool(false),
   held: bool(false, { doc: "The time scale is held at 0 (paused or in the settings)." }),

package/archetypes/rhythm/src/main.ts

@@ -9,7 +9,7 @@
 //
 // The song is its stems, started on bar lines through og.Music (src/
 // systems.ts's Band); the chart is a scene (assets/charts/neon-pulse.ogt)
-// of a Song row and a Note row per note. `start` loads them, the skin, the
+// of a Song row and a Note row per note. `start` loads them, the style, the
 // strings and the sounds, and spawns the clock, the stems, the receptors
 // and the voices. The systems are in src/systems.ts, the screens in
 // src/ui.ts and the state in src/components.ts.
@@ -32,9 +32,9 @@ function must<T>(r: { ok: true; value?: T } | { ok: false; reason: string }): T
 
 function start(world: World): void {
   for (const l of LANGUAGES) must(og.i18n.load(world, `strings/${l.code}.ogt`));
-  const skin = must(og.load.skin(world, "skins/lanebeat/skin.ogt"));
+  const style = must(og.load.style(world, "styles/lanebeat/style.ogt"));
   const sound = (path: string) => must(og.load.sound(world, path));
-  must(og.ui.configure(world, { skin, sounds: { press: sound("audio/ui-press.ogt"), open: sound("audio/ui-open.ogt"), close: sound("audio/ui-close.ogt"), error: sound("audio/ui-error.ogt"), success: sound("audio/ui-success.ogt") } }));
+  must(og.ui.configure(world, { style, sounds: { press: sound("audio/ui-press.ogt"), open: sound("audio/ui-open.ogt"), close: sound("audio/ui-close.ogt"), error: sound("audio/ui-error.ogt"), success: sound("audio/ui-success.ogt") } }));
 
   const settings = must(world.resource(og.RenderSettings));
   settings.environmentIntensity = 0;

package/archetypes/rhythm/src/ui.ts

@@ -1,4 +1,4 @@
-// Three-Lane Beat's screens on og.ui and the skin in assets/skins/lanebeat
+// Three-Lane Beat's screens on og.ui and the style in assets/styles/lanebeat
 // (the engine's sci-fi pack): the title, the HUD (the score and the groove
 // top left, Pause top right, the combo and its multiplier beside the
 // highway), the pause menu, the settings with the offset, the calibration
@@ -204,7 +204,7 @@ export function grade(acc: number): string {
 }
 
 function capsule(id: string, build: () => void): void {
-  og.ui.row(id, { gap: S.sm, cross: "center", padding: { left: S.sm, top: S.xs, right: S.md, bottom: S.xs }, frame: "capsule", background: { token: "surface" } }, build);
+  og.ui.row(id, { gap: S.sm, cross: "center", padding: { left: S.sm, top: S.xs, right: S.md, bottom: S.xs }, frame: "hud", background: { token: "panel" } }, build);
 }
 
 function hud(world: World, g: GameV): void {
@@ -215,11 +215,11 @@ function hud(world: World, g: GameV): void {
   og.ui.setNavigation(g.paused || g.settingsOpen);
   og.ui.anchor("Status", { anchor: "topLeft", direction: "column", gap: S.sm }, () => {
     capsule("Score", () => {
-      og.ui.label("Label", say(world, "hud.score"), { step: "caption", color: { token: "fgMuted" }, nowrap: true });
+      og.ui.label("Label", say(world, "hud.score"), { step: "caption", color: { token: "inkMuted" }, nowrap: true });
       og.ui.counter("Value", g.score, { step: "xl", font: "display", durationMs: 300, width: px(phone ? 104 : 130) });
     });
     capsule("Groove", () => {
-      og.ui.label("Label", say(world, "hud.groove"), { step: "caption", color: { token: "fgMuted" }, nowrap: true });
+      og.ui.label("Label", say(world, "hud.groove"), { step: "caption", color: { token: "inkMuted" }, nowrap: true });
       og.ui.meter("Bar", g.groove, 1, { kind: "health", width: px(phone ? 90 : 130) });
     });
   });
@@ -233,8 +233,8 @@ function hud(world: World, g: GameV): void {
   og.ui.anchor("Combo", { anchor: phone ? "top" : "right", offsetY: phone ? 64 : 40, offsetX: phone ? 0 : -48, direction: "column", cross: "center", gap: S.xxs }, () => {
     og.ui.counter("Count", g.combo, { step: "displaySm", font: "display", durationMs: 120, align: "center", width: px(96) });
     og.ui.row("Head", { gap: S.xs, cross: "center" }, () => {
-      og.ui.label("Label", say(world, "hud.combo"), { step: "caption", color: { token: "fgMuted" }, nowrap: true });
-      og.ui.label("Multiplier", say(world, "hud.multiplier", { n: multiplier }), { step: "caption", color: { token: "accent" }, nowrap: true });
+      og.ui.label("Label", say(world, "hud.combo"), { step: "caption", color: { token: "inkMuted" }, nowrap: true });
+      og.ui.label("Multiplier", say(world, "hud.multiplier", { n: multiplier }), { step: "caption", color: { token: "primary" }, nowrap: true });
     });
     og.ui.meter("Next", multiplier >= 4 ? 1 : (g.combo % t.comboStep) / t.comboStep, 1, { width: px(96) });
   });
@@ -258,7 +258,7 @@ function settings(world: World, g: GameV, p: PrefsV): void {
     p.music = slider("Music", "settings.music", p.music);
     p.effects = slider("Effects", "settings.effects", p.effects);
     p.offsetMs = slider("Offset", "settings.offset", p.offsetMs, -200, 200, 5, (v) => say(world, "settings.ms", { n: Math.round(v) }));
-    og.ui.label("LanguageLabel", say(world, "settings.language"), { color: { token: "fgMuted" } });
+    og.ui.label("LanguageLabel", say(world, "settings.language"), { color: { token: "inkMuted" } });
     const r = og.ui.radio("Language", LANGUAGES.map((l) => say(world, l.key)), p.language, { horizontal: true });
     if (r.selected !== p.language) setLanguage(world, p, r.selected);
     p.reducedMotion = og.ui.toggle("Motion", p.reducedMotion, say(world, "settings.motion")).on;
@@ -284,7 +284,7 @@ function calibration(world: World, g: GameV, p: PrefsV): void {
     og.ui.label("Body", say(world, "cal.body"), { width: grow });
     og.ui.row("Taps", { width: grow, gap: S.md, cross: "center" }, () => {
       og.ui.label("Count", say(world, "cal.taps", { n: g.calTaps }), { nowrap: true, width: grow });
-      og.ui.label("Offset", say(world, "cal.offset", { n: Math.round(measured) }), { font: "mono", nowrap: true, color: { token: "accent" } });
+      og.ui.label("Offset", say(world, "cal.offset", { n: Math.round(measured) }), { font: "mono", nowrap: true, color: { token: "primary" } });
     });
     og.ui.meter("Progress", g.calTaps, 8, { width: grow });
     og.ui.row("Actions", { width: grow, gap: S.sm, align: "end" }, () => {
@@ -312,8 +312,8 @@ function results(world: World, g: GameV): "again" | "title" | null {
   const acc = accuracy(g);
   og.ui.modal("Results", true, { title: say(world, g.cleared ? "results.cleared" : "results.failed"), locked: true, width: px(Math.min(420, og.ui.frameViewport().width - 32)) }, () => {
     og.ui.row("Mark", { width: grow, align: "center", gap: S.md, cross: "center" }, () => {
-      og.ui.transition("Grade", true, { kind: "pop" }, () => og.ui.label("Letter", g.cleared ? grade(acc) : "–", { step: "displayMd", font: "display", color: { token: g.cleared ? "accent" : "fgMuted" } }));
-      if (g.newBest) og.ui.label("NewBest", say(world, "results.newBest"), { color: { token: "accent" }, nowrap: true });
+      og.ui.transition("Grade", true, { kind: "pop" }, () => og.ui.label("Letter", g.cleared ? grade(acc) : "–", { step: "displayMd", font: "display", color: { token: g.cleared ? "primary" : "inkMuted" } }));
+      if (g.newBest) og.ui.label("NewBest", say(world, "results.newBest"), { color: { token: "primary" }, nowrap: true });
     });
     og.ui.column("Stats", { width: grow, gap: 0 }, () => {
       og.ui.keyValue("Score", say(world, "results.score"), `${g.score}`, true);
@@ -324,7 +324,7 @@ function results(world: World, g: GameV): "again" | "title" | null {
       og.ui.keyValue("Good", say(world, "results.good"), `${g.good}`, true);
       og.ui.keyValue("Miss", say(world, "results.miss"), `${g.miss}`, true);
     });
-    og.ui.label("Best", say(world, "results.best", { n: g.best }), { color: { token: "fgMuted" }, align: "center", width: grow });
+    og.ui.label("Best", say(world, "results.best", { n: g.best }), { color: { token: "inkMuted" }, align: "center", width: grow });
     og.ui.row("Actions", { width: grow, gap: S.sm }, () => {
       if (og.ui.button("Again", say(world, "results.again"), { variant: "primary", width: grow }).clicked) chose = "again";
       if (og.ui.button("Title", say(world, "results.title"), { width: grow }).clicked) chose = "title";
@@ -380,7 +380,7 @@ export const Ui = defineSystem("Ui", { reads: [Tuning, og.Input, og.Gamepad], wr
       ],
       footer: say(world, "title.footer"),
       // The title the game opens on is built settled: the web draws it behind the play gate, where
-      // the skin's entrance would stand part-way until the tap (og-platform-sdk §3). Later titles enter.
+      // the style's entrance would stand part-way until the tap (og-platform-sdk §3). Later titles enter.
       instant: !g.leftTitle,
     });
     if (!g.settingsOpen && r.selected === "play") begin(world, g);

package/archetypes/roguelike/LICENSES.md

@@ -10,5 +10,5 @@
 | `assets/audio/*.ogt` | CC0 1.0 | `og sfx` presets (click, select, back, error, levelup, and a footstep) that `og cook` synthesises, written by the same script |
 | `assets/strings/*.ogt` | CC0 1.0 | self-made: the English and Chinese string tables |
 | `assets/fonts/NotoSansSC-subset.ttf` | SIL Open Font License 1.1 (`assets/fonts/OFL.txt`) | Noto Sans SC Regular, subset to Latin-1 and the characters of `assets/strings/zh-CN.ogt` by the same script from the project template's `assets/fonts/NotoSansSC-Regular-subset.ttf` |
-| `assets/skins/lampdive/*` | CC0 1.0 art, SIL OFL 1.1 fonts | the engine's pixel style pack (`templates/ui-kit/assets/skins/pixel`, `assets/skins/lampdive/LICENSES.md`) with this game's palette |
+| `assets/styles/lampdive/*` | CC0 1.0 art, SIL OFL 1.1 fonts | the engine's pixel style pack (`templates/styles/pixel`, `assets/styles/lampdive/LICENSES.md`) with this game's palette |
 | `references/*/*.png` | CC0 1.0 | frames of this game recorded by `tests/frames.og.ts` |

package/archetypes/roguelike/README.md

@@ -61,8 +61,8 @@ og build . --publish         # dist/: the play page as it ships
   flash, a squash, the red number, a hit stop and a kick; the guardian
   glows red and shows "!" the turn before a charged strike (twice the hit
   stop and trauma); its fall and the lamp going out are heavier still.
-- **Screens on og.ui with a skin** (og-ui §2–§6, og-taste §1–§7): the
-  engine's pixel pack recoloured as `assets/skins/lampdive` (the tomb's
+- **Screens on og.ui with a style** (og-ui §2–§6, og-taste §1–§7): the
+  engine's pixel pack recoloured as `assets/styles/lampdive` (the tomb's
   violet panels, the lamp's amber as the one accent); the title over the
   lamp-lit first room, the HUD as capsules in the corners (health meter,
   strike, armour, gold, the floor, Pause), the draught button (it shakes
@@ -188,7 +188,7 @@ next tick).
    and a mind.
 3. **The finds**: `LootKind`, the `finds` lists in `planFloor`, a `take`
    case.
-4. **The look**: `assets/skins/lampdive/skin.ogt`'s palette and the art in
+4. **The look**: `assets/styles/lampdive/style.ogt`'s palette and the art in
    `tools/make-assets.py`, then `python3 tools/make-assets.py && og cook .`.
 5. **Words**: `assets/strings/*.ogt`; a new Chinese string needs the
    script run again to subset the font.
@@ -237,8 +237,8 @@ in the engine repository).
 `tools/make-assets.py` regenerates every asset byte for byte (two runs
 give the same bytes): the tileset, the map, the sprite sheet and the glow,
 the sounds and the music, the `og sfx` preset files of the UI's sounds and
-the footstep, and the font subset. `LICENSES.md` lists them; the skin's
-are in `assets/skins/lampdive/LICENSES.md`.
+the footstep, and the font subset. `LICENSES.md` lists them; the style's
+are in `assets/styles/lampdive/LICENSES.md`.
 
 ## Known limits (engine gaps, not design)
 

package/archetypes/roguelike/assets/{skins → styles}/lampdive/LICENSES.md

@@ -1,16 +1,16 @@
-# Lamp Dive's skin (the engine's pixel style pack, recoloured): licences
+# Lamp Dive's style (the engine's pixel style pack, recoloured): licences
 
 The palette, the body text's 1 px dark shadow and the fallback font in
-`skin.ogt` are this game's edits by hand; the rest is the pack as
-`templates/ui-kit/assets/skins/pixel` ships it.
+`style.ogt` are this game's edits by hand; the rest is the pack as
+`templates/styles/pixel` ships it.
 
 | File | Licence | Origin |
 |---|---|---|
-| `atlas.png` | CC0 1.0 | self-made by the Origin Engine authors: drawn by `templates/ui-kit/tools/make-skins.py` (deterministic) |
+| `atlas.png` | CC0 1.0 | self-made by the Origin Engine authors: drawn by `templates/ui-kit/tools/make-styles.py` (deterministic) |
 | `icons.png` | CC0 1.0 | self-made: the kit's 32 icons (`tools/make-assets.py`) restyled by the same script |
-| `skin.ogt`, `*.ogt` | CC0 1.0 | written by the same script |
+| `style.ogt`, `*.ogt` | CC0 1.0 | written by the same script |
 | `DotGothic16-Regular.ttf` | SIL Open Font License 1.1 (`OFL.txt`) | DotGothic16 (github.com/fontworks-fonts/DotGothic16); subset to Latin-1 with fontTools. Copyright 2020 The DotGothic16 Project Authors (https://github.com/fontworks-fonts/DotGothic16/) |
 
 Characters these fonts lack (Chinese, Japanese, Korean) are drawn with the
-skin's `fallback` font, `fonts/NotoSansSC-subset.ttf` (Noto Sans SC subset to
+style's `fallback` font, `fonts/NotoSansSC-subset.ttf` (Noto Sans SC subset to
 this game's Chinese strings, OFL 1.1, `assets/fonts/OFL.txt`).

package/archetypes/roguelike/assets/{skins/lampdive/skin.ogt → styles/lampdive/style.ogt}

@@ -1,52 +1,52 @@
-type skin
+type style
 version 1
 ---
-# Lamp Dive's skin: the engine's pixel style pack (templates/ui-kit/tools/make-skins.py; CC0 art, OFL
+# Lamp Dive's style: the engine's pixel style pack (templates/ui-kit/tools/make-styles.py; CC0 art, OFL
 # fonts; LICENSES.md) in tomb colours: plum stone panels, the lamp's amber as the one accent.
 name "lampdive"
-base dark
-atlas "skins/lampdive/atlas.png" 384 256
+scheme dark
+atlas "styles/lampdive/atlas.png" 384 256
 scale 1
 palette {
-  bg "#100c14"
-  bgSubtle "#17121d"
-  surface "#2a2131"
-  surfaceRaised "#2a2131"
-  surfaceHover "#382c41"
-  materialThick "#211a28f2"
-  materialRegular "#211a28e6"
-  materialThin "#211a28cc"
-  fg "#f4f1de"
-  fgMuted "#c9c2a8"
-  fgSubtle "#b8b29a"
-  fgInverse "#14111f"
-  fill "#4c3d58"
-  fillStrong "#5e4b6b"
-  border "#5a4866"
-  borderStrong "#a990b8"
-  accent "#ffb347"
-  accentHover "#ffc56e"
-  accentActive "#e69a2e"
-  accentFg "#14111f"
-  accentInk "#ffc56e"
-  accentSoft "#ffb34724"
+  backdrop "#100c14"
+  well "#17121d"
+  panel "#2a2131"
+  panelHover "#382c41"
+  panelRaised "#2a2131"
+  line "#5a4866"
+  lineStrong "#a990b8"
+  ink "#f4f1de"
+  inkMuted "#c9c2a8"
+  inkFaint "#b8b29a"
+  inkInverse "#14111f"
+  control "#4c3d58"
+  controlStrong "#5e4b6b"
+  primary "#ffb347"
+  primaryHover "#ffc56e"
+  primaryActive "#e69a2e"
+  onPrimary "#14111f"
+  primarySoft "#ffb34724"
+  highlight "#ffc56e"
   focus "#ffb347"
-  thumb "#5a4866"
+  knob "#5a4866"
+  hud "#211a28f2"
   scrim "#08060bb8"
+  shadow "#00000099"
+  sheen "#ffffff52"
   success "#6fad74"
   warn "#ffa53d"
   danger "#fa7771"
   info "#5dc2ff"
-  shadow "#00000099"
+  health "#6fad74"
+  mana "#0a84ff"
+  xp "#bf5af2"
+  gold "#ffb347"
 }
 radius {
+  small 0
   control 0
-  field 0
-  block 0
-  card 0
+  bar 0
   panel 0
-  sheet 0
-  button 0
 }
 ramp {
   xs 12 16
@@ -71,12 +71,12 @@ durations {
   slow 320
 }
 fonts {
-  body "skins/lampdive/DotGothic16-Regular.ttf"
-  display "skins/lampdive/DotGothic16-Regular.ttf"
-  numeric "skins/lampdive/DotGothic16-Regular.ttf"
+  body "styles/lampdive/DotGothic16-Regular.ttf"
+  display "styles/lampdive/DotGothic16-Regular.ttf"
+  numeric "styles/lampdive/DotGothic16-Regular.ttf"
   fallback "fonts/NotoSansSC-subset.ttf"
 }
-icons "skins/lampdive/icons.png" 8 4 {
+icons "styles/lampdive/icons.png" 8 4 {
   names "heart" "star" "coin" "lock" "pause" "gear" "sword" "shield" "potion" "gem" "key" "map" "bolt" "clock" "trophy" "home" "plus" "close" "check" "play" "back" "bag" "bomb" "crown" "flag" "apple" "leaf" "fire" "drop" "skull" "music" "person"
 }
 slice panel 4 4 96 96 8 tint
@@ -88,17 +88,17 @@ slice buttonDisabled 328 4 48 48 6 tint
 slice field 4 104 48 48 4 tint
 slice slot 56 104 48 48 4 tint
 slice tooltip 108 104 32 32 4 tint
-slice capsule 144 104 32 32 4 tint
+slice hud 144 104 32 32 4 tint
 slice track 180 104 32 16 4 tint
 slice fill 216 104 32 16 4 tint
 soft 252 104 64 64 24
-divider 4 172 128 24 128 24 border
-flourish 136 172 64 24 32 12 accent 0
+divider 4 172 128 24 128 24 line
+flourish 136 172 64 24 32 12 primary 0
 tile 204 172 64 64 16 16 0.06 6 panel
 shadow panel 6 6 0 0 "#000000b0"
 shadow card 4 4 0 0 "#00000080"
 shadow button 0 4 0 0 "#000000a0"
-shadow capsule 3 3 0 0 "#00000080"
+shadow hud 3 3 0 0 "#00000080"
 shadow tooltip 3 3 0 0 "#00000080"
 textShadow display 3 3 0 "#000000c0"
 textShadow body 1 0 0 "#14111f"

package/archetypes/roguelike/package.json

@@ -13,6 +13,6 @@
     "test": "og test ."
   },
   "dependencies": {
-    "@origingame/engine": "0.2.0"
+    "@origingame/engine": "0.4.0"
   }
 }

package/archetypes/roguelike/project.ogt

@@ -3,7 +3,7 @@ version 1
 ---
 name "Lamp Dive"
 id "roguelike"
-engine "0.2.0"
+engine "0.4.0"
 entry "src/main.ts"
 profile "2d"
 tick 60

package/archetypes/roguelike/src/components.ts

@@ -30,7 +30,7 @@ export const LOOT_SLOTS = 12;
 /** The dive: the lamp-bearer, the floor, the turn, the counts and the effects' bookkeeping. */
 export const Game = defineResource("Game", {
   phase: u32(Phase.Title, { doc: "Phase.* of src/components.ts." }),
-  leftTitle: bool(false, { doc: "The player has left the title the game opened on: from then on the title enters with the skin's entrance (the opening one is built settled, og.ui.mainMenu's instant: the web draws it behind the play gate)." }),
+  leftTitle: bool(false, { doc: "The player has left the title the game opened on: from then on the title enters with the style's entrance (the opening one is built settled, og.ui.mainMenu's instant: the web draws it behind the play gate)." }),
   paused: bool(false),
   settingsOpen: bool(false),
   held: bool(false, { doc: "The time scale is held at 0 (paused or in the settings)." }),

package/archetypes/roguelike/src/main.ts

@@ -37,9 +37,9 @@ function must<T>(r: { ok: true; value?: T } | { ok: false; reason: string }): T
 
 function start(world: World): void {
   for (const l of LANGUAGES) must(og.i18n.load(world, `strings/${l.code}.ogt`));
-  const skin = must(og.load.skin(world, "skins/lampdive/skin.ogt"));
+  const style = must(og.load.style(world, "styles/lampdive/style.ogt"));
   const sound = (path: string) => must(og.load.sound(world, path));
-  must(og.ui.configure(world, { skin, sounds: { press: sound("audio/ui-press.ogt"), open: sound("audio/ui-open.ogt"), close: sound("audio/ui-close.ogt"), error: sound("audio/ui-error.ogt"), success: sound("audio/ui-success.ogt") } }));
+  must(og.ui.configure(world, { style, sounds: { press: sound("audio/ui-press.ogt"), open: sound("audio/ui-open.ogt"), close: sound("audio/ui-close.ogt"), error: sound("audio/ui-error.ogt"), success: sound("audio/ui-success.ogt") } }));
 
   const settings = must(world.resource(og.RenderSettings));
   settings.environmentIntensity = 0;