用HTML5 canvas製作簡單的汽車遊戲

我正在玩HTML5 canvas，對於第一個實驗我決定嘗試用基本的用戶輸入製作一個簡單的汽車動畫。我認爲我是基本輸入和移動方式中的大部分，但我只是想看看我是否可以進一步。用HTML5 canvas製作簡單的汽車遊戲

演示：http://jsfiddle.net/mpxML/20/ （使用箭頭鍵）

我有一個圖像加載，你還可以看到一個黑色的正方形，其移動，那就是翻譯點，或當汽車從轉向。我想以某種方式創造出漂移效果，這可以在更高的速度下實現等等。它也可以在不移動時轉動，這是不對的。

無論如何，我只是不知道我需要什麼邏輯讓汽車感覺更半真實。

謝謝

來源

2011-08-18 Henryz

否提供有用的評論，但只想說好的工作！我開車離開車架，現在我失去了它哈哈！ –

嘿，謝謝哈哈。是的，我需要得到一些真正的界限！ – Henryz

要解決，你必須做一些轉彎像這樣：

car.angle = car.angle - (car.handeling * car.speed/car.topSpeed);

這將轉向防止當速度爲0，將解決反向轉動

要獲得漂移的影響，你應該向前推進了汽車的旋轉中心並讓車在它的自我旋轉沒有真正轉動

來源

2011-08-18 11:15:28 JSantos

這真的很好！現在，當我不動的時候，我無法轉身，當我移動的時候，我可以得到一個轉彎的圈子。但是當我快速行駛時，我希望處理效率更低。我正在考慮做（處理/速度）。我希望我能更好地解決這個問題..問題在於，一旦你反向操作，處理混亂等等。>< – Henryz

如果你打算開發一個固定的賽道（沒有平移），那麼漂移就是真的很難。幾年前，我已經搞混了2D賽車，我無法很好地管理漂移。要麼你很難注意到它，要麼是非常微妙的，要麼是非常難以處理的。 – JSantos

偉大的小演示，愛它！我不開車，這是我的想法。我建議嘗試，你不有去現實主義 - 記住你是一個遊戲，你想要去的樂趣:)

倒車

我會做反向正常工作，當你扭轉它不會轉向我期望的傳統汽車運動的方向。

漂流時轉彎的速度和/角是指在一定量

這將被觸發。一旦這些條件得到滿足，你可以從方向這樣做防止任何更多的轉折點（通過鎖定當前方向）和角度的車〜30°，直到加快關鍵是未按

談到

我我不是一個司機，但是我認爲，當你的速度較慢時，你的轉彎角度會更小，或許可以爲此創造一個簡單的公式，或者速度和轉彎量之間的某種關係。

無恥插頭

我透露我的Scirra.com工作，我們有一些軟件Construct 2（Download），這是一個Windows的遊戲製作程序對HTML5的遊戲，它可能是值得看看你（取決於你的目標）！它是可擴展的JavaScript，所以你可以寫你自己的運動行爲和利用他人人民，使賽車遊戲是一個很大的視覺，更容易（在我們的意見任何方式！）

來源

2011-08-18 11:01:17

嘿，感謝您的反饋:)關於漂流的好評，我會努力工作的！我正在轉動圈子，我也會檢查出Construct 2 :) – Henryz

用HTML5 canvas製作簡單的汽車遊戲

回答

相關問題