In the "Last" section of Magic Motion, the output of the console is confusing because SandpackConsole appears to place each logged item on its own line, even when items are logged in the same call.
For example, after toggling the position of the box a few times, the console.log(box.x, box.y) call in line 8 of the sample results in this output:
I have no idea which numbers correspond and the only way to make that more clear is to clear the console, go back to the preview, toggle it once, and then return to the console to see the single-position output. Rinse and repeat.
I'm not sure if this is a built-in limitation of SandpackConsole but an easy fix is to log values that belong together as an object. Using console.log({x: box.x, y: box.y}):
In the "Last" section of Magic Motion, the output of the console is confusing because
SandpackConsoleappears to place each logged item on its own line, even when items are logged in the same call.For example, after toggling the position of the box a few times, the
console.log(box.x, box.y)call in line 8 of the sample results in this output:I have no idea which numbers correspond and the only way to make that more clear is to clear the console, go back to the preview, toggle it once, and then return to the console to see the single-position output. Rinse and repeat.
I'm not sure if this is a built-in limitation of
SandpackConsolebut an easy fix is to log values that belong together as an object. Usingconsole.log({x: box.x, y: box.y}):