特にゲームを作成するために、html5/現在の Web 技術を学びたいです。
最初は、六角形のタイルで構成されたトップダウンの 2D マップを生成できるようにしたいと考えています。
これらのタイルは、通常の環境タイル (草、平野、雪、湖、海など) でランダムに生成されます。
ズームイン/アウトできるようにしたい。
後で、プレイヤー/AI やタイル上のアセットなどを表すアバターを作成したいと思います...
基本を学ぶのに適した出発点はどこにありますか?
特にゲームを作成するために、html5/現在の Web 技術を学びたいです。
最初は、六角形のタイルで構成されたトップダウンの 2D マップを生成できるようにしたいと考えています。
これらのタイルは、通常の環境タイル (草、平野、雪、湖、海など) でランダムに生成されます。
ズームイン/アウトできるようにしたい。
後で、プレイヤー/AI やタイル上のアセットなどを表すアバターを作成したいと思います...
基本を学ぶのに適した出発点はどこにありますか?
このブログ投稿http://build-failed.blogspot.com/2012/04/maps-and-boardgames-part-3-client-side.htmlを確認してください。作成者は、ズームインとズームアウトを使用して 2D 六角形タイル マップを作成しました。コードを学習して、作業を開始できます。アバターと別のマップを追加する必要があります。
基本を学べる場所は 1 つではありませんが、次のブログはゲーム プログラミングを始めるのに適した場所です: http://www-cs-students.stanford.edu/~amitp/gameprog.html#hex
幸運を!
まず、HTML5 の canvas タグとhttp://calebevans.me/projects/jcanvas/index.phpのようなフレームワークを使用することをお勧めします。適切なドキュメントと例がネットで見つかります。習得は非常に簡単ですが、コードが増えます。
コードを減らしてより良い結果が必要な場合は、http: //ntt.cc/2011/01/31/66-open-source-javascript-game-engine-for-serious-developers.htmlから JS ゲーム エンジンを試してください。