Three.js动画本质是手动管理requestAnimationFrame循环并更新物体属性再渲染；可用TWEEN.js实现精准补间，或用GLB+AnimationMixer加载预设动画。

正确链接DearImGui需编译其核心源文件（imgui.cpp等）并接入对应图形/窗口后端，如GLFW+OpenGL3需添加examples/imgui_impl_glfw.cpp等，且注意宏定义、DPI适配与线程安全。

HTML中实现真正可控的透明背景需用带Alpha通道的颜色值，如rgba(0,0,0,0.3)或#ffffff80（现代浏览器），而非仅用transparent；关键在分层控制背景、避免opacity影响子元素，并兼顾浏览器兼容性与上下文场景。

WebGL卡顿主因常是假性高面数或渲染调度不当，需先验算真实三角面数、优化导出设置、分层加载、LOD切换及合理使用InstancedMesh。

Three.js加载glTF慢需先定位瓶颈：网络下载、CPU解析（GLTFLoader.parse）或首帧渲染；再针对性优化——压缩纹理用KTX2+BasisUniversal，几何体用Draco（须配解码器），分块加载与懒实例化降低主线程压力。

HTML5本身不提供物理碰撞能力，“穿模”源于未正确配置Three.js与Cannon.js等物理引擎的协同：需为模型创建CANNON.Body并绑定合适形状，每帧同步position与quaternion，避免高速穿越、高模直用Trimesh及未调用world.step()等常见错误。

HTML5本身不提供3D建模与灯光功能，实际依赖WebGL及Three.js实现；Three.js需配置AmbientLight、DirectionalLight、PointLight/SpotLight三类光源，缺一不可，且阴影需显式开启并逐对象授权。

Three.js中模型旋转中心默认在几何体局部原点(0,0,0)，即建模软件导出时的轴心点，未必与几何中心重合；可通过建模软件重置原点、geometry.center()居中或父级Group包装三种方式调整。

HTML5本身不支持建模，所谓“HTML5建模”实为通过WebGL库（如Three.js）加载渲染3D模型；合并多个glTF模型应使用Group逻辑组合而非修改geometry；动画需共用AnimationMixer；性能敏感时慎用mergeGeometries；浏览器无法导出glTF，拼装应在建模工具或服务端完成。

当为固定定位文本设置mix-blend-mode（如difference）时，若文本消失，通常是因为其父容器或自身缺乏不透明背景——CSS混合模式需与下方堆叠上下文中的非透明像素进行计算，透明背景会导致混合结果不可见。

mix-blend-mode使文本与背景混合，但若元素自身无背景（默认透明），则无法正确计算混合效果——需为应用该属性的元素显式设置不透明背景色，才能实现预期的高对比度显示效果。

mix-blend-mode失效常因元素背景透明导致混合计算无参照，需显式设置非透明背景色才能正确呈现差异混合效果。