I have a Kotlin->JS multiplatform up and running to draw canvas stuff. I attempt to call `requestAni...

# getting-started

[Ray Rahke]

I have a Kotlin->JS multiplatform up and running to draw canvas stuff.
I attempt to call requestAnimationFrame()

fun main() {
  requestAnimationFrame(::main)
}

but receive

Unresolved reference: requestAnimationFrame

I have tried many combinations of imports, and all of them at once.

import kotlinx.browser.document
import kotlinx.browser.window
import org.w3c.dom.*
import org.w3c.dom.events.*
import kotlin.browser.window

What do I need to import to get access to this standard JS function?

[Joffrey]

kotlinx.browser.window is the one you need I believe

[Ray Rahke]

Well, that is in the list of imports I have at the top.. So not sure what's going on

[Joffrey]

You also import kotlin.browser.window so I'm not sure how that compiles, you should probably remove that one

[Ray Rahke]

so only

import kotlinx.browser.document
import kotlinx.browser.window
import org.w3c.dom.*

?

[Ray Rahke]

because this is what I had originally before hitting the error

[Joffrey]

For this function specifically, you only need import kotlinx.browser.window (not the 2 others), but yeah maybe you need the others for the rest of your code

[Joffrey]

Wait, are you calling the function on the window object? Because you can't just call it directly. You need:

window.requestAnimationFrame { ... }

[Ray Rahke]

nah I was calling it how you do in javascript

[Ray Rahke]

just as a globally accessibel function

[Ray Rahke]

ahk let me try that

[Joffrey]

Yeah in Kotlin the global scope and the window scope are not mixed up

[Ray Rahke]

yeah that worked, thanks