1

我正在构建一个非常简单的基于网络的“突破”，当我试图让球在画布元素上移动时遇到了麻烦。我确实在javascript中启动并运行了游戏。事情是，我现在正试图将它移植到 Kotlin（javascript 编译）。即使做了我认为必要的调整，球也不会移动。

我也遇到了类型问题（这就是为什么你会看到那些“* 1.0”在周围），因为我无法从 int 转换为 double，但我不会说这是这里的问题。此外，IDE 显示我不熟悉的评论。我在有关错误消息的部分中谈到了这一点，但消息如下：“包装到要在闭包中捕获时修改的引用对象中”。

我不确定问题到底出在哪里，但到目前为止我已经尝试过：-我的“setInterval”调用的其他签名-重新格式化程序，使我的代码在 main() 中，以摆脱返回和 'val canvas = initializeCanvas()' 调用。

import org.w3c.dom.*
import kotlin.browser.*
import kotlin.math.*


val canvas = initializeCanvas()
fun initializeCanvas(): HTMLCanvasElement {
    val canvas = document.createElement("canvas") as HTMLCanvasElement
    val ctx = canvas.getContext("2d") as CanvasRenderingContext2D
    ctx.canvas.width = 480
    ctx.canvas.height = 320
    document.body!!.appendChild(canvas)
    var x = canvas.width/2
    var y = canvas.height-30
    val dx = 2
    val dy = -2
    fun drawBall(){
        ctx.beginPath()
        ctx.arc(x*1.0, y*1.0, 10.0, 0.0, PI*2)
        ctx.fillStyle = "#000000"
        ctx.fill()
        ctx.closePath()
    }
    fun draw(){
        ctx.clearRect(0.0, 0.0, canvas.width*1.0, canvas.height*1.0)
        drawBall()
        x += dx
        y += dy
    }
    window.setInterval(draw(),10)
    return canvas
}

预期的输出将是球向画布的右上角移动，然后消失在墙上，因为我还没有实现碰撞。

正如我所说，电流输出是一个静态球。

至于错误消息，没有。但是一个“IDE Note”一直困扰着我。在我提供的代码中，在 draw 函数中，我增加了 x 和 y。当我将鼠标悬停在它们上时，intellij 说它们“被包装到一个参考对象中，以便在闭包中捕获时进行修改”。我以前从未见过这样的警告，而且网络搜索也没有结果。

4

1 回答 1

1

在闭包中捕获时，包装到要修改的参考对象中

这仅意味着您必须将要执行的方法（绘制）包装在闭包中。没有它只会调用一次。

所以简单地改变

window.setInterval(draw(), 10)

至

window.setInterval( { draw() }, 10)
于 2019-06-26T21:21:40.353 回答