找回密码
 立即注册
首页 业界区 业界 JavaScript状态数据

JavaScript状态数据

迁岂罚 2025-6-6 15:24:40
最近需要做一个三维场景切换的功能,切换场景后,还可以进行二三维模式的切换,二三维切换时,要定位到当前场景视角,那么场景的视角参数信息就需要保存到状态数据中,以供二三维场景切换时使用。
项目是用vue做的,这里并没有使用vue的状态管理库,我是这样实现的:

  • 定义状态数据sceneInfo
  1. let sceneInfo;
复制代码

  • 定义get、set方法
  1. function getSceneInfo() {
  2.     return sceneInfo;
  3. }
  4. function setSceneInfo(value) {
  5.     sceneInfo = value;
  6. }
复制代码

  • 导出get、set方法
  1. export { 其它方法..., getSceneInfo, setSceneInfo }
复制代码

  • 使用时引入get、set方法
  1. import { getSceneInfo, setSceneInfo } from "@/views/three/js/states.js";
复制代码

  • 保存状态数据
  1. setSceneInfo(sceneInfo);
复制代码

  • 读取状态数据
  1. let sceneInfo = getSceneInfo();
复制代码
通过以上方法,实现了三维场景切换后,切换二三维模式并定位的功能。您觉得这种方法如何?

来源:程序园用户自行投稿发布,如果侵权,请联系站长删除
免责声明:如果侵犯了您的权益,请联系站长,我们会及时删除侵权内容,谢谢合作!
您需要登录后才可以回帖 登录 | 立即注册