Three.js 低多边形赛博朋克村落 — 霓虹辉光夜景,五项参数实时可调

Three.js赛博朋克

Three.js 低多边形赛博朋克村落 — 霓虹辉光夜景,五项参数实时可调

这是一款低多边形赛博朋克村落效果,基于 Three.js + GLSL 着色器实现。画面里是一片夜色中的小镇,屋顶和楼体都是棱角分明的低面数造型,霓虹灯管勾着建筑边缘,空中飘着无人机和赛博龙来回...

Three.js 玻璃折射首屏特效 — 透明扭结体扭曲大标题,随鼠标转动

首屏Hero区特效

Three.js 玻璃折射首屏特效 — 透明扭结体扭曲大标题,随鼠标转动

这是一款玻璃折射首屏效果,基于 Three.js 实现。米白底色上是三行加粗的大标题,中间悬着一个缓慢旋转的透明玻璃扭结体。它像一块真玻璃一样把背后的文字扭曲、放大、错位,边缘还会分离出彩虹色的...

WebGL 流体光球着色器特效 — 七套预设配色,参数实时可调的液态发光球

液态发光球体

WebGL 流体光球着色器特效 — 七套预设配色,参数实时可调的液态发光球

这是一款流体光球特效,基于 WebGL2 着色器实现。屏幕中央是一颗不断变形蠕动的发光球体,表面像流动的液体一样翻涌,边缘带着丝状的光晕,整体是那种半透明果冻质感。

Three.js 体素城市生成器 — 参数随调随变,带 24 小时光影和夜间亮灯

3D方块城市

Three.js 体素城市生成器 — 参数随调随变,带 24 小时光影和夜间亮灯

这是一款体素城市生成器,基于 Three.js + React 实现。打开就是一座俯瞰视角的方块小城——街道、楼房、停车坪、公园树木都是程序随机生成的,鼠标可以拖动旋转、缩放查看。

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

3D太空跑酷

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

这是一款 3D 天空跑酷小游戏,用一个 canvas 加原生 JS 写成,没有任何游戏引擎或图片素材。玩法很简单:控制一颗彩色小球在悬空的方块跑道上一路向前,移动鼠标左右挪,点一下跳起来,掉下去...

Three.js WebGPU 电影级 3D 地球全景 — 带日食、城市灯光和实时调参的网页特效
精品

3D全景地球

Three.js WebGPU 电影级 3D 地球全景 — 带日食、城市灯光和实时调参的网页特效

这是一款电影级 3D 地球效果,基于 Three.js WebGPU 技术实现。地球可以自由拖动旋转,白天能看清地形和海洋反光,转到夜晚就是密密麻麻的城市灯光,云层会在地面投下影子,边缘还有一圈...

Three.js 3D 魔方全息画廊 - 支持切换多个面自动复原魔方,并展示复原全过程动画

3D魔方

Three.js 3D 魔方全息画廊 - 支持切换多个面自动复原魔方,并展示复原全过程动画

这是一款魔方全息画廊效果,基于 Three.js + Canvas API + CSS3 技术实现。页面中央是一个可自由旋转的 3D 魔方,六个面分别对应一套用 Canvas 程序化生成的数字画...

基于HTML5 Canvas实现的原生 JS 太空射击小游戏

太空射击网页小游戏

基于HTML5 Canvas实现的原生 JS 太空射击小游戏

这是一款经典的太空陨石射击HTML网页小游戏,基于HTML5 Canvas与原生JavaScript技术实现。画面采用极简的复古矢量线框美术风格,搭配流畅的物理碰撞、爆炸粒子动画、动态背景音效以...

HTML5网页提线木偶交互特效 | CSS3与SVG动态视觉舞台

提线木偶特效

HTML5网页提线木偶交互特效 | CSS3与SVG动态视觉舞台

这是一款提线木偶交互舞台效果,基于 CSS3、SVG 与 JavaScript Canvas 技术实现,通过实时计算 SVG 贝塞尔线条连接木偶关节,结合光影粒子与状态机驱动丰富多样且生动的肢体...

沉浸式 WebGL 无限几何隧道动画|基于 GLSL Shader 的赛博空间穿行动效

3D无限隧道

沉浸式 WebGL 无限几何隧道动画|基于 GLSL Shader 的赛博空间穿行动效

这是一个基于 WebGL2 + GLSL Fragment Shader + JavaScript 实现的沉浸式程序化动画效果。画面呈现出类似无限电梯井、科幻迷宫与几何隧道的空间穿行体验,通过 ...

异星语言科幻风格环形时钟UI | 基于 Canvas 2D 的动态时间可视化界面

环形时钟UI

异星语言科幻风格环形时钟UI | 基于 Canvas 2D 的动态时间可视化界面

这是一款充满科幻仪式感的环形动态时钟,基于 HTML5 Canvas 2D 技术实现。它将本地的时、分、秒转化为多重交织的动态墨迹轨道,随着时间的推移不断累积并错落旋转。这种将抽象时间具象化为类...

基于Canvas 2D的科技感炫彩霓虹桌上冰球(Air Hockey)交互网页小游戏

网页桌上冰球

基于Canvas 2D的科技感炫彩霓虹桌上冰球(Air Hockey)交互网页小游戏

这是一款霓虹科技风桌上冰球网页小游戏,基于HTML5 Canvas 2D技术实现,它融合了矢量物理碰撞、智能人机对战(CPU AI)、粒子撞击火花以及慢动作绝杀等街机级打击感动效,且全盘兼容鼠标...