Three.js--》实现3d踢球模型展示
目录 项目搭建 初始化three.js基础代码 设置环境纹理加载模型 使用Cannon-es实现物理世界 今天简单实现一个three.js的小Demo，加强自己对three知识的掌握与学习，只有在项目中才能灵活将所学知识运用起来，话不多说直接开始。 项目搭建 本案例还是借助框架书写three项目，借用vite构建工具搭建vue项目，vite这个构建工具如果有不了解的朋友，可以参考我之前对其讲解的文章：vit...
Three.js--》实现图片转3D效果展示
目录 项目搭建 初始化three.js基础代码 加载图片纹理 设置着色器 今天简单实现一个three.js的小Demo，加强自己对three知识的掌握与学习，只有在项目中才能灵活将所学知识运用起来，话不多说直接开始。 项目搭建 本案例还是借助框架书写three项目，借用vite构建工具搭建vue项目，vite这个构建工具如果有不了解的朋友，可以参考我之前对其讲解的文章：vite脚手架的搭建与使用 。搭建完成...
Three.js--》实现3d字体模型展示
目录 项目搭建 初始化three.js基础代码 设置环境纹理 加载字体模型 今天简单实现一个three.js的小Demo，加强自己对three知识的掌握与学习，只有在项目中才能灵活将所学知识运用起来，话不多说直接开始。 项目搭建 本案例还是借助框架书写three项目，借用vite构建工具搭建vue项目，vite这个构建工具如果有不了解的朋友，可以参考我之前对其讲解的文章：vite脚手架的搭建与使用 。搭建完...
Three.js--》实现3d地月模型展示
目录 项目搭建 初始化three.js基础代码 创建月球模型 添加地球模型 添加模型标签 今天简单实现一个three.js的小Demo，加强自己对three知识的掌握与学习，只有在项目中才能灵活将所学知识运用起来，话不多说直接开始。 项目搭建 本案例还是借助框架书写three项目，借用vite构建工具搭建vue项目，vite这个构建工具如果有不了解的朋友，可以参考我之前对其讲解的文章：vite脚手架的搭建与...
threejs-效果合成器（EffectComposer）
文章目录 前言EffectComposer 使用流程场景初始化：自转的地球创建THREE.EffectComposer添加后期处理通道并更新渲染 EffectComposer 使用示例示例一：FilmPass 添加电视效果示例二：OutlinePass 添加闪烁效果 总结 前言 threejs中的效果合成器 EffectComposer 可以在场景渲染完毕后再增加一些特效，如：让场景再某些情况下变得更加模...
和我一起学 Three.js【初级篇】：1. 搭建 3D 场景
《5. 掌握材质》《6. 掌握光照》《7. 掌握阴影》🚧《8. 融会贯通，神功小成》（将于 2023.4.17 更新，敬请期待） 1. 理解 3D 场景是如何被渲染的在上一章中，我们介绍过 Three.js 基于 WebGL 向开发者暴露了更加友好的 API。让开发者可以更加便捷地在浏览器中渲染 3D 场景。这意味着绘制 3D 场景的逻辑实际上是被 WebGL 完成的。「为了绘制 3D 场景我们...
Three.js 进阶之旅：物理效果-3D乒乓球小游戏 🏓
声明：本文涉及图文和模型素材仅用于个人学习、研究和欣赏，请勿二次修改、非法传播、转载、出版、商用、及进行其他获利行为。摘要本文在专栏上一篇内容《Three.js 进阶之旅：物理效果-碰撞和声音》的基础上，将使用新的技术栈 React Three Fiber 和 Cannon.js 来实现一个具有物理特性的小游戏，通过本文的阅读，你将学习到的知识点包括：了解什么是 React Three Fiber 及...
Study for Go ! Chapter three - Function
Study for Go ! Chapter three - Function Initialization 函数是结构化编程的最小模块单元 函数是代码复用和测试的基本单元 关键字 func 无需前置声明 不支持命名嵌套定义 （nested） 不支持同名函数重载 （overload） 不支持默认参数 支持不定长变参 支持多返回值 支持命名返回值 支持匿名函数和闭包 花括号不能另起一行 函数属于第一类对象，具...
Three.js 进阶之旅：物理效果-碰撞和声音 💥
声明：本文涉及图文和模型素材仅用于个人学习、研究和欣赏，请勿二次修改、非法传播、转载、出版、商用、及进行其他获利行为。摘要本文内容主要汇总如何在 Three.js 创建的 3D 世界中添加物理效果，使其更加真实。所谓物理效果指的是对象会有重力，它们可以相互碰撞，施加力之后可以移动，而且通过铰链和滑块还可以在移动过程中在对象上施加约束。 通过本文的阅读，你将学习到如何使用 Cannon.js 在 Thr...
使用webgl(three.js)搭建3D智慧园区、3D大屏，3D楼宇，智慧灯杆三维展示，3D灯杆，web版3D,bim管理系统——第六课
，我们本节课先到这里，下节课主要介绍3D实现储能站，储能柜 技术交流 [email protected]交流微信：如果你有什么要交流的心得 可邮件我 其它相关文章：如何用webgl(three.js)搭建一个3D库房,3D仓库3D码头,3D集装箱,车辆定位,叉车定位可视化孪生系统——第十五课webgl(three.js)实现室内三维定位,3D定位,3D楼宇bim、实时定位三维可视化解决方...