- 博客(165)
- 资源 (2)
- 收藏
- 关注
RSS订阅
原创 Babylon.js 深入 - 第 2 章 - 声音(2)
Babylon.js 深入 - 第 2 章 - 声音(2)Babylon.js是一款基于WebGL的3D图形引擎,也是目前处于该领域世界领先水平的引擎之一。`Babylon.js` 声音引擎基于 `Web Audio` 规范，要使用它，您需要使用与 `Web Audio` 兼容的浏览器。声音引擎提供环境、空间和定向声音。
2022-03-29 09:55:11
4038
原创 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
1545
原创 Babylon.js 深入 - 第 1 章 - 动画(3)
Babylon.js 深入 - 第 1 章 - 动画(3)Babylon.js是一款基于WebGL的3D图形引擎,也是目前处于该领域世界领先水平的引擎之一。动画可以让您的游戏或应用程序栩栩如生。在 `Babylon.js` 中制作动画有两种主要方式。您可以在渲染周期期间更改场景中对象的属性，我们将在之后看一看 `Animation` 方法的描述。
2022-03-15 11:32:57
4883
原创 Babylon.js 深入 - 第 1 章 - 动画(2)
Babylon.js 深入 - 第 1 章 - 动画(2)Babylon.js是一款基于WebGL的3D图形引擎,也是目前处于该领域世界领先水平的引擎之一。动画可以让您的游戏或应用程序栩栩如生。在 `Babylon.js` 中制作动画有两种主要方式。您可以在渲染周期期间更改场景中对象的属性，我们将在之后看一看 `Animation` 方法的描述。
2022-03-14 11:23:20
5753
原创 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
3703
原创 Babylon.js 入门 - 第 1 章 - 第一个场景、模型、应用
入门 - 第 1 章 - 第一个场景、模型、应用现在是时候一起开始我们的学习之旅了。第一步将向您介绍使用 Babylon.js 创建场景、编写简单模型并将其导出的基础知识。Babylon.js 不仅可以创建模型，还可以将在其他软件中创建的一系列模型类型导入 Babylon.js。我们将向您展示如何将模型导入场景、将其显示在 Web 上或从中创建 Web 应用程序。从通常的 Hello World 开始，我们将逐步构建一个简单的世界。在旅程的最后，我们将创建一个展示 Babylon.js 功能的小村庄。第
2022-02-15 14:54:03
3543
原创 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
5206
原创 5-1 uniapp 编译成小程序代码体积过大的处理方法
5-1 uniapp 编译成小程序代码体积过大的处理方法uni-app 是一个使用 Vue.js 开发所有前端应用的框架，开发者编写一套代码，可发布到iOS、Android、Web（响应式）、以及各种小程序（微信/支付宝/百度/头条/飞书/QQ/快手/钉钉/淘宝）、快应用等多个平台。
2022-02-09 10:41:37
3308
原创 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
5789
原创 6-1 uniapp 打包 App 横屏竖屏切换出现样式混乱问题
6-1 uniapp 打包 App 横屏竖屏切换出现样式uni-app 是一个使用 Vue.js 开发所有前端应用的框架，开发者编写一套代码，可发布到iOS、Android、Web（响应式）、以及各种小程序（微信/支付宝/百度/头条/飞书/QQ/快手/钉钉/淘宝）、快应用等多个平台。App 有一个页面需横屏，竖屏进入横屏，横屏页面样式变小，退出横屏进入竖屏再进入竖屏的其他页面，竖屏的其他页面样式变大。
2022-01-24 11:34:48
5096
原创 一种基于改进YOLOv5算法的光伏电厂设备保护方法
本文章旨在解决光伏电厂和储能电厂在室外开阔地经营过程中面临的一系列监测与安全挑战。现有的设备保护方法往往依赖于人工巡检或者简单的监控系统，这些方法不仅耗时耗力，而且效率低下，尤其是在面对如树枝掉落造成的设备损坏或短路时，其反应速度和预防措施远远不够。此外，当前技术在精确识别和定位潜在易掉落树枝方面存在明显缺陷，尤其是在复杂的室外环境中，如何快速、准确地识别和响应树枝等自然因素对设备构成的威胁，成为了一个亟待解决的技术难题。本文章通过采用改进的 `YOLOv5` 算法，结合场地已有的监控摄像头系统及无人
2024-04-19 13:29:38
1090
原创 13. Threejs案例-绘制3D文字
13. Threejs案例-绘制3D文字FontLoader一个用于加载 `JSON` 格式的字体的类。返回 `font`，返回值是表示字体的 `Shape` 类型的数组。其内部使用 `FileLoader` 来加载文件。.TextGeometry (文本缓冲几何体)一个用于将文本生成为单一的几何体的类。它是由一串给定的文本，以及由加载的 `font` (字体) 和该几何体 `ExtrudeGeometry` 父类中的设置所组成的参数来构造的。
2024-02-05 09:47:25
1557
原创 12. Threejs案例-绘制颜色渐变圆柱体
12. Threejs案例-绘制颜色渐变圆柱体法线网格材质(MeshNormalMaterial)一种把法向量映射到RGB颜色的材质。构造函数(Constructor)MeshNormalMaterial( parameters : Object )parameters - (可选)用于定义材质外观的对象，具有一个或多个属性。材质的任何属性都可以从此处传入(包括从Material继承的任何属性)。
2024-02-04 13:22:25
1135
原创 11. Threejs案例-绘制网格状圆环扭结
11. Threejs案例-绘制网格状圆环扭结圆环缓冲扭结几何体（TorusKnotGeometry）创建一个圆环扭结，其特殊形状由一对互质的整数，p和q所定义。如果p和q不互质，创建出来的几何体将是一个环面链接。
2024-02-04 09:47:10
860
原创 10. Threejs案例-绘制网格状圆环
10. Threejs案例-绘制网格状圆环TorusGeometry (圆环缓冲几何体)一个用于生成圆环几何体的类。根据圆环和材质创建网格
2024-02-02 11:03:47
902
原创 9. Threejs案例-绘制空心扇形和实心扇形
9. Threejs案例-绘制空心扇形和实心扇形创建一个新的圆形几何体，参数分别是：半径、扇形的分段数、起始角度、扫略角度。这里设置了起始角度和扫略角度，以创建扇形效果。创建一个新的材质，设置颜色为绿色，并开启线框模式 (wireframe) 以显示为空心效果 创建一个新的圆形几何体，参数分别是：半径、扇形的分段数、起始角度、扫略角度。这里设置了起始角度和扫略角度，以创建扇形效果。注意这里的分段数较少，所以显示为实心效果。 创建一个新的材质，设置颜色为绿色，以显示为实心效果。注意这里没有设置wiref
2024-02-02 10:51:36
657
原创 8. Threejs案例-SVG渲染器和WEBGL渲染器对比
8. Threejs案例-SVG渲染器和WEBGL渲染器对比SVGRenderer 被用于使用 SVG 来渲染几何数据创建SVG渲染器，并设置其大小为窗口大小创建WebGL渲染器，开启抗锯齿功能，并设置其大小为窗口大小创建三个线段，设置其材质、大小和旋转属性，并将它们添加到场景中创建三个线段，设置其材质、大小和旋转属性，并将它们添加到场景中
2024-02-01 16:34:10
1587
原创 7. Threejs案例-追随鼠标移动和实现视差效果
7. Threejs案例-追随鼠标移动和实现视差效果定义一个包含图片URL的数组，这些图片将被用于立方体纹理的六个面，使用CubeTextureLoader创建一个立方体纹理，并加载上面定义的图片URLs，创建一个3D场景，并设置其背景为上面创建的立方体纹理，创建一个ParallaxBarrierEffect效果实例，用于实现视差屏障效果，并将渲染器传入该效果中设置其尺寸大小以匹配窗口大小，使用ParallaxBarrierEffect效果来渲染3D场景。这个效果可能会产生视差效果，使得前景和背景在不同的
2024-02-01 15:54:47
805
原创 6. Threejs案例-物理引擎模拟小球下落和碰撞
6. Threejs案例-物理引擎模拟小球下落和碰撞异步加载并初始化Ammo物理引擎。Ammo是一个开源的物理引擎，常用于3D游戏和模拟。将球体网格添加到物理引擎中，并设置其质量为1使用物理引擎设置球体的真实位置
2024-01-31 13:39:33
1228
原创 5. Threejs案例-制作半色调和旋转效果
5. Threejs案例-制作半色调和旋转效果在场景中添加雾效果，颜色为黑色，近雾距离为1，远雾距离为1000，创建一个立方体的几何体，参数分别是：长度、宽度和高度，段数在X、Y和Z轴上分别是2、2和2，创建一个EffectComposer实例，用于在渲染过程中应用后期效果，创建一个RenderPass实例，用于将场景渲染到帧缓冲中，定义HalftonePass效果所需的参数，包括形状、半径、旋转角度等视觉效果参数
2024-01-31 13:15:31
771
原创 4. Threejs案例-制作线框和图片纹理效果
4. Threejs案例-制作线框和图片纹理效果使用TextureLoader加载一张图片作为纹理，然后设置这个纹理的各向异性过滤比例为4创建一个新的基本材质，使用上面加载的纹理作为贴图创建另一个新的3D物体，同样由几何体和材质构成，但这次使用的是上面加载的纹理材质创建一个EffectComposer对象，用于管理后期效果（如模糊、景深等）的渲染过程将场景添加到EffectComposer中，以便进行后期渲染处理创建一个SMAAPass对象，用于实现运动模糊效果。这里还指定了输出画面的宽度和高度。
2024-01-30 09:59:17
738
原创 3. Threejs案例-制作模糊效果
3. Threejs案例-制作模糊效果创建一个EffectComposer对象，用于实现后期特效（如模糊）创建一个RenderPass对象，用于将场景渲染到屏幕上将RenderPass添加到EffectComposer中，以便进行后期处理创建一个TriangleBlurShader对象，用于实现模糊效果禁用模糊效果，开始时不会应用模糊效果设置模糊效果的参数值，这里将模糊效果设置为沿着x和y方向都偏移0.05个单位将模糊效果添加到EffectComposer中，以便在渲染过程中应用模糊效果
2024-01-30 09:40:30
1088
原创 # 2. Threejs案例-绘制线框世界地图
Threejs案例-绘制线框世界地图遍历myWorldGeometry.features数组，数组中的每个元素代表一个世界地图的特性，获取当前特性（国家）的经纬度坐标数组的长度，遍历当前特性（国家）的经纬度坐标数组，调用drawWorldLine函数绘制线条，参数为当前坐标和特性索引、子特性索引如果坐标点存在，则调用drawWorldLine函数，参数为当前坐标和特性索引、子特性索引创建一个新的THREE.Geometry对象，用于存储3D对象的几何信息
2024-01-29 13:32:28
968
原创 1. Threejs案例-机械手动画
# 1. Threejs案例-机械手动画创建一个新的JSONLoader对象，用于加载3D模型，使用load方法异步加载一个3D模型文件，创建一个SkinnedMesh对象，该对象表示一个带有骨骼动画的3D网格，使用MeshLambertMaterial作为材质，设置颜色为0xf4b397，并开启skinning属性以支持骨骼动画创建一个新的Tween对象，旋转手指的骨骼，旋转手腕的骨骼
2024-01-29 10:11:50
216
原创 1002. HarmonyOS 开发问题：鸿蒙 OS 技术特性是什么?
1002. HarmonyOS 开发问题：鸿蒙 OS 技术特性是什么?硬件互助，资源共享，分布式软总线，分布式设备虚拟化，分布式数据管理，分布式任务调度，一次开发，多端部署，统一OS，弹性部署
2024-01-28 14:19:57
618
原创 1001. HarmonyOS 开发问题：http 文档中，为什么成功不销毁，而异常需要销毁?
1001. HarmonyOS 开发问题：http 文档中，为什么成功不销毁，而异常需要销毁?HTTP数据请求应用通过HTTP发起一个数据请求，支持常见的GET、POST、OPTIONS、HEAD、PUT、DELETE、TRACE、CONNECT方法。
2024-01-28 13:56:56
728
原创 2. HarmonyOS 应用开发 DevEco Studio 准备-2
# 2. HarmonyOS 应用开发 DevEco Studio 准备-2DevEco Studio，快捷键和配置HUAWEI DevEco Studio为运行在HarmonyOS和OpenHarmony系统上的应用和服务提供一站式的开发平台。
2024-01-27 22:21:19
555
原创 2. HarmonyOS应用开发DevEcoStudio准备-1
2. HarmonyOS应用开发DevEcoStudio准备-1HUAWEI DevEco Studio为运行在HarmonyOS和OpenHarmony系统上的应用和服务（以下简称应用/服务）提供一站式的开发平台。
2024-01-27 22:02:26
968
原创 1. HarmonyOS 应用开发 TS 准备-1
1. HarmonyOS 应用开发 TS 准备-1ArkTS是HarmonyOS优选的主力应用开发语言。ArkTS围绕应用开发在TypeScript（简称TS）生态基础上做了进一步扩展，继承了TS的所有特性，是TS的超集。因此，在学习ArkTS语言之前，建议开发者具备TS语言开发能力。
2024-01-26 15:39:48
1079
原创 Three.js 基础- 第 2 章 - 几何体BufferGeometry
Three.js 基础- 第 2 章 - 几何体BufferGeometry1. 几何体顶点位置数据和点模型2. 线模型对象3. 网格模型(三角形概念)4. 构建一个矩形平面几何体5. 几何体顶点索引数据6. 顶点法线数据7. 查看threejs自带几何体顶点8. 旋转、缩放、平移几何体
2023-04-14 16:11:56
1439
1
原创 date-fns 周助手函数
date-fns 周助手函数date-fns 周助手函数date-fns为浏览器中操作JAVAScript日期提供了最全面、最简单、最一致的工具集，并且可以在node.js中使用！常见的类似的库还有moment.js和day.js!
2023-04-14 15:16:03
706
原创 无障碍开发案例分享
无障碍开发是一项重要的社会责任，旨在确保所有人都能够平等地参与到数字化时代的进程中。无障碍开发的目标是让那些行动不便或者视力受损的人们也能够享受到数字化带来的便利和乐趣。在本文中，我将分享一些我所做过的无障碍开发案例，并介绍一些我所了解到的无障碍产品/体验。
2023-03-29 13:07:27
315
原创 Confluence 安装
Confluence 安装Confluence是一个专业的企业知识管理与协同软件，也可以用于构建企业wiki。使用简单，但它强大的编辑和站点管理特征能够帮助团队成员之间共享信息、文档协作、集体讨论，信息推送。傻瓜式安装。
2023-02-28 16:32:31
452
原创 GitLab分支管理规范
GitLab 分支管理规范只存线上的代码, 只有确定可以上线时的才合并到 `master` 上, 并且在 `master` 的基础上打 `Tag`。初次创建 `develop` 时, 需要从 `master` 分支拉取, 保持开发时代码和线上最新的代码相同。`develop` 分支是在开发时的最终分支, 具有所有当前版本需要上线的所有功能。用于开发功能的分支, 必须从最新的 `develop` 分支代码拉取。分支命名基本上是 `feature/xxxxx` (和功能相关的名字)
2023-02-27 10:45:23
1177
虚幻引擎打包成web后，内嵌到网页中，网页的事件和状态如何和网页沟通。
2024-03-22
threejs controls指向那个三维坐标
2023-10-24
TA创建的收藏夹 TA关注的收藏夹
TA关注的人