我们如何让 pixi-viewport 跟随 pixi-react 组件?

问题描述

在开发游戏时,我有一张地图和一个跟随在地图上移动的角色的视口。

在这里做了一个工作原型:https://codesandbox.io/s/condescending-wave-lkkgs?file=/src/index.js(点击浏览器标签,然后使用键盘箭头移动文本)

我遇到的问题:

  • 当我的代码库完全由函数和钩子编写时,被迫使用基于类的样式 PixiComponent 作为 pixi-viewport 的 Viewport 类的包装器。
  • 引用 MyViewport 组件中的地狱(甚至必须使用外部包 use-callback-ref 才能使其正常工作)。
  • 被迫重新渲染 MyViewport 以使其引用附加 DOM 节点,然后我才能为视口执行回调以开始跟随文本。

我相信所有的复杂性都是使用 PixiComponent 引入的,并且 ReactViewport 的类似钩子的重写甚至可以避免对 refs 的需要。 鉴于来自@inlet/react-pixi 的创建者的这条消息,这似乎是可能的:

enter image description here

但我还没有想出如何重写。

解决方法

暂无找到可以解决该程序问题的有效方法,小编努力寻找整理中!

如果你已经找到好的解决方法,欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@)