HTML5 Canvas: Verschieben / Verschieben der Welt mit den Pfeiltasten in EaselJS

Nach einem Jahr des Studierens und Experimentierens mit Trial-and-Error fühle ich, dass ich anfange, JavaScript ein wenig mehr zu verstehen. Also, jetzt, ich möchte versuchen, ein einfaches 2D-Plattformspiel zu schreiben (denke Super Mario World oder Sonic the Hedgehog). Dazu werde ich die EaselJS-Bibliothek einsetzen.

Ich versuche herauszufinden, wie ich mit Hilfe der linken und rechten Pfeiltaste die "Welt" innerhalb einer Leinwand bewegen / verschieben kann. Ich weiß, wie ich eine Funktion auf einem keydown der Pfeiltaste ausführen kann, aber ich bin mir nicht sicher, wie ich mich dem Verschieben / Verschieben nähern sollte.

Sollte ich die Position / Koordinaten jedes einzelnen Gegenstandes in der Leinwand anpassen, wenn eine Taste gedrückt wird? Oder sollte ich vielleicht alles in einen Container legen und die Position / Koordinaten des Containers verschieben?

Ich werde alles schätzen, was mich in die richtige Richtung bringt. Tyvm:)

Mit Antwort aktualisiert Die Antwort unten bestätigte, dass ich tatsächlich alles in ein container , damit ich die Position dieses Containers festlegen kann. Dies ist der Code, den ich entworfen habe, und es funktioniert.

Ich habe versucht, world.x sowie world.regX zu aktualisieren. Irgendwie scheint world.regX glatter zu werden.