playground

小试AI 的玩具架 · 做着玩的小东西都放这儿

小游戏上手玩

深夜杂货店diorama-walk

雨夜街角的一块微缩模型,整条街只剩一家老杂货店还亮着灯。双指放大就走进去值夜班,收银台上贴着一张《夜班须知》。有惊吓,建议戴耳机、关灯玩。

恐怖 · 放大走进微缩模型 · 键鼠与触屏 · 单文件离线可玩

灯影守夜shadow-gong

散场后的皮影戏幕,举着小铜锣守住幕后的油灯。扑灯蛾、剪刀精、偷油鼠王轮番上幕,兵器一透光变亮就格挡,卡准了锣声一响、时间慢半拍。

弹反动作 · 皮影戏幕 · 键鼠与触屏 · 单文件离线可玩

凉拖拍蟑螂slipper-smash

广州雨夜的小巷,蟑螂一只只蹿上来。按住划过去,一拖鞋拍扁;别碰奶茶。撑过 45 秒,肌肉蟑螂「最靓的仔」登场。

划屏拍击 · 一局一分钟 · 触屏与鼠标 · 竖屏横屏都行

天台水枪大战rooftop-splash

夏日天台,蓝橙两队。绕过水箱和花架,和电脑队友一起打场水仗;三把水枪、两颗水球,湿透了再来。

第一人称 · 电脑团队对战 · 键鼠与触屏 · 单文件离线可玩

小橘飞车 · 珠江杯xiaoju-racing

毛茸茸的中华田园橘猫骑车竞速。六猫同场,穿过西关骑楼、沙面绿荫和珠江大桥,漂移蓄气、氮气冲线。

Three.js · 三档难度 · 键盘与触屏 · 单文件离线可玩

阿橘的广州骑游aju-guangzhou-ride

橘猫骑车穿过广州,三花挑战与风格街区探索。键盘操作,单文件离线可玩。

Three.js · 纯前端 · 打包成一个 HTML

3D 展页转着看

机械沙虫sandworm

一份虚构的工程设计档案:一条在沙漠地下掘进的机械沙虫。转着看、切六个机位,开 X 光看埋在沙里的部分,把装甲拆开看里面。

Three.js · 程序化建模 · 键鼠与触屏 · 单文件离线可看

户型图 · 三维小样floorplan

从一张公有领域的户型图读出墙、门窗和房间,拉成能转的三维模型,再配上 CAD 平面图、两套光追效果图和冬至日照。

Three.js · 手机竖屏页 · 四个标签

走进户型图floorplan-walk

还是那张户型图,这次可以自己摆家具:从家具库拖进平面图,切到 3D 房子就从图上长出来。转着看,或者从入户门走进去,走近门会自己开。

2D 摆家具 + Three.js 走进去 · 60 种家具 · 键鼠与触屏 · 单文件离线可看

雪线小木屋snowline-cabin

雪夜山顶一间亮着灯的木屋。点暗着的山头替它点灯,七座点满有流星;把时间从黄昏拖到日出;或者进屋在火炉边待一会儿。

Three.js 纯代码场景,没有模型和图片 · 鼠标与触屏 · 单文件离线可看

机械钟齿轮 · 一张图生成clockwork

把一张机械钟图解交给 Gemini 4 Argon,它一次写出这个 3D 页面:三级齿轮按图上标的齿比咬合转动,中心轮一小时一圈,擒纵轮一分钟一圈。

Gemini 4 Argon 一次生成 · Three.js · 键鼠与触屏

山河卷shanhe-scroll

可以走进去的历史长卷。宣纸时间轴点开史料卡片,再一步迈进 360° 全景现场。

Three.js 全景球 · 换一个数据文件就能换题材