🚲 鹈鹕骑自行车 · 3D

纯程序化几何 · three.js 实时渲染 · 无贴图 / 无模型文件
一只鹈鹕绕着湖骑行,日夜流转。
程序化建模骨骼 IK 踩踏 GLSL 水面昼夜系统Web Audio
FPS
速度0.0
里程0 m
三角面
时刻17:24
速度
时刻
鹈鹕正在装配自行车…
初始化

无法启动 3D 场景

本页面需要支持 WebGL2 的浏览器,首次打开还需联网从 CDN 加载 three.js。

操控说明 · Controls

这是一只由代码长出来的鹈鹕:所有几何体都在运行时程序化生成,没有外部模型、贴图或音频文件。

拖拽 / 单指滑动旋转镜头(自动镜头下,手动旋转会接管 3 秒)
滚轮 / 双指捏合推拉镜头距离
1234跟随 / 环绕 / 电影 / 第一视角
空格跳跃(落地扬尘 + 展翅)
B / H车铃 / 鹈鹕鸣叫(Web Audio 实时合成)
N昼夜快速切换(黎明 / 正午 / 日落 / 午夜)
减速 / 加速
P暂停 / 继续
W线框蓝图模式
F全屏
点击鹈鹕它会叫一声
技术点:程序化变径管(tapered tube)建喙与脖颈 · 双骨骼 IK 解算踩踏 · 皮带外公切线算法生成链条 · InstancedMesh 草地/岩石/芦苇/道路虚线 · PMREM 环境反射 · 自定义 GLSL 天空与水面 · Canvas 程序化噪声贴图 · 昼夜调色板插值 · 粒子扬尘 · 速度感镜头抖动 · 多 CDN 回退加载。