- 博客(117)
- 问答 (5)
- 收藏
- 关注
原创 Three.js的未来趋势与前景
随着技术的进步,Three.js作为一款基于WebGL的3D图形库,正逐渐成为前端开发领域中不可或缺的一部分。它的流行不仅是因为它能够简化复杂的3D图形编程,还因为它为开发者提供了强大的工具集来创建互动性强、视觉效果出众的应用程序。
2025-02-17 10:53:41
591
原创 前端可视化科技前沿 未来 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 低代码组态编辑器
1.组件化, 例如目前比较火的3dMap ,可视为一个功能组件。2. 自带动画 和 环境等功能集成。用户自定义的各种着色器混合扩展。7. 后期处理等功能 集成和 扩展。3. 用户自定义配置变换动画。5. 天空和环境等通用要素。6. 自由绘制创建等功能。
2025-02-06 10:48:19
328
原创 原生的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 低代码, 组态,封装编辑器百度搜索第一
su7 压缩模型加载, 道路流光 灰度贴图 模型裁剪动画 跳动心, 旋转圆, 空中的云 天空盒加载 模型动画播放 光柱效果,毛玻璃 着色器,立体热力图,模型拆解动画,地理边界流动,模型视图,地面反射效果 3d 文字 环境贴图效果 相机视角动画 物体 沿着 路径运动动画 粒子效果 围墙着色器效果 类似echarts 的 three.js 3d 地图 城市白模建筑扫光 three 实现地球效果 飞线 烟雾着色器, 报
2024-12-23 11:38:51
824
原创 Three.js编辑器 排名第一 融合各种功能
su7 压缩模型加载, 道路流光 灰度贴图 模型裁剪动画 跳动心, 旋转圆, 空中的云 天空盒加载 模型动画播放 光柱效果,毛玻璃 着色器,立体热力图,模型拆解动画,地理边界流动,模型视图,地面反射效果 3d 文字 环境贴图效果 相机视角动画 物体 沿着 路径运动动画 粒子效果 围墙着色器效果 类似echarts 的 three.js 3d 地图 城市白模建筑扫光 three 实现地球效果 飞线 烟雾着色器, 报
2024-12-12 10:07:39
1278
1
原创 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 编辑器 第一个就是
组件化:类似于二维低代码的组件化,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 的 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 实现原生化组态化 低代码 封装适用与 企业项目使用的编辑器
组件化:类似于二维低代码的组件化,three.js 也可以,例如你通过繁琐操作创建了一个三维物体,你将此方法封装起来,下次使用就不用从头写,只需要一些传参就能生成这个物体,一个组件只需要耗费经历写一次,而这个组件代码并不会与其他代码有过多的交集。通用性 一定要和以外的斩断联系,例如 vue react, 把思想放到js 上 , 这样你创造的 才会是 轻量,通用, 高效的也会避免一些问题,可以多去看看 node_modules 的每一个依赖都是如何创造的,去获取这种理念。2. 自带动画 和 环境等功能集成。
2024-11-10 15:53:52
559
原创 three.js的 轨道控制器 orbitControls 详细学习 参数
three.js的 轨道控制器 orbitControls 详细学习 参数。清理控制器所占用的资源,释放内存。阻尼系数,控制平滑移动的速度。控制相机围绕其旋转的目标点。是否启用阻尼以实现平滑移动。重置控制器状态为初始状态。是否启用屏幕空间平移。保存当前控制器状态。
2024-11-08 11:27:35
431
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人