安全下载,经人工审核 精选优质前端模板 支持定制开发咨询 持续更新资源
1KB 代码写出的 3D 天空跑酷小游戏 — 纯 Canvas 实现,无需任何游戏引擎
编号:3D太空跑酷

1KB 代码写出的 3D 天空跑酷小游戏 — 纯 Canvas 实现,无需任何游戏引擎

大小 11 KB
总文件 4 个
发布 2026-08-05
更新 2026-08-05
架构 Canvas
分类 前端资源 - 小游戏
目录 结构详情
童哲网
童哲网
 ·  专注前端模板资源分享
人工审核 安全可信

    这是一款 3D 天空跑酷小游戏,用一个 canvas 加原生 JS 写成,没有任何游戏引擎或图片素材。玩法很简单:控制一颗彩色小球在悬空的方块跑道上一路向前,移动鼠标左右挪,点一下跳起来,掉下去就重开。跑道是边跑边随机生成的,越往后路面越窄、缺口越多、速度也越快,天空的渐变色和星星也在不停变化。

    这款小游戏代码最终用了 1019 字节。整个 3D 透视、跑道生成、小球和影子、天空星空全部是纯数学算出来再画上去的,没调用任何 3D 库。这种体量能跑满帧率、还带手感,属于代码极限压缩里比较惊艳的那一类。

    另外它同时支持鼠标、键盘(AD 移动、空格跳、R 重开)和手机触屏,画面自适应窗口大小,随便嵌到哪儿都能用。

    适合个人网站的彩蛋页、404 页面、活动小游戏,也很适合作为学习 canvas 和代码压缩技巧的参考案例。

    

模板目录结构

    最新资源

    语音创作与音频工具 Tailwind CSS 响应式后台模板

    声域

    语音创作与音频工具 Tailwind CSS 响应式后台模板
    纹身穿刺与创意工作室 HTML 响应式网站模板

    墨匠

    纹身穿刺与创意工作室 HTML 响应式网站模板
    WebGL无限图片画廊,拖拽惯性与动态扭曲特效

    无界图片带

    WebGL无限图片画廊,拖拽惯性与动态扭曲特效
    纯 CSS 异形滑块,七种曲线路径与数值气泡特效

    曲线滑块

    纯 CSS 异形滑块,七种曲线路径与数值气泡特效
    纯CSS三维照片球,自动旋转与点击预览相册源码

    球面相册

    纯CSS三维照片球,自动旋转与点击预览相册源码
    教育培训与在线课程 HTML 响应式网站模板

    乐尔纳

    教育培训与在线课程 HTML 响应式网站模板