- 博客(753)
- 资源 (5)
- 收藏
- 关注
原创 当 font-size 控制 SVG 大小:TDesign 图标系统的隐秘逻辑
当 font-size 控制 SVG 大小:TDesign 图标系统的隐秘逻辑
2026-01-29 11:44:00
669
原创 Vue 3 中 toRaw 的取舍之道:以 Babylon.js 3D 开发为例
Vue 3 中 toRaw 的取舍之道:以 Babylon.js 3D 开发为例
2026-01-28 08:52:52
634
原创 一段能跑但看不懂的 Babylon.js UI 代码?捋清 SelectableBehavior、FollowNodeName 与 NodeUI
一段能跑但看不懂的 Babylon.js UI 代码?捋清 SelectableBehavior、FollowNodeName 与 NodeUI
2026-01-24 11:41:19
868
原创 DOM 文本操作属性完全指南:从 innerHTML 到 wholeText 的深入解析
DOM 文本操作属性完全指南:从 innerHTML 到 wholeText 的深入解析
2026-01-24 08:49:01
537
原创 解决透明渲染“自身错乱”:Babylon.js 深度预渲染与顺序无关透明(OIT)实战指南
当透明遇上“自身错乱”:Babylon.js 深度预渲染与顺序无关透明(OIT)实战指南
2026-01-20 17:49:35
803
原创 Babylon.js内置行为介绍之四:冷门行为补遗:这 5 个你可能一辈子用不到,但用一次就爽歪歪
Babylon.js内置行为介绍之四:冷门行为补遗:这 5 个你可能一辈子用不到,但用一次就爽歪歪
2026-01-14 15:41:28
997
原创 Babylon.js内置行为介绍之三:MR 交互三件套——SurfaceMagnetism + Follow + HandConstraint 实战
Babylon.js内置行为介绍之三:MR 交互三件套——SurfaceMagnetism + Follow + HandConstraint 实战
2026-01-14 15:32:12
415
原创 Babylon.js内置行为介绍之二:一条代码通吃三端——PointerDrag + SixDoF + MultiPointerScale 手势大全
Babylon.js内置行为介绍之二:一条代码通吃三端——PointerDrag + SixDoF + MultiPointerScale 手势大全
2026-01-14 15:27:51
359
原创 Babylon.js内置行为介绍之一:用 BoundingBoxBehavior + Gizmo 组合打造「零代码」3D 编辑器
Babylon.js内置行为介绍之一:用 BoundingBoxBehavior + Gizmo 组合打造「零代码」3D 编辑器
2026-01-14 15:22:12
474
原创 把“行为”做成乐高——Babylon.js Behavior 开发套路
把“行为”做成乐高——Babylon.js Behavior 开发套路全解
2026-01-14 15:08:39
384
原创 Babylonjs中手搓OutlineLayer:替代HighlightLayer的高性能轮廓线
一个替代Babylon.js HighlightLayer的高性能解决方案,实现无遮挡的轮廓渲染效果
2026-01-14 00:01:06
702
原创 Babylon.js 事件时序之谜:为什么 Mesh 能检测到行为而 TransformNode 不行?
Babylon.js 事件时序之谜:为什么 Mesh 能检测到行为而 TransformNode 不行?
2026-01-12 10:12:48
368
原创 MirrorReflectionBehaviorEditor 开发心得:Babylon.js 镜面反射的实现与优化
MirrorReflectionBehaviorEditor 开发心得:Babylon.js 镜面反射的实现与优化
2026-01-09 19:16:39
873
原创 从Unity的C#到Babylon.js的typescript:“函数重载“变成“类型魔法“
从Unity的C#到Babylon.js的typescript:“函数重载“变成“类型魔法“
2026-01-09 08:49:58
526
原创 掌握SOLID原则:写出稳健可维护的代码(示例代码基于TypeScript严格模式)
掌握SOLID原则:写出稳健可维护的代码(示例代码基于TypeScript严格模式)
2026-01-06 15:19:14
672
原创 Babylon.js TransformNode.clone() 的隐形陷阱:当 null 不等于 null
本文揭露了Babylon.js框架中TransformNode.clone()方法存在的文档与实际行为不符的问题。当传入null作为newParent参数时,克隆对象未按预期解除父节点关系,而是保留了原父节点。通过源码分析发现,这是由于JavaScript隐式类型转换导致的判断逻辑缺陷。同时文章提供了三种临时解决方案。
2026-01-03 16:12:01
628
原创 备忘录之事件监听器绑定陷阱:为什么 .bind(this) 会移除失败?
备忘录之事件监听器绑定陷阱:为什么 .bind(this) 会移除失败?
2025-12-27 09:42:53
321
原创 Babylon.js延迟执行:Promise.resolve().then()、setTimeout 与 requestAnimationFrame
Babylon.js延迟执行:Promise.resolve().then()、setTimeout 与 requestAnimationFrame
2025-12-25 09:33:51
442
原创 深入理解 Babylon.js:TransformNode.setParent 与 parent 赋值的核心差异
深入理解 Babylon.js:TransformNode.setParent 与 parent 赋值的核心差异
2025-12-23 14:11:23
958
原创 CSS 显示模式终极回顾:从默认行为到现代布局的影响范围全解析
CSS display属性深度解析:理解布局影响范围的关键,系统梳理了CSS display属性的核心机制,揭示不同显示模式对元素布局影响范围。包括: 默认显示模式(block/inline/inline-block)仅影响自身,不控制子元素 现代布局模式(flex/grid)只管直接子元素,不穿透到孙子元素 特殊模式(none移除整棵树,contents使子元素升级) 开发实战指南:解决flex不生效、处理深层嵌套等常见问题 核心结论:传统显示模式"独善其身&quo现代布局模式"只管直接下属"。
2025-12-22 08:34:13
942
原创 DriveLerpControllerEditor开发总结:一个3D编辑器插值控制系统的实现
本文介绍了基于Vue3+TypeScript+Babylon.js的3D对象驱动行为管理系统,采用分层架构设计,实现了6种驱动行为和统一控制器功能。系统通过provide/inject实现跨组件通信,使用Observable替代watch提升响应性能,总结了一系列开发技巧:1) 事件拦截与冒泡控制;2) v-bind动态样式绑定;3) 标准化拖拽三件套实现;4) CSS滤镜优化视觉效果。此外,系统采用命令模式支持撤销/重做,通过容器查询实现响应式布局,为复杂3D编辑器开发提供了可复用的架构模式和交互方案。
2025-12-20 17:39:16
996
1
原创 Babylon.js 行为系统深度解析:为什么 getBehaviorByName 无法获取子类实例?
Babylon.js 行为系统深度解析:为什么 getBehaviorByName 无法获取子类实例?与unity的核心区别。
2025-12-19 15:07:33
615
原创 Vue 3 的魔法:用 v-bind() 让 CSS 爱上 TypeScript 常量
Vue 3 的魔法:用 v-bind() 让 CSS 爱上 TypeScript 常量
2025-12-18 17:13:23
1045
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人
RSS订阅