左または右のキーを押したときに車を回す方法

Question

私はキャンバスを初めて使っていて、車がまっすぐ動くゲームを開発しています。左のキーを押すと時計回りに、右のキーを押すと時計回りにが押された。

現在、私は

var canvas = document.createElement("canvas"); 
var ctx = canvas.getContext("2d"); 



var heroReady = false; 
var heroImage = new Image(); 
heroImage.onload = function() { 
    heroReady = true; 
}; 
heroImage.src = "images/car.png"; 
    if (37 in keysDown) { // Player holding left 
    drawSprite(heroImage, hero.x, hero.y, scale = 1,angle = 90);  
} 

にしようとしています。しかし、これは唯一の車がscreen.Anyヘルプは高く評価され向いていないことにしたいall.Iでは動作しません。 私のソースコード：working pen

Answer 1

https://gamedev.stackexchange.com/questions/67274/is-it-possible-to-rotate-an-image-on-an-html5-canvas-without-rotating-the-wholeの回答を参照してください。基本的

：

1. 保存キャンバス最初の座標系（ctx.save（））。
2. キャンバスを回転します。
3. 回転キャンバスに画像を描画します。
4. 次にキャンバス座標（ctx.restore（））を復元します。