- 博客(629)
- 资源 (5)
- 收藏
- 关注
RSS订阅原创 在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
267
原创 判断点与椭球的位置关系及计算连线交点的数学原理与Babylon.js实现
本文探讨了3D图形学中椭球与点的位置关系判断及交点计算的方法。首先，通过椭球的标准方程，定义了判别式D来确定点相对于椭球的位置（内部、表面或外部）。接着，介绍了如何计算从椭球中心到外部点连线与椭球表面的交点，涉及参数化直线方程和求解交点参数的过程。文章还提供了基于Babylon.js的TypeScript代码实现，包括位置判断和交点计算的功能，并通过可视化示例验证了算法的正确性。最后，提出了性能优化建议和应用场景，如碰撞检测、摄像机控制和特效系统等，展示了这些几何算法在游戏开发和3D图形编程中的实用价值。
2025-05-10 09:43:52
294
原创 深入解析 Babylon.js 中的 TransformNode.lookAt 方法
深入解析 Babylon.js 中的 TransformNode.lookAt 方法
2025-04-28 22:52:07
423
原创 实现 Babylon.js 鼠标输入管理单例 (MouseController) 的最佳实践
实现 Babylon.js 鼠标输入管理单例 (MouseController) 的最佳实践
2025-04-27 09:13:49
493
原创 Babylon.js 材质统一转换指南：将 AssetContainer 中的所有材质转换为 PBRMetallicRoughnessMaterial
Babylon.js 材质统一转换指南：将 AssetContainer 中的所有材质转换为 PBRMetallicRoughnessMaterial
2025-04-25 22:51:11
433
原创 从StandardMaterial和PBRMaterial到PBRMetallicRoughnessMaterial：Babylon.js材质转换完全指南
从StandardMaterial和PBRMaterial到PBRMetallicRoughnessMaterial：Babylon.js材质转换完全指南
2025-04-25 10:50:37
440
原创 在 Windows 上启用文件系统大小写敏感：统一开发与生产环境路径处理
在 Windows 上启用文件系统大小写敏感：统一开发与生产环境路径处理
2025-04-10 13:27:48
613
原创 基于Babylon.js的Shader入门之七：综合案例（凹凸反射表面）
基于Babylon.js的Shader入门之七：综合案例（凹凸反射表面）
2025-03-25 12:05:13
606
原创 基于Babylon.js的Shader入门之六：让Shader反射环境贴图
基于Babylon.js的Shader入门之六：让Shader反射环境贴图
2025-03-25 08:58:38
720
转载 零基础学透 TypeScript 之38 使用TypeScript开发Vue组件和使用Vue组件
零基础学透 TypeScript 之38 使用TypeScript开发Vue组件和使用Vue组件
2025-03-24 08:52:10
40
转载 零基础学透 TypeScript 之37 搭建后台界面布局和结合Vuex实现完整登录流程
零基础学透 TypeScript 之37 搭建后台界面布局和结合Vuex实现完整登录流程
2025-03-24 08:48:44
35
转载 零基础学透 TypeScript 之33 书写声明文件之砍柴：为不同类型库书写声明文件
零基础学透 TypeScript 之33 书写声明文件之砍柴：为不同类型库书写声明文件
2025-03-24 08:33:50
26
转载 零基础学透 TypeScript 之31 逐条来看tsconfig.json配置
零基础学透 TypeScript 之31 逐条来看tsconfig.json配置
2025-03-24 08:27:54
48
转载 零基础学透 TypeScript 之30 Promise及其语法糖async和await
零基础学透 TypeScript 之30 Promise及其语法糖async和await
2025-03-24 08:24:53
155
转载 零基础学透 TypeScript 之24 条件类型，它不是三元操作符的写法吗？
零基础学透 TypeScript 之24 条件类型，它不是三元操作符的写法吗？
2025-03-23 10:01:51
43
转载 零基础学透 TypeScript 之21 索引类型：获取索引类型和索引值类型
零基础学透 TypeScript 之21 索引类型：获取索引类型和索引值类型
2025-03-23 09:53:40
32
转载 零基础学透 TypeScript 之19 使用可辨识联合并保证每个case都被处理
零基础学透 TypeScript 之19 使用可辨识联合并保证每个case都被处理
2025-03-23 09:49:05
21
转载 零基础学透 TypeScript 之18 类型别名和字面量类型—单调的类型
零基础学透 TypeScript 之18 类型别名和字面量类型—单调的类型
2025-03-23 09:46:56
15
转载 零基础学透 TypeScript 之17 使用显式复制断言给TS一个你一定会赋值的承诺
零基础学透 TypeScript 之17 使用显式复制断言给TS一个你一定会赋值的承诺
2025-03-23 09:44:10
21
转载 零基础学透 TypeScript 之15 类型兼容性，开放心态满足灵活的JS
零基础学透 TypeScript 之15 类型兼容性，开放心态满足灵活的JS
2025-03-23 09:40:30
24
转载 零基础学透 TypeScript 之13 TS中的类，小心它与ES标准的差异
零基础学透 TypeScript 之13 TS中的类，小心它与ES标准的差异
2025-03-23 09:35:36
47
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人