Three.js赛博朋克
Three.js 低多边形赛博朋克村落 — 霓虹辉光夜景,五项参数实时可调这是一款低多边形赛博朋克村落效果,基于 Three.js + GLSL 着色器实现。画面里是一片夜色中的小镇,屋顶和楼体都是棱角分明的低面数造型,霓虹灯管勾着建筑边缘,空中飘着无人机和赛博龙来回...
首屏Hero区特效
Three.js 玻璃折射首屏特效 — 透明扭结体扭曲大标题,随鼠标转动这是一款玻璃折射首屏效果,基于 Three.js 实现。米白底色上是三行加粗的大标题,中间悬着一个缓慢旋转的透明玻璃扭结体。它像一块真玻璃一样把背后的文字扭曲、放大、错位,边缘还会分离出彩虹色的...
液态发光球体
WebGL 流体光球着色器特效 — 七套预设配色,参数实时可调的液态发光球这是一款流体光球特效,基于 WebGL2 着色器实现。屏幕中央是一颗不断变形蠕动的发光球体,表面像流动的液体一样翻涌,边缘带着丝状的光晕,整体是那种半透明果冻质感。
3D方块城市
Three.js 体素城市生成器 — 参数随调随变,带 24 小时光影和夜间亮灯这是一款体素城市生成器,基于 Three.js + React 实现。打开就是一座俯瞰视角的方块小城——街道、楼房、停车坪、公园树木都是程序随机生成的,鼠标可以拖动旋转、缩放查看。
3D太空跑酷
1KB 代码写出的 3D 天空跑酷小游戏 — 纯 Canvas 实现,无需任何游戏引擎这是一款 3D 天空跑酷小游戏,用一个 canvas 加原生 JS 写成,没有任何游戏引擎或图片素材。玩法很简单:控制一颗彩色小球在悬空的方块跑道上一路向前,移动鼠标左右挪,点一下跳起来,掉下去...
3D全景地球
Three.js WebGPU 电影级 3D 地球全景 — 带日食、城市灯光和实时调参的网页特效这是一款电影级 3D 地球效果,基于 Three.js WebGPU 技术实现。地球可以自由拖动旋转,白天能看清地形和海洋反光,转到夜晚就是密密麻麻的城市灯光,云层会在地面投下影子,边缘还有一圈...
3D魔方
Three.js 3D 魔方全息画廊 - 支持切换多个面自动复原魔方,并展示复原全过程动画这是一款魔方全息画廊效果,基于 Three.js + Canvas API + CSS3 技术实现。页面中央是一个可自由旋转的 3D 魔方,六个面分别对应一套用 Canvas 程序化生成的数字画...
太空射击网页小游戏
基于HTML5 Canvas实现的原生 JS 太空射击小游戏这是一款经典的太空陨石射击HTML网页小游戏,基于HTML5 Canvas与原生JavaScript技术实现。画面采用极简的复古矢量线框美术风格,搭配流畅的物理碰撞、爆炸粒子动画、动态背景音效以...
提线木偶特效
HTML5网页提线木偶交互特效 | CSS3与SVG动态视觉舞台这是一款提线木偶交互舞台效果,基于 CSS3、SVG 与 JavaScript Canvas 技术实现,通过实时计算 SVG 贝塞尔线条连接木偶关节,结合光影粒子与状态机驱动丰富多样且生动的肢体...
3D无限隧道
沉浸式 WebGL 无限几何隧道动画|基于 GLSL Shader 的赛博空间穿行动效这是一个基于 WebGL2 + GLSL Fragment Shader + JavaScript 实现的沉浸式程序化动画效果。画面呈现出类似无限电梯井、科幻迷宫与几何隧道的空间穿行体验,通过 ...
环形时钟UI
异星语言科幻风格环形时钟UI | 基于 Canvas 2D 的动态时间可视化界面这是一款充满科幻仪式感的环形动态时钟,基于 HTML5 Canvas 2D 技术实现。它将本地的时、分、秒转化为多重交织的动态墨迹轨道,随着时间的推移不断累积并错落旋转。这种将抽象时间具象化为类...
网页桌上冰球
基于Canvas 2D的科技感炫彩霓虹桌上冰球(Air Hockey)交互网页小游戏这是一款霓虹科技风桌上冰球网页小游戏,基于HTML5 Canvas 2D技术实现,它融合了矢量物理碰撞、智能人机对战(CPU AI)、粒子撞击火花以及慢动作绝杀等街机级打击感动效,且全盘兼容鼠标...