Three.js案例
Cesium.js案例
WebGL/GPU
Github案例
📁总数:231
👥58 位贡献者
⚠️本站内容仅供学习交流,素材来源互联网,如有侵权请联系删除
官方资源
官方
👁查看示例
Three.jsWebGL3D图形

Three.js官方提供的完整WebGL三维图形库示例集合,包含各种3D渲染、动画和交互效果的实战案例

官方
👁查看示例
Cesium三维地球WebGL

Cesium官方提供的三维地球和地理信息系统开发示例,包含地形、影像、矢量数据等完整的三维地图应用案例

官网优化
👁查看示例
Three.js中文三维可视化WebGL开发

Three.js官网实例的中文优化版本,提供详细的中文文档和实战案例,适合三维可视化开发学习

编辑器
👁查看示例
threejs编辑器-vue版本
TriLab
Three.js编辑器Vue三维场景编辑

基于Vue.js开发的Three.js在线编辑器,提供三维场景的可视化编辑功能,支持实时预览和代码生成

轻量级
👁查看示例
轻量级地图引擎
TriLab
轻量级地图引擎Three.js地图三维地理可视化

基于Three.js开发的轻量级三维地图引擎,提供高性能的地理数据可视化和三维地图渲染功能

下载器
👁查看示例
地图下载器三维地图数据地理数据采集

专业的三维地图数据下载工具,支持多种地图源的数据采集和瓦片下载,为三维可视化开发提供数据支持

着色器|着色器入门
👁查看示例
马赛克
threelab
Three.js马赛克像素化着色器颜色变换

基于Three.js实现的马赛克着色器效果,通过像素化处理和动态颜色变换实现独特的视觉风格

📖
👁查看示例
旋转的圆
threelab
Three.js旋转圆几何着色器动态图形

基于Three.js实现的旋转圆形着色器效果,展示动态几何图形的3D动画和渲染技术

📖
👁查看示例
灰度效果
threelab
Three.js灰度效果WebGL

使用Three.js实现的灰度效果效果,基于WebGL的三维可视化示例

📖
👁查看示例
中国旗帜
giser2017
Three.js中国旗帜WebGL

使用Three.js实现的中国旗帜效果,基于WebGL的三维可视化示例

📖
👁查看示例
内发光
quyinggang
Three.js内发光WebGL

使用Three.js实现的内发光效果,基于WebGL的三维可视化示例

📖
👁查看示例
毛玻璃
threelab
Three.js毛玻璃WebGL

使用Three.js实现的毛玻璃效果,基于WebGL的三维可视化示例

📖
👁查看示例
透明渐变
threelab
Three.js透明渐变WebGL

使用Three.js实现的透明渐变效果,基于WebGL的三维可视化示例

📖
👁查看示例
栅格网格
听闻远方有你
Three.js栅格网格几何着色器3D可视化

使用Three.js实现的栅格网格着色器效果,展示几何图案的三维可视化和网格渲染技术

📖
着色器|着色器简单
👁查看示例
蘑菇
bubinyang
Three.js蘑菇有机着色器生物形态

使用Three.js实现的蘑菇形态着色器效果,模拟有机生物的三维渲染和材质表现

📖
👁查看示例
一团揉动
threelab
Three.js一团揉动WebGL

使用Three.js实现的一团揉动效果,基于WebGL的三维可视化示例

📖
🔗
👁查看示例
threelab
Three.jsWebGL

使用Three.js实现的花效果,基于WebGL的三维可视化示例

📖
🔗
👁查看示例
跳动的心
stonerao
Three.js跳动的心WebGL

使用Three.js实现的跳动的心效果,基于WebGL的三维可视化示例

📖
👁查看示例
爱心
threelab
Three.js爱心WebGL

使用Three.js实现的爱心效果,基于WebGL的三维可视化示例

📖
👁查看示例
平面扫描
threelab
Three.js平面扫描WebGL

使用Three.js实现的平面扫描效果,基于WebGL的三维可视化示例

📖
👁查看示例
圆波扫光
alphardex
Three.jsShaderWebGL

深入解析 Three.js Circle Wave 着色器效果的实现原理,包含完整的顶点着色器和片段着色器代码,以及使用场景和优化建议。

📖
👁查看示例
细胞
stonerao
Three.js细胞WebGL

使用Three.js实现的细胞效果,基于WebGL的三维可视化示例

📖
👁查看示例
圆泡吸附
优雅永不过时
Three.js圆泡吸附WebGL

使用Three.js实现的圆泡吸附效果,基于WebGL的三维可视化示例

📖
👁查看示例
环彩虹着色器
stonerao
Three.js环彩虹着色器WebGL

使用Three.js实现的环彩虹着色器效果,基于WebGL的三维可视化示例

📖
着色器|着色器进阶
👁查看示例
海面
threelab
Three.js海面WebGL

使用Three.js实现的海面效果,基于WebGL的三维可视化示例

📖
👁查看示例
溶解动画
YiQianYao
Three.js溶解动画渐隐渐现3D特效

使用Three.js实现的溶解动画着色器效果,实现物体渐隐渐现的三维特效和动态材质变化

📖
👁查看示例
图像波动
18247670551
Three.js图像波动波纹效果动态着色器

基于Three.js实现的图像波动着色器效果,创建动态波纹和波动效果的三维渲染技术

📖
👁查看示例
浮雕图像
hafly
Three.js浮雕图像立体效果3D渲染

使用Three.js实现的浮雕图像着色器效果,将平面图像转换为立体浮雕的三维渲染技术

📖
👁查看示例
波涛海浪
优雅永不过时
Three.js波涛海浪WebGL

使用Three.js实现的波涛海浪效果,基于WebGL的三维可视化示例

📖
👁查看示例
着色器天空
优雅永不过时
three.js着色器天空

使用three.js着色器天空

📖
👁查看示例
草地着色器
Liu Zijian
three.js草地着色器

使用three.js草地着色器

📖
👁查看示例
模型混合着色器
优雅永不过时
three.js模型混合着色器

使用three.js模型混合着色器

📖
👁查看示例
赛博朋克溶解
threelab
Three.js赛博朋克溶解着色器

使用Three.js实现的赛博朋克溶解特效,霓虹色彩与动态溶解边缘的视觉效果

📖
着色器|着色器大师
👁查看示例
扭曲
hafly
Three.js扭曲WebGL

使用Three.js实现的扭曲效果,基于WebGL的三维可视化示例

📖
👁查看示例
魔法漩涡
threelab
three.js漩涡发光

使用three.js实现动态魔法漩涡着色器效果

📖
👁查看示例
量子能量场
threelab
three.js量子能量场

使用three.js实现动态量子能量场着色器效果

📖
👁查看示例
全息数据流
threelab
three.js全息数据流

使用three.js实现全息数据流传输着色器效果

📖
👁查看示例
神经脉冲网络
threelab
three.js神经脉冲

使用three.js实现神经脉冲网络着色器效果

📖
👁查看示例
等离子风暴
threelab
three.js等离子风暴

使用three.js实现等离子风暴着色器效果

📖
👁查看示例
宇宙星云
threelab
three.js宇宙星云

使用three.js实现宇宙星云着色器效果

📖
👁查看示例
能量护盾
threelab
three.js能量护盾

使用three.js实现能量护盾着色器效果

📖
👁查看示例
能量场效果
threelab
three.js能量场脉冲

使用three.js实现动态能量场着色器效果

📖
👁查看示例
量子场效应
threelab
Three.js量子场量子物理动态场效果

使用Three.js实现的量子场效应着色器,模拟量子物理中的动态场波动和能量分布的三维可视化效果

📖
👁查看示例
全息投影
threelab
Three.js全息投影科幻效果扫描线

基于Three.js实现的全息投影着色器效果,创建科幻风格的全息显示、扫描线和透明投影的三维渲染技术

📖
👁查看示例
极光效果
threelab
Three.js极光效果北极光流动光带

基于Three.js实现的极光效果着色器,创建北极光风格的流动光带、多层波动和色彩渐变的三维大气光学效果

📖
👁查看示例
电磁场
threelab
Three.js电磁场电场线磁场环

基于Three.js实现的电磁场着色器效果,可视化电场线分布、磁场环形成和电荷相互作用的三维物理场模拟

📖
👁查看示例
生物发光
threelab
Three.js生物发光深海生物发光细胞

使用Three.js实现的生物发光着色器效果,模拟深海生物发光、细胞网络和脉动光效的三维生物光学可视化

📖
👁查看示例
蒸汽波太阳
xzw199509
three.js蒸汽波太阳

使用three.js蒸汽波太阳

📖
👁查看示例
白云
听闻远方有你
three.js白云

使用three.js白云

📖
👁查看示例
乌云
stonerao
three.js乌云

使用three.js乌云

📖
👁查看示例
天空云
wuyifan0203
Three.js天空云WebGL

使用Three.js实现的天空云效果,基于WebGL的三维可视化示例

📖
👁查看示例
水波纹扩散
threelab
three.js水波纹着色器

使用three.js实现交互式水波纹扩散着色器效果

📖
👁查看示例
烟雾特效
threelab
three.js烟雾着色器

使用three.js实现基于噪声函数的动态烟雾着色器效果

📖
👁查看示例
超酷烟雾
threelab
three.js烟雾发光

使用three.js实现简单但效果明显的烟雾着色器效果

📖
👁查看示例
史诗级烟雾
threelab
three.js烟雾发光

使用three.js实现修复后的史诗级烟雾着色器效果

📖
👁查看示例
火焰效果
threelab
three.js火焰燃烧

使用three.js实现逼真的火焰着色器效果

📖
👁查看示例
水流效果
threelab
three.js水流波浪

使用three.js实现动态水流着色器效果

📖
👁查看示例
熔岩流动
threelab
Three.js熔岩流动岩浆效果热力模拟

使用Three.js实现的熔岩流动着色器效果,模拟动态岩浆流动、热力分布和火山岩浆的三维可视化技术

📖
👁查看示例
流体动力学
threelab
Three.js流体动力学液体流动涡旋效果

使用Three.js实现的流体动力学着色器效果,模拟液体流动、涡旋形成和粘度变化的复杂流体行为三维可视化

📖
👁查看示例
视频着色器
优雅永不过时
three.js视频着色器

使用three.js视频着色器

📖
👁查看示例
音乐可视化
flowers-10
three.js音乐可视化

使用three.js音乐可视化

📖
👁查看示例
热力图
优雅永不过时
Three.js热力图WebGL

使用Three.js实现的热力图效果,基于WebGL的三维可视化示例

📖
👁查看示例
方块着色器
优雅永不过时
three.js方块着色器

使用three方块着色器

📖
👁查看示例
科技风地面
flowers-10
Three.js科技风地面WebGL

使用Three.js实现的科技风地面效果,基于WebGL的三维可视化示例

📖
👁查看示例
three.js Logo
threemap
Three.jsthree.js LogoWebGL

使用Three.js实现的three.js Logo效果,基于WebGL的三维可视化示例

📖
👁查看示例
音乐舞动
wuyifan0203
Three.js音乐舞动WebGL

使用Three.js实现的音乐舞动效果,基于WebGL的三维可视化示例

📖
👁查看示例
罗盘
threelab
Three.js罗盘WebGL

使用Three.js实现的罗盘效果,基于WebGL的三维可视化示例

📖
👁查看示例
时空扭曲隧道
threelab
three.js时空扭曲

使用three.js实现时空扭曲隧道着色器效果

📖
👁查看示例
晶体矩阵生长
threelab
three.js晶体矩阵

使用three.js实现晶体矩阵生长着色器效果

📖
👁查看示例
数字矩阵雨
threelab
three.js数字矩阵

使用three.js实现数字矩阵雨着色器效果

📖
👁查看示例
星空粒子场
threelab
three.js星空粒子

使用three.js实现动态星空粒子场着色器效果

📖
👁查看示例
时空扭曲
threelab
Three.js时空扭曲相对论效果引力波

基于Three.js实现的时空扭曲着色器效果,模拟相对论中的时空弯曲、引力波和黑洞效应的三维可视化技术

📖
👁查看示例
数字矩阵
threelab
Three.js数字矩阵黑客帝国数字雨

使用Three.js实现的数字矩阵着色器效果,创建黑客帝国风格的数字雨、代码流和矩阵世界的三维可视化体验

📖
👁查看示例
水晶生长
threelab
Three.js水晶生长晶体结晶晶格结构

使用Three.js实现的水晶生长着色器效果,模拟晶体结晶过程的动态生长、晶格结构和折射光效的三维可视化技术

📖
👁查看示例
围墙着色器
听闻远方有你
three.js围墙着色器

使用three.js围墙着色器

📖
👁查看示例
蛛网箱子
xzw199509
three.js蛛网箱子

使用three.js蛛网箱子

📖
👁查看示例
溶解
KallkaGo
three.js溶解

溶解特效

📖
👁查看示例
切换ShaderToy
优雅永不过时
three.js切换ShaderToy

切换ShaderToy

📖
👁查看示例
图片抖动
优雅永不过时
Three.js图片抖动WebGL

使用Three.js实现的图片抖动效果,基于WebGL的三维可视化示例

📖
👁查看示例
警告信息
听闻远方有你
Three.js警告信息WebGL

使用Three.js实现的警告信息效果,基于WebGL的三维可视化示例

📖
👁查看示例
半圆
YiQianYao
three.js半圆

使用three.js半圆

📖
👁查看示例
流光心
threemap
Three.js流光心WebGL

使用Three.js实现的流光心效果,基于WebGL的三维可视化示例

📖
👁查看示例
蜡烛
threelab
Three.js蜡烛WebGL

使用Three.js实现的蜡烛效果,基于WebGL的三维可视化示例

📖
👁查看示例
液态金属
threelab
three.js液态金属

使用three.js实现液态金属着色器效果

📖
👁查看示例
闪电效果
threelab
three.js闪电电弧

使用three.js实现动态闪电着色器效果

📖
着色器|高级着色器
优质
👁查看示例
算法噪声着色器
threelab
three.js着色器噪声算法

使用three.js实现多种噪声算法的着色器效果,包括白噪声、值噪声、柏林噪声和分形噪声

📖
优质
👁查看示例
数学函数着色器
threelab
three.js着色器数学函数

使用three.js实现多种数学函数的可视化着色器效果,包括三角函数、指数函数和对数函数

📖
优质
👁查看示例
物理模拟着色器
threelab
three.js着色器物理模拟

使用three.js实现多种物理现象的着色器模拟,包括波动、热传导、流体和电磁场

📖
优质
👁查看示例
自然现象着色器
threelab
three.js着色器自然现象

使用three.js实现多种自然现象的着色器效果,包括海洋、云层、火焰、极光和闪电

📖
优质
👁查看示例
抽象艺术着色器
threelab
three.js着色器抽象艺术

使用three.js实现多种抽象艺术风格的着色器效果,探索艺术与技术的结合

📖
优质
👁查看示例
交互式着色器
threelab
three.js着色器交互式

使用three.js实现多种交互式着色器效果,支持鼠标和触摸交互,包括涟漪、粒子跟随、画笔等效果

📖
优质
👁查看示例
极光效果
threelab
three.js极光北极光

使用three.js实现极光效果着色器,模拟北极光的流动和发光效果

📖
优质
👁查看示例
熔岩流动效果
threelab
three.js熔岩火山

使用three.js实现熔岩流动效果着色器,模拟火山岩浆的流动和气泡效果

📖
优质
👁查看示例
水晶生长效果
threelab
three.js水晶生长

使用three.js实现水晶生长效果着色器,模拟晶体生长和闪光折射效果

📖
优质
👁查看示例
银河漩涡效果
threelab
three.js银河漩涡

使用three.js实现银河漩涡效果着色器,模拟宇宙星系的旋转和漩涡效果

📖
优质
👁查看示例
魔法符文效果
threelab
three.js魔法符文

使用three.js实现魔法符文效果着色器,模拟神秘符文能量的激活和流动效果

📖
优质
👁查看示例
时间扭曲效果
threelab
three.js时间扭曲时空

使用three.js实现时间扭曲效果着色器,模拟爱因斯坦相对论中的时空扭曲和时间流动效果

📖
优质
👁查看示例
量子纠缠效果
threelab
three.js量子纠缠量子力学

使用three.js实现量子纠缠效果着色器,模拟量子力学中粒子纠缠的奇妙现象

📖
优质
👁查看示例
黑洞引力效果
threelab
three.js黑洞引力

使用three.js实现黑洞引力效果着色器,模拟黑洞强大的引力和吸积盘效果

📖
优质
👁查看示例
神经突触效果
threelab
three.js神经网络突触

使用three.js实现神经突触效果着色器,模拟大脑神经网络中神经元和突触的活动

📖
优质
👁查看示例
全息投影效果
threelab
three.js全息投影未来科技

使用three.js实现全息投影效果着色器,模拟未来科技中的三维全息投影技术

📖
优质
👁查看示例
宇宙弦理论效果
threelab
three.js弦理论高维空间

使用three.js实现宇宙弦理论效果着色器,探索弦理论中的高维空间和量子场概念

📖
优质
👁查看示例
电磁场效果
threelab
three.js电磁场电场

使用three.js实现电磁场效果着色器,模拟电场和磁场的物理现象和场线分布

📖
优质
👁查看示例
生物发光效果
threelab
three.js生物发光自然现象

使用three.js实现生物发光效果着色器,模拟自然界中生物发光现象和有机光效

📖
优质
👁查看示例
晶体生长效果
threelab
three.js晶体生长晶格结构

使用three.js实现晶体生长效果着色器,模拟晶体形成过程和晶格结构特征

📖
优质
👁查看示例
流体动力学效果
threelab
three.js流体动力学湍流

使用three.js实现流体动力学效果着色器,模拟流体运动和湍流涡旋现象

📖
优质
👁查看示例
等离子体效果
threelab
three.js等离子体高温物理

使用three.js实现等离子体效果着色器,模拟高温等离子体物理现象和能量状态

📖
优质
👁查看示例
量子场效果
threelab
three.js量子场论粒子物理

使用three.js实现量子场效果着色器,探索量子场论和粒子物理的微观世界

📖
优质
👁查看示例
引力波效果
threelab
three.js引力波时空扭曲

使用three.js实现引力波效果着色器,模拟爱因斯坦相对论中的时空涟漪现象

📖
优质
👁查看示例
纳米技术效果
threelab
three.js纳米技术分子组装

使用three.js实现纳米技术效果着色器,模拟纳米尺度的分子组装和精密工程

📖
优质
👁查看示例
星际旅行效果
threelab
three.js星际旅行曲速航行

使用three.js实现星际旅行效果着色器,模拟宇宙航行和星际探索的壮丽景象

📖
优质
👁查看示例
虚拟现实效果
threelab
three.js虚拟现实数字世界

使用three.js实现虚拟现实效果着色器,模拟数字世界的沉浸式体验和交互技术

📖
数学运算
优质
👁查看示例
初中数学函数可视化
threelab
three.js三维场景初中数学

使用three.js实现初中数学函数可视化三维场景,包括一次函数、二次函数、三角函数、反比例函数和绝对值函数的立体图像展示

📖
优质
👁查看示例
几何图形变换
threelab
three.js三维场景初中数学

使用three.js实现几何图形变换三维场景,包括平移、旋转、缩放、对称和组合变换的立体展示

📖
优质
👁查看示例
坐标系和函数图像
threelab
three.js三维场景初中数学

使用three.js实现坐标系和函数图像三维场景,展示直角坐标系、极坐标系、柱坐标系和球坐标系下的立体函数图像特征

📖
优质
👁查看示例
概率统计可视化
threelab
three.js三维场景初中数学

使用three.js实现概率统计可视化三维场景,包括正态分布、泊松分布、指数分布、二项分布和均匀分布的立体图表展示

📖
优质
👁查看示例
对称和图案
threelab
three.js三维场景初中数学

使用three.js实现对称和图案三维场景,展示轴对称、中心对称、旋转对称和平移对称的立体图案概念

📖
三维地球
👁查看示例
粒子地球
giser2017
three.js粒子地球

使用three.粒子地球

📖
👁查看示例
RainManGO
Three.js3D地球WebGL

使用Three.js实现的3D地球效果,基于WebGL的三维可视化示例

👁查看示例
GhostCatcg
Three.js虚幻地球WebGL

使用Three.js实现的虚幻地球效果,基于WebGL的三维可视化示例

👁查看示例
xiaogua-bushigua
Three.js3D地图WebGL

使用Three.js实现的3D地图效果,基于WebGL的三维可视化示例

👁查看示例
3D地图
优雅永不过时
three.js3D地图

使用three.js制作3D地图

📖
👁查看示例
飞线效果
桔子桑
Three.js飞线效果WebGL

使用Three.js实现的飞线效果,基于WebGL的三维可视化示例

📖
数字孪生|智慧城市
👁查看示例
城市特效
three.js城市特效

使用three.js城市特效

📖
👁查看示例
城市混合扫光
threelab
Three.js城市混合扫光WebGL

使用Three.js实现的城市混合扫光效果,基于WebGL的三维可视化示例

📖
👁查看示例
城市混合Shader
threelab
Three.js城市混合ShaderWebGL

使用Three.js实现的城市混合Shader效果,基于WebGL的三维可视化示例

📖
👁查看示例
Three.js智慧城市特效WebGL

使用Three.js实现的智慧城市特效效果,基于WebGL的三维可视化示例

👁查看示例
城市线条
赵艾阳
three.js城市线条

使用three.js城市线条

📖
👁查看示例
代码云
YiQianYao
three.js代码云

使用three.js代码云

📖
👁查看示例
精灵文字
优雅永不过时
three.js精灵文字

使用three.js精灵文字

📖
👁查看示例
3D热力图
treasureMoment
three.js3D热力图

使用three.js制作3D热力图

📖
👁查看示例
魔法阵
18247670551
three.js魔法阵

使用three.js魔法阵

📖
👁查看示例
程序化地形生成
nico
three.js程序化地形生成

程序化地形生成

📖
👁查看示例
雷达扫描
threelab
Three.js雷达扫描WebGL

使用Three.js实现的雷达扫描效果,基于WebGL的三维可视化示例

📖
👁查看示例
雷达扫描2
threelab
Three.js雷达扫描2WebGL

使用Three.js实现的雷达扫描2效果,基于WebGL的三维可视化示例

📖
👁查看示例
酷炫无限网格
threelab
Three.js酷炫无限网格WebGL

使用Three.js实现的酷炫无限网格效果,基于WebGL的三维可视化示例

📖
👁查看示例
无限网格
threelab
Three.js无限网格WebGL

使用Three.js实现的无限网格效果,基于WebGL的三维可视化示例

📖
数字孪生|行业应用
👁查看示例
fengtianxi001
Three.js风机WebGL

使用Three.js实现的风机效果,基于WebGL的三维可视化示例

高级案例
👁查看示例
junhong-chen
Three.js漫游模拟器WebGL

使用Three.js实现的漫游模拟器效果,基于WebGL的三维可视化示例

👁查看示例
桃花亭
幻梦丶海炎
Three.js桃花亭WebGL

使用Three.js实现的桃花亭效果,基于WebGL的三维可视化示例

👁查看示例
紫藤花
幻梦丶海炎
Three.js紫藤花WebGL

使用Three.js实现的紫藤花效果,基于WebGL的三维可视化示例

👁查看示例
咖啡
kavalcio
three.js咖啡

咖啡

📖
👁查看示例
烟雾效果
听闻远方有你
Three.js烟雾效果WebGL

使用Three.js实现的烟雾效果效果,基于WebGL的三维可视化示例

📖
👁查看示例
新年快乐
听闻远方有你
Three.js新年快乐WebGL

使用Three.js实现的新年快乐效果,基于WebGL的三维可视化示例

📖
👁查看示例
KallkaGo
Three.jssu7 demoWebGL

使用Three.js实现的su7 demo效果,基于WebGL的三维可视化示例

👁查看示例
Three.jsSU7复刻仿真WebGL

使用Three.js实现的SU7复刻仿真效果,基于WebGL的三维可视化示例

水效果
👁查看示例
水天一色
优雅永不过时
three.js水天一色

使用three.js水天一色

📖
👁查看示例
深海漩涡
threelab
Three.js深海漩涡涡旋效果暗流模拟

使用Three.js实现的深海漩涡着色器效果,模拟深海涡旋形成、暗流运动和深海物理现象的三维可视化技术

📖
👁查看示例
瀑布效果
threelab
Three.js瀑布效果水流冲击湍流模拟

基于Three.js实现的瀑布效果着色器,模拟水流冲击、湍流形成和瀑布物理现象的三维流体动力学可视化

📖
👁查看示例
冰面反射
threelab
Three.js冰面反射折射效果冰层光学

使用Three.js实现的冰面反射着色器效果,模拟冰层折射、反射光效和冰面光学特性的三维可视化技术

📖
👁查看示例
热带海洋
threelab
Three.js热带海洋清澈海水阳光透射

基于Three.js实现的热带海洋着色器效果,模拟清澈海水、阳光透射和热带海洋光学特性的三维可视化技术

📖
👁查看示例
雨滴涟漪
threelab
Three.js雨滴涟漪雨滴冲击涟漪传播

使用Three.js实现的雨滴涟漪着色器效果,模拟雨滴冲击水面、涟漪传播和水面波动现象的三维流体动力学可视化

📖
👁查看示例
量子水波
threelab
Three.js量子水波波函数干涉概率密度

基于Three.js实现的量子水波着色器效果,模拟量子力学波函数干涉、概率密度分布和量子纠缠现象的三维可视化技术

📖
👁查看示例
全息水幕
threelab
Three.js全息水幕扫描线效果数据流动

使用Three.js实现的全息水幕着色器效果,创建全息投影风格的扫描线、数据流动和水幕波动的三维可视化体验

📖
👁查看示例
熔岩瀑布
threelab
Three.js熔岩瀑布热浪效果岩浆气泡

基于Three.js实现的熔岩瀑布着色器效果,模拟熔岩流动、热浪波动和水火混合的奇幻三维可视化技术

📖
👁查看示例
时空涟漪
threelab
Three.js时空涟漪引力波传播时间膨胀

使用Three.js实现的时空涟漪着色器效果,模拟相对论时空扭曲、引力波传播和时间膨胀现象的三维物理可视化

📖
👁查看示例
数字水纹
threelab
Three.js数字水纹像素化效果数据流动

基于Three.js实现的数字水纹着色器效果,创建数字化像素化、数据流动和数字故障风格的水纹三维可视化技术

📖
闪耀发光
👁查看示例
火球效果
giser2017
Three.js火球效果WebGL

使用Three.js实现的火球效果效果,基于WebGL的三维可视化示例

📖
图元|体图元
👁查看示例
动态光影立方体
giser2017
Three.js动态光影立方体WebGL

使用Three.js实现的动态光影立方体效果,基于WebGL的三维可视化示例

📖
👁查看示例
3D饼图
赵艾阳
three.js3D饼图

使用three.js制作3D饼图

📖
👁查看示例
扩散半球
giser2017
Three.js扩散半球WebGL

使用Three.js实现的扩散半球效果,基于WebGL的三维可视化示例

📖
👁查看示例
扩散圆墙
优雅永不过时
three.js扩散圆墙

使用three.js扩散圆墙

📖
👁查看示例
雷达着色器
stonerao
three.js雷达着色器

使用three.雷达着色器

📖
👁查看示例
环形着色器
stonerao
three.js环形着色器

使用three.js环形着色器

📖
👁查看示例
管道流动
18247670551
three.js管道流动

使用three.js管道流动

📖
图元|线图元
👁查看示例
流光
听闻远方有你
three.js流光

使用three.js流光

👁查看示例
发散飞线
stonerao
three.js发散飞线

使用three.js发散飞线

应用场景
👁查看示例
矩阵操作
生子当如哈士奇
three.js矩阵操作

矩阵操作

👁查看示例
简单3d拓扑图
优雅永不过时
three.js3d拓扑图

使用three.js制作3d拓扑图

👁查看示例
模型导航
nico
three.js模型导航

模型导航

👁查看示例
球体文字
优雅永不过时
three.js球体文字

使用three球体文字

👁查看示例
花瓣雨
QuarkGluonPlasma
Three.js花瓣雨WebGL

使用Three.js实现的花瓣雨效果,基于WebGL的三维可视化示例

👁查看示例
第一人称房屋
QuarkGluonPlasma
Three.js第一人称房屋WebGL

使用Three.js实现的第一人称房屋效果,基于WebGL的三维可视化示例

👁查看示例
风吹动画
听闻远方有你
Three.js风吹动画WebGL

使用Three.js实现的风吹动画效果,基于WebGL的三维可视化示例

粒子
👁查看示例
大象
优雅永不过时
Three.js大象WebGL

使用Three.js实现的大象效果,基于WebGL的三维可视化示例

📖
👁查看示例
星系
kavalcio
three.js星系

使用three.js星系

📖
👁查看示例
颗粒图像
赵艾阳
three.js颗粒图像

使用three.js颗粒图像

📖
👁查看示例
Three.js3D点云模型WebGL

使用Three.js实现的3D点云模型效果,基于WebGL的三维可视化示例

👁查看示例
粒子聚散
优雅永不过时
three.js粒子聚散

使用three.js粒子聚散

📖
👁查看示例
随机粒子效果
giser2017
Three.js随机粒子效果WebGL

使用Three.js实现的随机粒子效果效果,基于WebGL的三维可视化示例

📖
👁查看示例
粒子效果的行星
giser2017
Three.js粒子效果的行星WebGL

使用Three.js实现的粒子效果的行星效果,基于WebGL的三维可视化示例

📖
👁查看示例
粒子效果的行星
幻梦丶海炎
Three.js粒子效果的行星WebGL

使用Three.js实现的粒子效果的行星效果,基于WebGL的三维可视化示例

📖
👁查看示例
下雪
听闻远方有你
Three.js下雪WebGL

使用Three.js实现的下雪效果,基于WebGL的三维可视化示例

📖
扩展功能
👁查看示例
加载3dtiles
优雅永不过时
three.js3dtiles

使用three加载3dtiles

📖
👁查看示例
测量
听闻远方有你
Three.js测量WebGL

使用Three.js实现的测量效果,基于WebGL的三维可视化示例

📖
后期处理
👁查看示例
高斯模糊
hafly
three.js高斯模糊

使用three.js高斯模糊

📖
👁查看示例
辉光-postprocessing
优雅永不过时
three.js辉光通道

使用three.js辉光通道

📖
👁查看示例
自定义遮罩通道
优雅永不过时
three.js自定义遮罩通道

使用three.js自定义遮罩通道

📖
👁查看示例
UV图像变换
giser2017
Three.jsUV图像变换WebGL

使用Three.js实现的UV图像变换效果,基于WebGL的三维可视化示例

📖
👁查看示例
边缘模糊效果
giser2017
Three.js边缘模糊效果WebGL

使用Three.js实现的边缘模糊效果效果,基于WebGL的三维可视化示例

📖
物理应用
👁查看示例
vasturiano
Three.js力导向图WebGL

使用Three.js实现的力导向图效果,基于WebGL的三维可视化示例

👁查看示例
物理cannon使用
优雅永不过时
Three.js物理cannon使用WebGL

使用Three.js实现的物理cannon使用效果,基于WebGL的三维可视化示例

📖
入门案例|基础案例
👁查看示例
gltf/fbx/obj模型加载
优雅永不过时
three.html模型加载

使用three.html模型加载

📖
👁查看示例
轮廓光
优雅永不过时
three.html轮廓光

使用three轮廓光

📖
👁查看示例
渐变三角形
giser2017
three.html渐变三角形

使用three.html渐变三角形

📖
👁查看示例
天空盒
优雅永不过时
three.html天空盒

使用three.html天空盒

📖
👁查看示例
单/多模型动画
优雅永不过时
three.html模型自带动画

使用three播放模型自带动画

📖
👁查看示例
GSAP动画
优雅永不过时
three.htmlGSAP动画

使用three.html GSAP动画

📖
👁查看示例
CSS元素
优雅永不过时
three.htmlCSS元素

使用three.html CSS元素

📖
👁查看示例
曲线动画
优雅永不过时
three.html曲线动画

使用three.html曲线动画

📖
👁查看示例
Mesh变换动画
优雅永不过时
three.html变换动画

使用three.html变换动画

📖
👁查看示例
截图
优雅永不过时
three.html截图

使用three.html截图

📖
👁查看示例
骨骼动画
听闻远方有你
three.js骨骼动画

使用three.js骨骼动画

📖
👁查看示例
挤压几何体三色分离
threelab
Three.js挤压几何体ExtrudeGeometry材质分组

基于Three.js实现的挤压几何体三色分离效果,通过修改ExtrudeGeometry源码实现顶面、底面、侧面分别使用不同颜色的高级材质分组技术

📖
入门案例|入门实例
👁查看示例
入门
giser2017
three.html入门

使用three.html入门

📖
👁查看示例
辅助线
giser2017
three.html辅助线

使用three.html辅助线

📖
👁查看示例
光线
giser2017
three.html光线

使用three.html光线

📖
👁查看示例
相机控件
giser2017
three.html相机控件

使用three.html相机控件

📖
👁查看示例
动画
giser2017
three.html动画

使用three.html动画

📖
👁查看示例
全屏
giser2017
three.html全屏

使用three.html全屏

📖
👁查看示例
帧率
giser2017
three.html帧率

使用three.html帧率

📖
👁查看示例
阵列模型
giser2017
Three.js阵列模型WebGL

使用Three.js实现的阵列模型效果,基于WebGL的三维可视化示例

📖
👁查看示例
几何体
giser2017
three.html几何体

使用three.html几何体

📖
👁查看示例
点、线
giser2017
three.html点线

使用three.html点、线

📖
👁查看示例
网格
giser2017
three.html网格

使用three.html网格

📖
👁查看示例
索引
giser2017
three.html索引

使用three.html索引

📖
👁查看示例
旋转、缩放、平移几何体
giser2017
three.js旋转缩放平移几何体3D变换

使用three.js实现几何体的旋转变换、缩放变换和平移变换

📖
👁查看示例
自带几何体顶点
giser2017
three.html自带几何体顶点

使用three.html自带几何体顶点

📖
👁查看示例
顶点颜色
giser2017
three.html顶点颜色

使用three.html顶点颜色

📖
免费资源
👁查看示例
sketchfab免费模型
giser2017
Three.jssketchfab免费模型WebGL

使用Three.js实现的sketchfab免费模型效果,基于WebGL的三维可视化示例

👁查看示例
开源shader社区
giser2017
Three.js开源shader社区WebGL

使用Three.js实现的开源shader社区效果,基于WebGL的三维可视化示例

👁查看示例
免费hdr全景图资源
giser2017
Three.js免费hdr全景图资源WebGL

使用Three.js实现的免费hdr全景图资源效果,基于WebGL的三维可视化示例

相关工具
👁查看示例
gltf在线draco压缩工具
Three.jsgltf在线draco压缩工具WebGL

使用Three.js实现的gltf在线draco压缩工具效果,基于WebGL的三维可视化示例

👁查看示例
Three.jshdr制作天空盒WebGL

使用Three.js实现的hdr制作天空盒效果,基于WebGL的三维可视化示例

👁查看示例
Three.js字体转Three使用json字体WebGL

使用Three.js实现的字体转Three使用json字体效果,基于WebGL的三维可视化示例

👁查看示例
Three.jsWebgl直接可用ShaderWebGL

使用Three.js实现的Webgl直接可用Shader效果,基于WebGL的三维可视化示例

👁查看示例
Three.jsShader编辑器WebGL

使用Three.js实现的Shader编辑器效果,基于WebGL的三维可视化示例

👁查看示例
geojson获取工具
giser2017
Three.jsgeojson获取工具WebGL

使用Three.js实现的geojson获取工具效果,基于WebGL的三维可视化示例

👁查看示例
Three.js图片生成3D模型WebGL

使用Three.js实现的图片生成3D模型效果,基于WebGL的三维可视化示例

👁查看示例
制作人物动画
giser2017
Three.js制作人物动画WebGL

使用Three.js实现的制作人物动画效果,基于WebGL的三维可视化示例

👁查看示例
Three.jsgltf模型查看器WebGL

使用Three.js实现的gltf模型查看器效果,基于WebGL的三维可视化示例