~//
  • about.md
  • showcase
  • side-quests
  • photos
  • CHAOS.env
  • 󰈔01_KyivETH.case
  • 󰈔02_PixelHunt.case
  • 󰈔03_RiveLab.case

Preview: 03_RiveLab.case

use↓↑+shiftin order to jump to next case

Rive Lab — a living gallery of Rive animations

A playground for Rive shipped straight from the editor: real state machines driven from the keyboard. Arrow into a control, Enter to fire a trigger or flip a boolean, ←/→ to step a number.

project links:

rive-lab

scope:

Motion, Rive

timeline:

2026

wired logic

  • canvas press — pressing the canvas drives down → click, up → proceed, fires render
  • on digits22 — the "digits22" event sets digits
  • sound — newButton-v6.mp3 plays when proceed goes true
file:b157-kolom.rivdrop a .riv to swap
render
digits
club
currency-start
proceed
click
ini-state
0
digit-start
1
digit-end
1

// view-model

(string)
(string)
(color)
(color)
(string)
(string)
(string)
auto-bind on reset(bool)
canvas size(px)
canvas align(align)
canvas off-x(px)
canvas off-y(px)
canvas rotate(deg)
canvas bounds(bool)
transparent bg(bool)
stage bg(color)(page)
drop a sound sample (.mp3 / .wav / .ogg)
newButton-v6.mp3
on
drop to replace the backdrop image
image:test_v1.png
show backdrop(bool)
image align(align)
image size(px)
image fill(fit)
v0.1.9
2026-06-04
󰳽00
> kolom-cli v0.1.0 — booting
> # inspired by claude-code terminal, yazi CLI, and Obsidian
::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
> mounting /folio at $HOME
> detecting viewport — 0px wide
> ✗ unsupported: viewport too narrow
> # blocker ─────────────
> this build is desktop-only for now.
> mobile + tablet adaptation is next on the list.
> please revisit from a screen ≥ 768px.
                |    |              _.-7
                |\.-.|             ( ,(_
                | a a|              \\  \,
                ) ["||          _.--' \  \\
             .-'  '-''-..____.-'    ___)  )\
            F   _/-``-.__;-.-.--`--' . .' \_L_
           |   l  {~~} ,_\  '.'.      ` __.' )\
           (    -.;___,;  | '- _       :__.'( /
           | -.__ _/_.'.-'      '-._ .'      \\
           |     .'   |  -- _                 '\,
           |  \ /--,--{ .    '---.__.       .'  .'
           J  ;/ __;__]. '.-.            .-' )_/
           J  (-.     '\'. '. '-._.-.-'--._ /
           |  |  '. .' | \'. '.    ._       \
           |   \   T   |  \  '. '._  '-._    '.
           F   J   |   |  '.    .  '._   '-,_.--`
           F   \   \   F .  \    '.   '.  /
          J     \  |  J   \  '.   '.    '/
          J      '.L__|    .   \    '    |
          |   .    \  |     \   '.   '. /
          |    '    '.|      |    ,-.  (
          F   | ' ___  ',._   .  /   '. \
          F   (.'`|| (-._\ '.  \-      '-\
          \ .-'  ( L `._ '\ '._ (
     snd  /'  |  /  '-._\      ''\
              `-'