自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+

  • 博客(117)
  • 问答 (5)
  • 收藏
  • 关注

原创 Three.js的未来趋势与前景

随着技术的进步,Three.js作为一款基于WebGL的3D图形库,正逐渐成为前端开发领域中不可或缺的一部分。它的流行不仅是因为它能够简化复杂的3D图形编程,还因为它为开发者提供了强大的工具集来创建互动性强、视觉效果出众的应用程序。

2025-02-17 10:53:41 591

原创 Three.js 使用 shader 实现漂亮的网格

Three.js 使用 shader 实现漂亮的网格。

2025-02-17 10:44:55 151

原创 前端可视化科技前沿 未来 Three.js

这个仓库的宗旨是为开发者提供一个学习和交流的平台,帮助大家更好地掌握 Three.js 和 Cesium.js 的使用方法。科技创新:随着人工智能、大数据、物联网等新兴技术的发展,未来将会出现更多基于科技创新的产品和服务,改变人们的生活方式和工作方式。可持续发展:随着环境问题的日益突出,未来的发展将更加注重可持续性发展,包括推动清洁能源、减少碳排放、提倡循环经济等。全球化和合作:随着全球化进程的深入,国际合作将更加紧密,各国之间的联系和交流将更加频繁,共同应对全球性挑战。

2025-02-13 11:33:55 488

原创 探索 Three.js 与 Cesium.js 的开源宝藏:three-cesium-examples

这个仓库的宗旨是为开发者提供一个学习和交流的平台,帮助大家更好地掌握 Three.js 和 Cesium.js 的使用方法。丰富的案例资源:仓库分为 threeExamples 和 cesiumExamples 两个主要目录,分别存放基于 Three.js 和 Cesium.js 的代码案例。它不仅提供了丰富的学习资源,还为开发者提供了一个展示和交流的平台。:如果你是 Three.js 或 Cesium.js 的新手,three-cesium-examples 提供了丰富的基础案例,帮助你快速上手。

2025-02-13 11:30:17 720

原创 原生Three.js 和 Cesium.js 案例 。 智慧城市 数字孪生常用功能列表

今天,让我们一起探索开源的Three.js,一个强大的JavaScript库,它让我们能够轻松地在网页上创建和显示3D图形。Three.js是一个强大的工具,它让3D图形的创建和展示变得简单而有趣。Three.js是一个基于WebGL的JavaScript库,它提供了一个直观的API来创建和显示动画3D图形在浏览器中。模型加载:Three.js支持加载多种格式的3D模型,如OBJ、FBX等,让你能够将复杂的3D模型轻松地集成到你的项目中。Three.js的强大功能在各种案例中得到了充分的展示。

2025-02-12 11:06:04 750

原创 Three.js编辑器百度搜索 Top 1

组件化:类似于二维低代码的组件化,three.js 也可以,例如你通过繁琐操作创建了一个三维物体,你将此方法封装起来,下次使用就不用从头写,只需要一些传参就能生成这个物体,一个组件只需要耗费经历写一次,而这个组件代码并不会与其他代码有过多的交集。通用性 一定要和以外的斩断联系,例如 vue react, 把思想放到js 上 , 这样你创造的 才会是 轻量,通用, 高效的也会避免一些问题,可以多去看看 node_modules 的每一个依赖都是如何创造的,去获取这种理念。用户自定义的各种着色器混合扩展。

2025-02-12 11:03:26 879

原创 Three.js 实现文字采集生成粒子的效果

Three.js 实现文字采集生成粒子的效果。

2025-02-07 11:11:29 251

原创 Three.js 实现雪花效果

Three.js 实现雪花效果。

2025-02-07 11:09:55 147

原创 three.js 低代码组态编辑器

1.组件化, 例如目前比较火的3dMap ,可视为一个功能组件。2. 自带动画 和 环境等功能集成。用户自定义的各种着色器混合扩展。7. 后期处理等功能 集成和 扩展。3. 用户自定义配置变换动画。5. 天空和环境等通用要素。6. 自由绘制创建等功能。

2025-02-06 10:48:19 328

原创 Three.js 实现海面效果

Three.js 实现海面效果。

2025-02-06 10:46:36 671 1

原创 Three.js实现 庆祝 2025新年快乐

Three.js实现 庆祝 2025新年快乐。

2025-01-08 11:27:12 616

原创 原生的Three.js Cesium.js的 开源案例 已获近1000Star

今天,让我们一起探索开源的Three.js,一个强大的JavaScript库,它让我们能够轻松地在网页上创建和显示3D图形。由于前端得发展, three.js 和 cesium.js 越来越被越来越多得前端接触到,由于其学习路线比较复杂,且官网案例覆盖不全, 因此在今年 我们共同 搭建了一个免费得 three 和 cesium 案例 学习平台,未来将免费逐步的更新 案例。模型加载:Three.js支持加载多种格式的3D模型,如OBJ、FBX等,让你能够将复杂的3D模型轻松地集成到你的项目中。

2025-01-08 11:20:49 634

原创 three.js无限网格

three.js无限网格。

2024-12-30 11:45:28 204

原创 three.js 数字孪生 机房 扫光地面的效果 shader实现

three.js 数字孪生 机房 扫光地面的效果 shader实现。

2024-12-30 11:36:04 312

原创 three.js 低代码, 组态,封装编辑器百度搜索第一

su7 压缩模型加载, 道路流光 灰度贴图 模型裁剪动画 跳动心, 旋转圆, 空中的云 天空盒加载 模型动画播放 光柱效果,毛玻璃 着色器,立体热力图,模型拆解动画,地理边界流动,模型视图,地面反射效果 3d 文字 环境贴图效果 相机视角动画 物体 沿着 路径运动动画 粒子效果 围墙着色器效果 类似echarts 的 three.js 3d 地图 城市白模建筑扫光 three 实现地球效果 飞线 烟雾着色器, 报

2024-12-23 11:38:51 824

原创 Three.js 顶点着色学习

Three.js 顶点着色学习。

2024-12-23 10:47:36 253

原创 three.js混合白色模型的智慧城市扫光效果

three.js混合白色模型的智慧城市扫光效果。

2024-12-23 10:44:35 451

原创 Three.js实现海洋与天空

Three.js实现海洋与天空。

2024-12-20 11:13:32 320

原创 Three.js 实现指针控制器 第一人称漫游的功能

Three.js 实现指针控制器 第一人称漫游的功能。

2024-12-20 11:12:15 309

原创 Three.js编辑器 排名第一 融合各种功能

su7 压缩模型加载, 道路流光 灰度贴图 模型裁剪动画 跳动心, 旋转圆, 空中的云 天空盒加载 模型动画播放 光柱效果,毛玻璃 着色器,立体热力图,模型拆解动画,地理边界流动,模型视图,地面反射效果 3d 文字 环境贴图效果 相机视角动画 物体 沿着 路径运动动画 粒子效果 围墙着色器效果 类似echarts 的 three.js 3d 地图 城市白模建筑扫光 three 实现地球效果 飞线 烟雾着色器, 报

2024-12-12 10:07:39 1278 1

原创 Three.js css2d Css3D的使用

Three.js css2d Css3D的使用。

2024-12-12 10:05:40 365

原创 three.js 粒子线条

three.js 粒子线条。

2024-12-07 11:17:43 259

原创 three.js 低代码组态编辑器,百度搜索three 编辑器第一个

官网: https://threehub.cn/editor/低代码的开发是非常曲折的,尤其是早期根本没有任何参考作品或者 相关的一些知识博客去引领我们去做,会经历多次的推到再到重头再来,又需要开发者有很高的知识储备,举步维艰。,目前 web 二维 在市场上已经非常普遍,而web 三维低代码普及率并不是很高。以下是我的一些的编辑器功能分布,希望能对你有一些启发,让你少走一些弯路。预览查看 https://z2586300277.github.io/three-editor/dist/#/editor开源地

2024-12-07 11:12:36 1186

原创 使用Three.js 自定义绘制网格辅助物体

200多个Three.js Cesium.js 原生案例 开源仓库地址。使用Three.js 自定义绘制网格辅助物体。

2024-12-03 09:53:19 258

原创 使用最简最优的代码实现 Three.js 点击地面人物走向目标地点的第三人称动画效果

使用最简最优的代码实现 Three.js 点击地面人物走向目标地点的第三人称动画效果。200多个Three.js Cesium.js 原生案例 开源仓库地址。依赖 gltf gsap。

2024-12-03 09:50:13 274

原创 Three.js ammo.js 简单的使用

Three.js ammo.js 简单的使用。

2024-11-25 09:44:09 343

原创 百度搜索Three.js 编辑器 第一个就是

组件化:类似于二维低代码的组件化,three.js 也可以,例如你通过繁琐操作创建了一个三维物体,你将此方法封装起来,下次使用就不用从头写,只需要一些传参就能生成这个物体,一个组件只需要耗费经历写一次,而这个组件代码并不会与其他代码有过多的交集。通用性 一定要和以外的斩断联系,例如 vue react, 把思想放到js 上 , 这样你创造的 才会是 轻量,通用, 高效的也会避免一些问题,可以多去看看 node_modules 的每一个依赖都是如何创造的,去获取这种理念。2. 自带动画 和 环境等功能集成。

2024-11-25 09:42:16 755

原创 three.js 使用变换控制器实现灯光 物体 模型 拖拽 放大缩小 旋转的功能

three.js 使用变换控制器实现灯光 物体 模型 拖拽 放大缩小 旋转的功能。

2024-11-24 11:35:28 345

原创 three.js 修改模型的材质属性 并结合gsap材质颜色修改动画

three.js 修改模型的材质属性 并结合gsap材质颜色修改动画。

2024-11-24 11:33:40 438

原创 three.js实现地球 外部扫描的着色器

three.js实现地球 外部扫描的着色器。

2024-11-18 10:06:46 483

原创 three.js 对 模型使用 视频进行贴图修改材质

three.js 对 模型使用 视频进行贴图修改材质。

2024-11-18 10:02:31 632 3

原创 使用three.js 实现残影后期处理效果

使用three.js 实现残影后期处理效果。

2024-11-14 11:24:46 288

原创 使用Three.js 的 TextGeometry ,Bloom , 和Css3D内嵌网页 以感谢 bibi粉丝的支持

使用Three.js 的 TextGeometry ,Bloom , 和Css3D内嵌网页 以感谢 bibi粉丝的支持预览: https://threehub.cn/#/codeMirror?navigation=ThreeJS&classify=friendStation&id=thanksBibi

2024-11-14 11:22:11 365

原创 Three.js 原生 实现 react-three-fiber drei 的 磨砂反射的效果

Three.js 原生 实现 react-three-fiber drei 的 磨砂反射的效果。

2024-11-11 11:01:07 518

原创 开源,已整理 原生 Three.js Cesium 案例超200个

github地址: https://github.com/z2586300277/three-cesium-examples。su7 压缩模型加载, 道路流光 灰度贴图 模型裁剪动画 跳动心, 旋转圆, 空中的云。光柱效果,毛玻璃 着色器,立体热力图,模型拆解动画,地理边界流动,模型视图,地面反射效果。类似echarts 的 three.js 3d 地图。css2D css3D 交互标签使用。用 github 记录生活。烟雾着色器, 报警着色器动画。物体 沿着 路径运动动画。three 实现地球效果。

2024-11-11 10:57:31 468

原创 Three.js 如何正确的适用雾的功能 fog

Three.js 如何正确的适用雾的功能 fog。

2024-11-10 15:56:32 239

原创 Three.js 实现原生化组态化 低代码 封装适用与 企业项目使用的编辑器

组件化:类似于二维低代码的组件化,three.js 也可以,例如你通过繁琐操作创建了一个三维物体,你将此方法封装起来,下次使用就不用从头写,只需要一些传参就能生成这个物体,一个组件只需要耗费经历写一次,而这个组件代码并不会与其他代码有过多的交集。通用性 一定要和以外的斩断联系,例如 vue react, 把思想放到js 上 , 这样你创造的 才会是 轻量,通用, 高效的也会避免一些问题,可以多去看看 node_modules 的每一个依赖都是如何创造的,去获取这种理念。2. 自带动画 和 环境等功能集成。

2024-11-10 15:53:52 559

原创 three.js 使用精灵文字 spriteText

three.js 使用精灵文字 spriteText。

2024-11-08 11:29:50 341

原创 three.js的 轨道控制器 orbitControls 详细学习 参数

three.js的 轨道控制器 orbitControls 详细学习 参数。清理控制器所占用的资源,释放内存。阻尼系数,控制平滑移动的速度。控制相机围绕其旋转的目标点。是否启用阻尼以实现平滑移动。重置控制器状态为初始状态。是否启用屏幕空间平移。保存当前控制器状态。

2024-11-08 11:27:35 431

原创 three.js 实现烟雾, 火灾 烟雾 着火的效果

three.js 实现烟雾, 火灾 烟雾 着火的效果。

2024-11-07 10:17:56 3174

three-cesium-examples 200多个案例源代码

three-cesium-examples 200多个案例源代码

2024-11-12

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除