全网疯传的前端量子纠缠效果,源码来了!( 三 )

  • #winShapeChangeCallback: 当窗口形状发生变化时调用的回调函数 。
  • #winChangeCallback: 当窗口列表发生变化时调用的回调函数 。
  •  
    该类包含以下公共方法:
    • init(metaData): 初始化当前窗口,并添加到窗口列表中 。
    • getWindows(): 获取所有窗口的数组 。
    • getThisWindowData(): 获取当前窗口的元数据 。
    • getThisWindowID(): 获取当前窗口的标识符 。
    • setWinShapeChangeCallback(callback): 设置窗口形状变化时的回调函数 。
    • setWinChangeCallback(callback): 设置窗口列表变化时的回调函数 。
    • update(): 更新当前窗口的形状信息,并将更新后的窗口列表存储到本地存储中 。
     
    可以看到,作者使用 window.screenLeft、window.screenTop、window.innerWidth和 window.innerHeight 这些属性来计算立方体的位置和大小信息,通过 localstorage 来在不同窗口之间共享不同的位置信息 。
    当新增一个窗口时,就将其保存到 localstorage 中,每个窗口使用唯一的 id 进行标记,并储存立方体的位置和大小信息 。不同浏览器窗口都可以获得所有的窗口信息,以确保实时更新 。
    全网疯传的前端量子纠缠效果,源码来了!

    文章插图
     
    当窗口的位置,即screenTop、screenLeft 发生变化时,就更新立方体 。
    这里就不再详细解释了,可以查看完整源码:https://github.com/bgstaal/multipleWindow3dScene

    【全网疯传的前端量子纠缠效果,源码来了!】


    推荐阅读