如何在每个帧中列出一个，一个指定持续时间一次

发布于 2025-02-07 01:53:13 字数 484 浏览 1 评论 0原文

我想将位置_列为目标X y。有两种方法，

要么目标不断地通过小调整更改每个帧，因此我必须对每次更改进行调用LERP

  createEffect(() => {
     _.lerp(x, y, 0.9)
  })

。并以这样的方式运行LERP 1秒：

  createEffect(() => {
    let cancel = loop_for(ticks.seconds, (dt, dt0, _i) => {
     _.lerp(x, y, _i * 0.8)
    })

    onCleanup(() => {
      cancel()
    })
  })

我觉得有一种更好的方法来处理这两种情况。也许使用某种抽象，或者是更好的方法，可以在两种情况下使用一种方法。

我该怎么办？

原文

I want to lerp a position _ to target x y. There are two ways,

either the target is constantly changing every frame with small adjustments, so I have to call lerp on each change once like this:

  createEffect(() => {
     _.lerp(x, y, 0.9)
  })

Or it changes one time to a greater distance, in that case I need to call a requestAnimationFrame loop and run lerp for 1 second like this:

  createEffect(() => {
    let cancel = loop_for(ticks.seconds, (dt, dt0, _i) => {
     _.lerp(x, y, _i * 0.8)
    })

    onCleanup(() => {
      cancel()
    })
  })

I feel like there is a better way of handling these two cases. Maybe with some sort of abstraction, or a better method maybe tweening, to use a single method for both cases.

What do I do?

分享到QQ

分享到微博