MossGrower-CSDN博客

原创 Babylon.js 深入 - 第 2 章 - 声音(2)

Babylon.js 深入 - 第 2 章 - 声音(2)Babylon.js是一款基于WebGL的3D图形引擎,也是目前处于该领域世界领先水平的引擎之一。`Babylon.js` 声音引擎基于 `Web Audio` 规范，要使用它，您需要使用与 `Web Audio` 兼容的浏览器。声音引擎提供环境、空间和定向声音。

2022-03-29 09:55:11 4036

原创 Babylon.js 深入 - 第 2 章 - 声音(1)

Babylon.js 深入 - 第 2 章 - 声音(1)Babylon.js是一款基于WebGL的3D图形引擎,也是目前处于该领域世界领先水平的引擎之一。`Babylon.js` 声音引擎基于 `Web Audio` 规范，要使用它，您需要使用与 `Web Audio` 兼容的浏览器。声音引擎提供环境、空间和定向声音。

2022-03-28 10:38:20 2971

原创 Babylon.js 深入 - 第 1 章 - 动画(6)

Babylon.js 深入 - 第 1 章 - 动画(6)Babylon.js是一款基于WebGL的3D图形引擎,也是目前处于该领域世界领先水平的引擎之一。动画可以让您的游戏或应用程序栩栩如生。在 `Babylon.js` 中制作动画有两种主要方式。您可以在渲染周期期间更改场景中对象的属性，我们将在之后看一看 `Animation` 方法的描述。

2022-03-21 15:43:24 4857

原创 Babylon.js 深入 - 第 1 章 - 动画(5)

Babylon.js 深入 - 第 1 章 - 动画(5)Babylon.js是一款基于WebGL的3D图形引擎,也是目前处于该领域世界领先水平的引擎之一。动画可以让您的游戏或应用程序栩栩如生。在 `Babylon.js` 中制作动画有两种主要方式。您可以在渲染周期期间更改场景中对象的属性，我们将在之后看一看 `Animation` 方法的描述。

2022-03-17 09:51:14 1544

原创 Babylon.js 深入 - 第 1 章 - 动画(3)

Babylon.js 深入 - 第 1 章 - 动画(3)Babylon.js是一款基于WebGL的3D图形引擎,也是目前处于该领域世界领先水平的引擎之一。动画可以让您的游戏或应用程序栩栩如生。在 `Babylon.js` 中制作动画有两种主要方式。您可以在渲染周期期间更改场景中对象的属性，我们将在之后看一看 `Animation` 方法的描述。

2022-03-15 11:32:57 4881

原创 Babylon.js 深入 - 第 1 章 - 动画(2)

Babylon.js 深入 - 第 1 章 - 动画(2)Babylon.js是一款基于WebGL的3D图形引擎,也是目前处于该领域世界领先水平的引擎之一。动画可以让您的游戏或应用程序栩栩如生。在 `Babylon.js` 中制作动画有两种主要方式。您可以在渲染周期期间更改场景中对象的属性，我们将在之后看一看 `Animation` 方法的描述。

2022-03-14 11:23:20 5752

原创 Babylon.js 入门 - 第 2 章 - 建造村庄(2)

Babylon.js 入门 - 第 2 章 - 建造村庄(2)Babylon.js是一款基于WebGL的3D图形引擎,也是目前处于该领域世界领先水平的引擎之一。现在我们迈出了一大步，因为我们把这个简单的盒子变成了一两个房子。由于房屋不是漂浮在空中的，所以我们需要创建一些地面，然后看看我们如何定位、旋转和重新调整房屋大小并将其放置在地面上。由于空白盒子看起来太过空白，我们将添加纹理以使其具有窗户和门的外观。为了不让雨淋到屋内，我们添加一个屋顶网格并将两个网格合并在一起。当然，几座房子并不能构成一个村庄，因

2022-03-11 09:48:59 6184

原创 3-3 uniapp、HTML5+、Native.js 功能代码汇总

3-3 uniapp、HTML5+、Native.js 功能代码汇总uni-app 是一个使用 Vue.js 开发所有前端应用的框架，开发者编写一套代码，可发布到iOS、Android、Web（响应式）、以及各种小程序（微信/支付宝/百度/头条/飞书/QQ/快手/钉钉/淘宝）、快应用等多个平台。

2022-03-04 11:58:51 3205

原创 3-1 uniapp、HTML5、HTML5+、HTML5+ Runtime、HTML5+ SDK、Native.js 名词解释

3-1 uniapp、HTML5、HTML5+、HTML5+ Runtime、HTML5+ SDK、Native.js 名词解释uni-app 是一个使用 Vue.js 开发所有前端应用的框架，开发者编写一套代码，可发布到iOS、Android、Web（响应式）、以及各种小程序（微信/支付宝/百度/头条/飞书/QQ/快手/钉钉/淘宝）、快应用等多个平台。

2022-03-03 15:51:11 3702

原创 Babylon.js 入门 - 第 1 章 - 第一个场景、模型、应用

入门 - 第 1 章 - 第一个场景、模型、应用现在是时候一起开始我们的学习之旅了。第一步将向您介绍使用 Babylon.js 创建场景、编写简单模型并将其导出的基础知识。Babylon.js 不仅可以创建模型，还可以将在其他软件中创建的一系列模型类型导入 Babylon.js。我们将向您展示如何将模型导入场景、将其显示在 Web 上或从中创建 Web 应用程序。从通常的 Hello World 开始，我们将逐步构建一个简单的世界。在旅程的最后，我们将创建一个展示 Babylon.js 功能的小村庄。第

2022-02-15 14:54:03 3539

原创 3-2 uni-app 使用 HTML5+ (plus) 注意事项

3-2 uni-app 使用 HTML5+ (plus) 注意事项uni-app 是一个使用 Vue.js 开发所有前端应用的框架，开发者编写一套代码，可发布到iOS、Android、Web（响应式）、以及各种小程序（微信/支付宝/百度/头条/飞书/QQ/快手/钉钉/淘宝）、快应用等多个平台。uni-app App 端内置 HTML5+ 引擎，让 js 可以直接调用丰富的原生能力。

2022-02-14 11:33:00 5204

原创 5-1 uniapp 编译成小程序代码体积过大的处理方法

5-1 uniapp 编译成小程序代码体积过大的处理方法uni-app 是一个使用 Vue.js 开发所有前端应用的框架，开发者编写一套代码，可发布到iOS、Android、Web（响应式）、以及各种小程序（微信/支付宝/百度/头条/飞书/QQ/快手/钉钉/淘宝）、快应用等多个平台。

2022-02-09 10:41:37 3304

原创 5-2 uniapp 打包 app 自定义开屏页

5-2 uniapp 打包 app 自定义开屏页uni-app 是一个使用 Vue.js 开发所有前端应用的框架，开发者编写一套代码，可发布到iOS、Android、Web（响应式）、以及各种小程序（微信/支付宝/百度/头条/飞书/QQ/快手/钉钉/淘宝）、快应用等多个平台。

2022-01-27 11:58:58 2006

原创 5-3 uniapp 里使用 echarts、threejs、地图插件等

5-3 uniapp 里使用 echarts、threejs、地图插件等uni-app 是一个使用 Vue.js 开发所有前端应用的框架，开发者编写一套代码，可发布到iOS、Android、Web（响应式）、以及各种小程序（微信/支付宝/百度/头条/飞书/QQ/快手/钉钉/淘宝）、快应用等多个平台。renderjs 是一个运行在视图层的 js 。它比 WXS 更加强大，性能堪比 flutter。

2022-01-27 11:19:38 5788

原创 6-1 uniapp 打包 App 横屏竖屏切换出现样式混乱问题

6-1 uniapp 打包 App 横屏竖屏切换出现样式uni-app 是一个使用 Vue.js 开发所有前端应用的框架，开发者编写一套代码，可发布到iOS、Android、Web（响应式）、以及各种小程序（微信/支付宝/百度/头条/飞书/QQ/快手/钉钉/淘宝）、快应用等多个平台。App 有一个页面需横屏，竖屏进入横屏，横屏页面样式变小，退出横屏进入竖屏再进入竖屏的其他页面，竖屏的其他页面样式变大。

2022-01-24 11:34:48 5091

原创一种基于改进YOLOv5算法的光伏电厂设备保护方法

本文章旨在解决光伏电厂和储能电厂在室外开阔地经营过程中面临的一系列监测与安全挑战。现有的设备保护方法往往依赖于人工巡检或者简单的监控系统，这些方法不仅耗时耗力，而且效率低下，尤其是在面对如树枝掉落造成的设备损坏或短路时，其反应速度和预防措施远远不够。此外，当前技术在精确识别和定位潜在易掉落树枝方面存在明显缺陷，尤其是在复杂的室外环境中，如何快速、准确地识别和响应树枝等自然因素对设备构成的威胁，成为了一个亟待解决的技术难题。本文章通过采用改进的 `YOLOv5` 算法，结合场地已有的监控摄像头系统及无人

2024-04-19 13:29:38 1086

原创 13. Threejs案例-绘制3D文字

13. Threejs案例-绘制3D文字FontLoader一个用于加载 `JSON` 格式的字体的类。返回 `font`，返回值是表示字体的 `Shape` 类型的数组。其内部使用 `FileLoader` 来加载文件。.TextGeometry (文本缓冲几何体)一个用于将文本生成为单一的几何体的类。它是由一串给定的文本，以及由加载的 `font` (字体) 和该几何体 `ExtrudeGeometry` 父类中的设置所组成的参数来构造的。

2024-02-05 09:47:25 1554

原创 12. Threejs案例-绘制颜色渐变圆柱体

12. Threejs案例-绘制颜色渐变圆柱体法线网格材质(MeshNormalMaterial)一种把法向量映射到RGB颜色的材质。构造函数(Constructor)MeshNormalMaterial( parameters : Object )parameters - (可选)用于定义材质外观的对象，具有一个或多个属性。材质的任何属性都可以从此处传入(包括从Material继承的任何属性)。

2024-02-04 13:22:25 1127

原创 11. Threejs案例-绘制网格状圆环扭结

11. Threejs案例-绘制网格状圆环扭结圆环缓冲扭结几何体（TorusKnotGeometry）创建一个圆环扭结，其特殊形状由一对互质的整数，p和q所定义。如果p和q不互质，创建出来的几何体将是一个环面链接。

2024-02-04 09:47:10 858

原创 10. Threejs案例-绘制网格状圆环

10. Threejs案例-绘制网格状圆环TorusGeometry (圆环缓冲几何体)一个用于生成圆环几何体的类。根据圆环和材质创建网格

2024-02-02 11:03:47 902

原创 9. Threejs案例-绘制空心扇形和实心扇形

9. Threejs案例-绘制空心扇形和实心扇形创建一个新的圆形几何体，参数分别是：半径、扇形的分段数、起始角度、扫略角度。这里设置了起始角度和扫略角度，以创建扇形效果。创建一个新的材质，设置颜色为绿色，并开启线框模式 (wireframe) 以显示为空心效果创建一个新的圆形几何体，参数分别是：半径、扇形的分段数、起始角度、扫略角度。这里设置了起始角度和扫略角度，以创建扇形效果。注意这里的分段数较少，所以显示为实心效果。创建一个新的材质，设置颜色为绿色，以显示为实心效果。注意这里没有设置wiref

2024-02-02 10:51:36 653

原创 8. Threejs案例-SVG渲染器和WEBGL渲染器对比

8. Threejs案例-SVG渲染器和WEBGL渲染器对比SVGRenderer 被用于使用 SVG 来渲染几何数据创建SVG渲染器，并设置其大小为窗口大小创建WebGL渲染器，开启抗锯齿功能，并设置其大小为窗口大小创建三个线段，设置其材质、大小和旋转属性，并将它们添加到场景中创建三个线段，设置其材质、大小和旋转属性，并将它们添加到场景中

2024-02-01 16:34:10 1583

原创 7. Threejs案例-追随鼠标移动和实现视差效果

7. Threejs案例-追随鼠标移动和实现视差效果定义一个包含图片URL的数组，这些图片将被用于立方体纹理的六个面，使用CubeTextureLoader创建一个立方体纹理，并加载上面定义的图片URLs，创建一个3D场景，并设置其背景为上面创建的立方体纹理，创建一个ParallaxBarrierEffect效果实例，用于实现视差屏障效果，并将渲染器传入该效果中设置其尺寸大小以匹配窗口大小，使用ParallaxBarrierEffect效果来渲染3D场景。这个效果可能会产生视差效果，使得前景和背景在不同的

2024-02-01 15:54:47 800

原创 6. Threejs案例-物理引擎模拟小球下落和碰撞

6. Threejs案例-物理引擎模拟小球下落和碰撞异步加载并初始化Ammo物理引擎。Ammo是一个开源的物理引擎，常用于3D游戏和模拟。将球体网格添加到物理引擎中，并设置其质量为1使用物理引擎设置球体的真实位置

2024-01-31 13:39:33 1223

原创 5. Threejs案例-制作半色调和旋转效果

5. Threejs案例-制作半色调和旋转效果在场景中添加雾效果，颜色为黑色，近雾距离为1，远雾距离为1000，创建一个立方体的几何体，参数分别是：长度、宽度和高度，段数在X、Y和Z轴上分别是2、2和2，创建一个EffectComposer实例，用于在渲染过程中应用后期效果，创建一个RenderPass实例，用于将场景渲染到帧缓冲中，定义HalftonePass效果所需的参数，包括形状、半径、旋转角度等视觉效果参数

2024-01-31 13:15:31 770

原创 4. Threejs案例-制作线框和图片纹理效果

4. Threejs案例-制作线框和图片纹理效果使用TextureLoader加载一张图片作为纹理，然后设置这个纹理的各向异性过滤比例为4创建一个新的基本材质，使用上面加载的纹理作为贴图创建另一个新的3D物体，同样由几何体和材质构成，但这次使用的是上面加载的纹理材质创建一个EffectComposer对象，用于管理后期效果（如模糊、景深等）的渲染过程将场景添加到EffectComposer中，以便进行后期渲染处理创建一个SMAAPass对象，用于实现运动模糊效果。这里还指定了输出画面的宽度和高度。

2024-01-30 09:59:17 736

跟单软件-MT4跟MT5.zip

threejs文件包，uniapp 里使用 echarts、threejs、地图插件等

uniapp打包app自定义开屏页

虚幻引擎打包成web后，内嵌到网页中，网页的事件和状态如何和网页沟通。

threejs controls指向那个三维坐标