three.js相机调用reset方法复原但无法完全复原

目录

一、问题

二、原因

三、总结


一、问题

需求:经过多次旋转、平移等变换后,希望恢复到初次渲染的角度、位置。结果发现:

three.js oribtControls调用 一次reset方法 无法完全复原;需要多次调用后才能复原。

javascript 复制代码
     this.orbitControls.reset()

二、原因

1.设置了阻尼系数:注释掉阻尼系数就好了

javascript 复制代码
        // this.cameraControls.enableDamping=true;
        // this.cameraControls.dampingFactor=0.25;

2.为什么会设置呢?

呜呜呜,我当时只是用来测试的而且不知道它有什么作用(没想到忘记注释了),现在知道了:相当于手动增加了摩擦力,能调节场景中的模型旋转、拖动的流畅度

三、总结

1.诶,是bug,也是学习!不过自己给自己挖坑是真的害怕呀,找了很久都不知道为什么@_@

2.终于好了!

/*

希望对你有帮助!

如有错误,欢迎指正,非常感谢!

*/

相关推荐
ssshooter22 分钟前
看完就懂 useSyncExternalStore
前端·javascript·react.js
格砸1 小时前
从入门到辞职|从ChatGPT到OpenClaw,跟上智能时代的进化
前端·人工智能·后端
Live000002 小时前
在鸿蒙中使用 Repeat 渲染嵌套列表,修改内层列表的一个元素,页面不会更新
前端·javascript·react native
柳杉2 小时前
使用Ai从零开发智慧水利态势感知大屏(开源)
前端·javascript·数据可视化
兆子龙2 小时前
从高阶函数到 Hooks:React 如何减轻开发者的心智负担(含 Demo + ahooks 推荐)
前端
狗胜2 小时前
测试文章 - API抓取
前端
三小河2 小时前
VS Code 集成 claude-code 教程:告别海外限制,无缝对接国内大模型
前端·程序员
jerrywus2 小时前
前端老哥的救命稻草:用 Obsidian 搞定 Claude Code 的「金鱼记忆」
前端·agent·claude
球球pick小樱花2 小时前
游戏官网前端工具库:海内外案例解析
前端·javascript·css