- 博客(636)
- 资源 (5)
- 收藏
- 关注
RSS订阅原创 Babylon.js场景加载器(Scene Loader)使用指南
本文详细介绍了Babylon.js中SceneLoader的使用方法，主要包括：1)支持的3D模型格式及其插件注册方式；2)通过CDN和NPM引入加载器的不同方法，推荐动态注册优化性能；3)核心加载方法如LoadAssetContainerAsync、AppendSceneAsync等；4)高级技巧包括从字符串数据加载、配置选项和最佳实践建议。文章强调生产环境应使用NPM动态注册，优先选择glb格式，并注意路径处理和性能优化，为开发者提供了全面实用的3D模型加载指南。
2025-06-12 12:51:21
168
原创 在Babylon.js中创建3D文字：简单而强大的方法
本文介绍了使用Babylon.js的GUI系统在3D空间中创建文字的简易方法。通过TextBlock控件与3D平面网格结合，可快速实现3D场景中的文字显示。具体步骤包括：创建TextBlock设置文本内容，构建3D平面网格作为载体，生成高级动态纹理，将文本控件添加到纹理，最后调整网格位置。这种方法利用Babylon.js的GUI系统，简化了3D文字的创建过程，适用于WebGL项目的文字展示需求。
2025-05-30 08:44:06
435
原创 基于Web的分布式图集管理系统架构设计与实践
本文提出了一套基于Web技术的分布式图集管理系统解决方案，旨在解决传统纹理图集技术在用户生成内容场景下的局限性。系统采用双子系统架构：图集制作系统提供可视化操作界面和实时预览功能，图集应用系统负责高效加载与渲染。关键技术包括浏览器端图集生成算法（基于Canvas API和MaxRects算法）、标准化的元数据格式规范，以及Babylon.js集成方案。系统通过WebWorker分块处理、WASM加速等优化手段提升性能，并设计了完善的加载策略、内存管理和安全机制。实际应用表明，该系统可将图集生成时间控制在3秒
2025-05-29 13:50:20
645
原创 深度检测与动态透明度控制 - 基于Babylon.js的遮挡检测实现解析
本文介绍了一种基于Babylon.js的物体遮挡检测与透明度控制方案。系统采用双场景渲染机制，通过OcclusionTester模块进行离屏深度检测，将待测物体克隆到临时场景并生成深度图，比较目标物体与被遮挡物体的深度信息；OcclusionFader模块根据检测结果动态调整物体透明度，实现平滑的显隐过渡。该方案支持自定义检测精度，采用异步处理避免阻塞主线程，适用于AR防遮挡、3D编辑器等场景，在保持主场景性能的同时实现了精确的实时遮挡检测效果。
2025-05-27 11:57:23
920
原创 Babylon.js高效计算：如何判断两条射线的夹角是否小于指定角度
在3D开发中，计算两条射线（Ray）之间的夹角是常见需求，如判断玩家是否看向目标或实现碰撞检测。Babylon.js中，通过向量点积（DotProduct）可以高效计算夹角，无需复杂三角函数。核心原理是利用射线的方向向量计算点积，点积值接近1、0、-1分别表示夹角接近0°、90°、180°。本文介绍了三种计算方法：1）直接比较点积，适用于实时检测；2）预计算余弦值，优化频繁调用；3）精确计算角度，仅用于调试。性能对比显示，直接比较点积最快，预计算余弦值极快，而计算实际角度较慢。实际应用示例包括检测玩家是否看
2025-05-20 08:45:31
297
原创 Babylon.js中的Ray类详解：属性与方法全解析
Babylon.js中的Ray类是一个强大的工具，用于在3D空间中进行碰撞检测、拾取和光线投射等操作。Ray类定义了射线的起点、方向和长度等关键属性，并提供了多种方法来检测射线与Mesh、BoundingBox、Sphere、Plane和Triangle等几何体的相交情况。通过这些方法，开发者可以高效地进行3D场景中的交互和碰撞检测。此外，Ray类还提供了静态方法，用于创建和变换射线，以及将屏幕坐标转换为3D射线，适用于鼠标拾取等场景。本文详细介绍了Ray类的主要属性和方法，并提供了示例代码以帮助开发者更好
2025-05-20 08:19:42
923
原创 深入理解浏览器中的 window、document 和 window.parent
深入理解浏览器中的 window、document 和 window.parent
2025-05-15 14:26:55
372
原创 在Babylon.js中实现完美截图：包含Canvas和HTML覆盖层
在Web3D应用开发中，Babylon.js作为强大的3D引擎，常需实现包含HTML覆盖层的场景截图功能。本文探讨了如何在Babylon.js中实现完整的截图方案，特别是渐隐转场效果。基础方案使用Babylon.js的ScreenshotTools.CreateScreenshotAsync API捕获场景截图，并通过CSS transition实现渐隐效果。完整方案则结合html2canvas库，分别捕获3D场景和HTML内容，并在合成画布中精确对齐，最终显示合成结果。文章还解释了为何不能直接使用Canv
2025-05-13 21:54:49
555
原创 判断点与椭球的位置关系及计算连线交点的数学原理与Babylon.js实现
本文探讨了3D图形学中椭球与点的位置关系判断及交点计算的方法。首先，通过椭球的标准方程，定义了判别式D来确定点相对于椭球的位置（内部、表面或外部）。接着，介绍了如何计算从椭球中心到外部点连线与椭球表面的交点，涉及参数化直线方程和求解交点参数的过程。文章还提供了基于Babylon.js的TypeScript代码实现，包括位置判断和交点计算的功能，并通过可视化示例验证了算法的正确性。最后，提出了性能优化建议和应用场景，如碰撞检测、摄像机控制和特效系统等，展示了这些几何算法在游戏开发和3D图形编程中的实用价值。
2025-05-10 09:43:52
314
原创 深入解析 Babylon.js 中的 TransformNode.lookAt 方法
深入解析 Babylon.js 中的 TransformNode.lookAt 方法
2025-04-28 22:52:07
439
原创 实现 Babylon.js 鼠标输入管理单例 (MouseController) 的最佳实践
实现 Babylon.js 鼠标输入管理单例 (MouseController) 的最佳实践
2025-04-27 09:13:49
511
原创 Babylon.js 材质统一转换指南：将 AssetContainer 中的所有材质转换为 PBRMetallicRoughnessMaterial
Babylon.js 材质统一转换指南：将 AssetContainer 中的所有材质转换为 PBRMetallicRoughnessMaterial
2025-04-25 22:51:11
454
原创 从StandardMaterial和PBRMaterial到PBRMetallicRoughnessMaterial：Babylon.js材质转换完全指南
从StandardMaterial和PBRMaterial到PBRMetallicRoughnessMaterial：Babylon.js材质转换完全指南
2025-04-25 10:50:37
453
原创 在 Windows 上启用文件系统大小写敏感：统一开发与生产环境路径处理
在 Windows 上启用文件系统大小写敏感：统一开发与生产环境路径处理
2025-04-10 13:27:48
674
1原创 基于Babylon.js的Shader入门之七：综合案例（凹凸反射表面）
基于Babylon.js的Shader入门之七：综合案例（凹凸反射表面）
2025-03-25 12:05:13
618
原创 基于Babylon.js的Shader入门之六：让Shader反射环境贴图
基于Babylon.js的Shader入门之六：让Shader反射环境贴图
2025-03-25 08:58:38
741
转载 零基础学透 TypeScript 之38 使用TypeScript开发Vue组件和使用Vue组件
零基础学透 TypeScript 之38 使用TypeScript开发Vue组件和使用Vue组件
2025-03-24 08:52:10
59
转载 零基础学透 TypeScript 之37 搭建后台界面布局和结合Vuex实现完整登录流程
零基础学透 TypeScript 之37 搭建后台界面布局和结合Vuex实现完整登录流程
2025-03-24 08:48:44
55
转载 零基础学透 TypeScript 之33 书写声明文件之砍柴：为不同类型库书写声明文件
零基础学透 TypeScript 之33 书写声明文件之砍柴：为不同类型库书写声明文件
2025-03-24 08:33:50
37
转载 零基础学透 TypeScript 之31 逐条来看tsconfig.json配置
零基础学透 TypeScript 之31 逐条来看tsconfig.json配置
2025-03-24 08:27:54
61
转载 零基础学透 TypeScript 之30 Promise及其语法糖async和await
零基础学透 TypeScript 之30 Promise及其语法糖async和await
2025-03-24 08:24:53
216
转载 零基础学透 TypeScript 之24 条件类型，它不是三元操作符的写法吗？
零基础学透 TypeScript 之24 条件类型，它不是三元操作符的写法吗？
2025-03-23 10:01:51
55
转载 零基础学透 TypeScript 之21 索引类型：获取索引类型和索引值类型
零基础学透 TypeScript 之21 索引类型：获取索引类型和索引值类型
2025-03-23 09:53:40
55
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人