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

Three.js赛博朋克

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

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

Three.js 五层视差无限图片墙 — 拖拽惯性滑动,滚轮加速的横向画廊

无限滚照片墙

Three.js 五层视差无限图片墙 — 拖拽惯性滑动,滚轮加速的横向画廊

这是一款无限滚动图片墙效果,基于 Three.js 实现。整屏是横向流动的照片,分成五层,越靠前的图越大越亮、跑得越快,越靠后的越小越淡、跑得越慢,叠在一起就有了明显的纵深感。每张图还在轻微上下...

Three.js 生物电神经网络特效 — 点击触发脉冲传导,带实时 HUD 数据面板

生物电特效

Three.js 生物电神经网络特效 — 点击触发脉冲传导,带实时 HUD 数据面板

这是一款生物电神经网络效果,基于 Three.js + WebGL 着色器实现。黑色背景里悬着一团三维神经元结构,中心是细胞体,向四周伸出十几条树突和几条轴突,一直在缓慢自转。点击画面任意位置就...

WebGL 交互式水面特效 — 鼠标划出真实涟漪,带焦散光斑和五套水景预设

WebGL水面特效

WebGL 交互式水面特效 — 鼠标划出真实涟漪,带焦散光斑和五套水景预设

这是一款交互式水面特效,基于 WebGL2 着色器实现。整屏是一池清水,能看到水底的沙纹和阳光穿过水面投下的网状光斑,也就是常说的焦散。鼠标划过水面会推出真实的波纹,点一下就是一滴水落下,涟漪一...

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

液态发光球体

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

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

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

3D方块城市

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

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

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 程序化生成的数字画...

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

3D无限隧道

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

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

基于Three.js + WebGL实现的 3D 全息镭射折射卡片轮播

钻石画廊

基于Three.js + WebGL实现的 3D 全息镭射折射卡片轮播

这是一款全息镭射钻石画廊轮播,基于 Three.js 与 WebGL 技术实现。通过多切面折射着色器与实时地面镜像反射,让每一张卡片在旋转流转中折射出镭射渐变光泽,再叠加泛光辉光与边缘色差偏移,...

基于Three.js + WebGL实现的 3D 发光粒子有机生命体

数字生命体

基于Three.js + WebGL实现的 3D 发光粒子有机生命体

​这是一款深海流体感3D粒子生命体视觉效果,基于 Three.js 与 WebGL 技术实现。通过动态点阵网格模拟出如游弋生物般优雅波动的形态,在起伏的网格空间中平滑翻涌。这种将数理结构与自然生...

基于Three.js+ WebGL 实现的有机波浪形无限滚动图集特效

无限滚动画廊

基于Three.js+ WebGL 实现的有机波浪形无限滚动图集特效

这是一款有机波浪无限滚动画廊效果,基于JavaScript + Three.js + GLSL着色器技术实现,它将原本平面的垂直图片列表转化为一条如同缎带般柔顺起伏、可无限滚动的三维图带,并支持...