Skiing Game

Picture-led event → action lessons for ages 4–7, followed by a free ski run. The shell, Cog setup, menus, action chooser and progress flow match Bubble Popper. Marty, the slope, flags and trees use the original game artwork.

Development

npm start
npm run typecheck
npm run lint
CI=true npm test -- --watch=false --runInBand
npm run build
npm run build:dev

The standalone development entry exposes an on-screen Cog (buttons, arrow keys and a fractional tilt slider). The library entry defaults to real Cog input. Embedded Marty web app sessions and production builds never expose computer controls, even when allowScreenControls is passed.

import SkiingGame from '@robotical/skiing-game';
<SkiingGame onExitGame={() => navigate('/games')} />

onExitGame is optional. The existing host exit handler is used when available. The ten-flag finish offers Keep playing and, inside Marty web app, Next game → Bubble Popper. Continuing keeps the course, score and blocks; the finish prompt appears once per run.

Local integration

Build with npm run build:dev, then link this package into Marty web app. Both applications must resolve React and ReactDOM to the host's copies to avoid duplicate hooks. Preserve any existing RaftJS/RoboticalJS links when using npm link. The library is emitted to dist with declaration files; tests are excluded.

Visual checks

With the standalone development server running:

npm run test:visual-phases -- --base-url=http://localhost:3023

The gallery captures the home, seven missions, action chooser, pause, help, adult settings and free play at desktop, tablet and phone sizes. It checks image loading, horizontal overflow and minimum control sizes. This is a layout gallery; reducer and React tests cover learning, pause, Cog lifecycle and finish behavior. See the flow and verification notes.