ttod的博客

使用 rotH 和 rotV 控制 Babylon.js 中的平行光朝向

Babylon.js 材质克隆与纹理共享：你可能遇到的问题及解决方案

Babylonjs中HighlightLayer使用中与透明物体冲突的解决参考

如何在Babylon.js中高效搜索父对象中行为组件

Babylonjs中获取本身带有特定行为，但是子对象不带有该行为的所有Mesh的方法参考

本文详细介绍了Babylon.js中SceneLoader的使用方法，主要包括：1)支持的3D模型格式及其插件注册方式；2)通过CDN和NPM引入加载器的不同方法，推荐动态注册优化性能；3)核心加载方法如LoadAssetContainerAsync、AppendSceneAsync等；4)高级技巧包括从字符串数据加载、配置选项和最佳实践建议。文章强调生产环境应使用NPM动态注册，优先选择glb格式，并注意路径处理和性能优化，为开发者提供了全面实用的3D模型加载指南。

本文介绍了使用Babylon.js的GUI系统在3D空间中创建文字的简易方法。通过TextBlock控件与3D平面网格结合，可快速实现3D场景中的文字显示。具体步骤包括：创建TextBlock设置文本内容，构建3D平面网格作为载体，生成高级动态纹理，将文本控件添加到纹理，最后调整网格位置。这种方法利用Babylon.js的GUI系统，简化了3D文字的创建过程，适用于WebGL项目的文字展示需求。

本文提出了一套基于Web技术的分布式图集管理系统解决方案，旨在解决传统纹理图集技术在用户生成内容场景下的局限性。系统采用双子系统架构：图集制作系统提供可视化操作界面和实时预览功能，图集应用系统负责高效加载与渲染。关键技术包括浏览器端图集生成算法（基于Canvas API和MaxRects算法）、标准化的元数据格式规范，以及Babylon.js集成方案。系统通过WebWorker分块处理、WASM加速等优化手段提升性能，并设计了完善的加载策略、内存管理和安全机制。实际应用表明，该系统可将图集生成时间控制在3秒

本文介绍了一种基于Babylon.js的物体遮挡检测与透明度控制方案。系统采用双场景渲染机制，通过OcclusionTester模块进行离屏深度检测，将待测物体克隆到临时场景并生成深度图，比较目标物体与被遮挡物体的深度信息；OcclusionFader模块根据检测结果动态调整物体透明度，实现平滑的显隐过渡。该方案支持自定义检测精度，采用异步处理避免阻塞主线程，适用于AR防遮挡、3D编辑器等场景，在保持主场景性能的同时实现了精确的实时遮挡检测效果。

在3D开发中，计算两条射线（Ray）之间的夹角是常见需求，如判断玩家是否看向目标或实现碰撞检测。Babylon.js中，通过向量点积（DotProduct）可以高效计算夹角，无需复杂三角函数。核心原理是利用射线的方向向量计算点积，点积值接近1、0、-1分别表示夹角接近0°、90°、180°。本文介绍了三种计算方法：1）直接比较点积，适用于实时检测；2）预计算余弦值，优化频繁调用；3）精确计算角度，仅用于调试。性能对比显示，直接比较点积最快，预计算余弦值极快，而计算实际角度较慢。实际应用示例包括检测玩家是否看

Babylon.js中的Ray类是一个强大的工具，用于在3D空间中进行碰撞检测、拾取和光线投射等操作。Ray类定义了射线的起点、方向和长度等关键属性，并提供了多种方法来检测射线与Mesh、BoundingBox、Sphere、Plane和Triangle等几何体的相交情况。通过这些方法，开发者可以高效地进行3D场景中的交互和碰撞检测。此外，Ray类还提供了静态方法，用于创建和变换射线，以及将屏幕坐标转换为3D射线，适用于鼠标拾取等场景。本文详细介绍了Ray类的主要属性和方法，并提供了示例代码以帮助开发者更好

在Web3D应用开发中，Babylon.js作为强大的3D引擎，常需实现包含HTML覆盖层的场景截图功能。本文探讨了如何在Babylon.js中实现完整的截图方案，特别是渐隐转场效果。基础方案使用Babylon.js的ScreenshotTools.CreateScreenshotAsync API捕获场景截图，并通过CSS transition实现渐隐效果。完整方案则结合html2canvas库，分别捕获3D场景和HTML内容，并在合成画布中精确对齐，最终显示合成结果。文章还解释了为何不能直接使用Canv

本文探讨了3D图形学中椭球与点的位置关系判断及交点计算的方法。首先，通过椭球的标准方程，定义了判别式D来确定点相对于椭球的位置（内部、表面或外部）。接着，介绍了如何计算从椭球中心到外部点连线与椭球表面的交点，涉及参数化直线方程和求解交点参数的过程。文章还提供了基于Babylon.js的TypeScript代码实现，包括位置判断和交点计算的功能，并通过可视化示例验证了算法的正确性。最后，提出了性能优化建议和应用场景，如碰撞检测、摄像机控制和特效系统等，展示了这些几何算法在游戏开发和3D图形编程中的实用价值。

深入解析 Babylon.js 中的 TransformNode.lookAt 方法

实现 Babylon.js 鼠标输入管理单例 (MouseController) 的最佳实践

Babylon.js 材质统一转换指南：将 AssetContainer 中的所有材质转换为 PBRMetallicRoughnessMaterial

从StandardMaterial和PBRMaterial到PBRMetallicRoughnessMaterial：Babylon.js材质转换完全指南

在 Babylon.js 中实现智能异步资源加载队列管理

Babylon.js 8.0震撼发布：全面解锁下一代Web渲染能力

基于Babylon.js的Shader入门之七：综合案例（凹凸反射表面）

基于Babylon.js的Shader入门之六：让Shader反射环境贴图

基于Babylon.js的Shader入门之五：让Shader支持法线贴图

基于Babylon.js的Shader入门四（让Shader支持基础光照）

Babylon.js的Shader入门三（让Shader中的纹理动起来）

Babylon.js的Shader入门二（让Shader使用一个纹理）

Babylon.js的Shader入门一（从只有一个颜色的Shader说起）

Babylon加载时禁用Logo的简单方法

深入探究 Babylon.js 中 GLSL Shader 的默认 Uniform 变量

深入理解 Babylon.js 中 GLSL Shader 的三种变量：attribute、varying 和 uniform

深入理解 GLSL 中的 uniform 变量及在 Babylonjs 中的应用

Babylon.js 渲染流程说明

为什么在 TypeScript 中需要使用 import type？——以 Babylon.js 为例

理解 package.json ：在基于 TypeScript 开发 Babylon.js 项目中的关键角色

使用Typescript开发Babylon.js的Vue3模板参考

在 Babylon.js 中使用 TypeScript 的 async 和 await 配合与 Unity 的 IEnumerator 和 yield return 配合对比

基于Typescript，使用Vite构建融合Vue.js的Babylon.js开发环境

在VS Code中基于TypeScript使用Vue.js搭建Babylon.js的开发环境

Babylon.js 中的 setHardwareScalingLevel和getHardwareScalingLevel：作用与配合修改内容

使用 Babylon.js 开发时如何通过 CSS 实现 UI 自适应

在Babylon.js中使用BillboardMode：让对象始终面向摄像机