실시간 미리보기
게임 미리보기를 불러오는 중…
From the project README
Fetched live from GitHub via jsDelivrDino Runner
Jump the cactus, duck the birds, and run as far as you can. A Caputchin first-party game, recreated from the Chrome offline dino in clean, framework- free TypeScript and rendered with inline SVG so every pixel is skinnable.
How it plays
The runner sprints over a scrolling desert. Obstacles arrive from the right: ground cacti (which clump up to three wide as the run speeds up) and, once the run is fast enough, flying birds. Jump the ground obstacles, duck the low fliers, and survive. Speed ramps up the whole time. The light and dark looks are separate skins the host picks (the dark skin runs under a moon-and-stars night sky); the palette stays fixed for the session.
The game is endless, so success is evaluated at crash time: the first run that
reaches the configured pass score reports success (bridge.pass), and so
does every later run that beats it. Best score is tracked in memory for the
session (the sandboxed iframe has no storage).
| Input | Keyboard | Touch |
|---|---|---|
| Jump | Space / Up / W |
tap the field, or the jump button |
| Duck | hold Down / S |
hold the duck button |
| Restart | Space / Up on the game-over screen |
the Restart button |
Customization
Everything is driven by caputchin.json and resolved by the
widget into the game's runtime context:
- Locales: all on-screen text (including the game-over title the original hard-coded) ships in the 11 official languages and is fully overridable.
- Skins:
lightanddarkare separate presets the host picks (no in-game switching); each sets the background, foreground, and button colors. All 16 sprites arecurrentColorSVGs decoded and inlined at runtime, so a customer skin can recolor them or swap the art wholesale (e.g. a different runner) without touching code. - Configurations: speed, acceleration, gravity, jump strength, obstacle
spacing, the pass score, whether birds spawn, and sound on/off. Ships with
default(tuned for short sessions),classic(the original's exact speed + bird timing),casual,hardcore, andcalmpresets.
Accessibility
Keyboard- and touch-operable, screen-reader labelled, with live-region
announcements for run start / game over / new best. Honors
prefers-reduced-motion by freezing decorative parallax (clouds, moon, stars)
while keeping the core run intact. Note the core challenge is a visual reflex
task by nature.
Build
pnpm --filter @caputchin/game-dino-runner build
Produces a single self-contained IIFE at dist/dino-runner.js with every
sprite and sound inlined as a data URI, per the Caputchin game bundle
constraint.
License
MIT, see LICENSE.
The sprite art and sound effects come from the Chromium open-source "t-rex runner" offline game and are used under its BSD-3-Clause license; see THIRD-PARTY-NOTICES.md.
Source: github.com/caputchin/games
위젯 번들을 로드한 뒤 아무 HTML 페이지에나 붙여 넣으세요(설치 참고). sitekey 자리표시자를 대시보드에 있는 본인 것으로 바꾸세요.
<caputchin-game
sitekey="<your_public_sitekey>"
game="caputchin/games/dino-runner"
></caputchin-game>검증은 게임과 나란히 실행됩니다. 폼은 caputchin-token에 래핑된 토큰을 받아 /siteverify를 통해 백엔드에서 검증합니다.
Caputchin은 이를 확인하지 않아요. 정확한 내용은 작성자의 저장소를 확인하세요.
- en
- zh-Hans
- es
- ar
- pt
- fr
- de
- ru
- ja
- ko
- id
- 텍스트
- 스킨
- 게임플레이
고객은 플랜에 따라 자신의 사이트에서 이 프리셋을 재정의할 수 있어요.
Caputchin
caputchin.com- 게임 ID
- caputchin/games/dino-runner
- GitHub 리포지토리
- caputchin/games
- GitHub 스타
- 0
- npm 패키지
- @caputchin/game-dino-runner
- 번들 진입점
- dist/dino-runner.js
- 선호 크기
- 600px × 150px
- 선호 레이아웃
- Inline
- 고정된 버전
- 0.4.2
- 번들 URL
- https://cdn.jsdelivr.net/npm/@caputchin/game-dino-runner@0.4.2/dist/dino-runner.js
- 하위 리소스 무결성
- sha384-dthzNEHWoTL4DXKyzrFz9DF2o2gMowsqUEdLzcKMNrtUFARbGMfjW1DlsKHRc23P
- 마지막 인덱싱
- 5 시간 전