JavaScriptでゲームプログラミング 作成方法・サンプルまとめ

JavaScriptを使用して作成されたゲームや作成コードを紹介しているサイトや動画をご紹介します。

これからJavaScriptを使用してゲームを作りたい方は参考にしてみてください。

ゲームを作成すると学習にもなりますし、楽しく進めることができます！

JavaScriptでゲーム作成入門

Javascriptでゲームを作成するにおいての入門的なサイトをまとめます。

ゲームの例や開発ステップなどがまとめられています。

トレノキャンプ

TRAINOCAMPは、体験を重視する教材を使い、即戦力となるITスキルを学習するeラーニングサービスです。プログラミング、データサイエンス、ITリテラシーなど初心者から現役エンジニア、これからIT業界を志す人まで幅広く対応しています。

camp.trainocate.co.jp

JavaScriptで開発するにあたり便利な6つのライブラリを紹介しています。

JavaScriptでゲーム作成に最適なライブラリ6選！初心者も必見

JavaScriptは、ゲーム開発に向いているプログラミング言語の1つです。今回は、JavaScriptを活用してゲーム開発を行うメリット・作れるゲームの種類・ゲーム開発で使えるライブラリ・ゲーム開発で必要な知識について解説します。

and-engineer.com

作成可能なゲーム例と4つのライブラリが紹介されています。

JavaScriptでゲームを作ろう！おすすめのライブラリも紹介 - プロエンジニア

フリーランスITエンジニア専門の案件紹介・転職支援エージェント【プロエンジニア】

proengineer.internous.co.jp

JavaScriptでゲームを作るための6つのステップが記載されています。

【初心者向け】JavaScriptでゲームを作るための6つのステップ - WEBCAMP MEDIA

Javascriptでゲームが作りたい！ そう考える方は多いと思います。 ですが、 どうやって学習すればいいかわからない・・・ 学習できるサイトないの？ と不安に思っているのではないでしょうか。 今回 ...

web-camp.io

サンプルまとめ

ゲーム作成のサンプルをサイトで解説しているものをまとめます。

侍エンジニアの記事でいくつか動画が紹介されています。

JavaScriptでゲーム開発するなら絶対おすすめのサンプルまとめ | 侍エンジニアブログ

この記事では「 JavaScriptでゲーム開発するなら絶対おすすめのサンプルまとめ 」について、誰でも理解できるように解説します。この記事を読めば、あなたの悩みが解決するだけじゃなく、新たな気付きも発見できることでしょう。お悩みの方はぜひご一読ください。

www.sejuku.net

純粋な JavaScript を使ったブロック崩しゲームの実装方法が開設されています。

純粋な JavaScript を使ったブロック崩しゲーム - ゲーム開発 | MDN

このステップバイステップのチュートリアルでは、すべて JavaScript だけで書かれた、 HTML5 の で表示できる簡単な MDN ブロック崩しゲームを作ります。

developer.mozilla.org

JavaScriptでスマホにも対応しているRPGゲームを作るためのサンプルが載せてあります。

JavaScriptでRPGを作ろう！スマホにも対応したゲームの作り方

JavaScriptを使って、RPGを作っていきましょう。ライブラリは一切使わず、フルスクラッチで作っていきます。また、スマホに対応させる方法や、BGMなどの音声を再生する方法も紹介していきます。素材も用意してありますので、すぐにはじめることができます。

original-game.com

動画で解説まとめ

YouTubeで作成方法を解説しているものをまとめます。

梅澤嗣佳(T.Umezawa)

RPGの実装方法が開設されています。

梅澤嗣佳(T.Umezawa)

作成した動画を友だち、家族、世界中の人たちと共有

www.youtube.com

直也テック

PythonとJavascriptを中心にゲームプログラミングをしているチャンネルです。

プレイリスト内にいくつかJavajscriptでゲームプログラミングをしていました。

直也テック 実装

プログラミングが学べるチャンネルです。現役のプログラマーが解説。

www.youtube.com

ニコニコプログラミング

ノーカット30分でプログラミングを完成させるのがウリのチャンネルです。

JSゲームプログラミングも何回か紹介されていました。

ニコニコプログラミング

紀平 拓男（きひら たくお）と申します。プログラミングの楽しさを伝えるために、プログラミングにまつわる様々なことをしています。短い時間でプログラミングの実況をしながらゲームを作り上げる実況プログラミングシリーズをメインに展開していきます。

www.youtube.com

ワンピースの世界でプログラミング

ワンピースを題材にしてプログラミングをレクチャーするチャンネルです。

エンジニアの休日

プログラミングとワンピースとおもちゃ（車・新幹線）が好きです。 メンバーになる(290円で)とReact.js/Vue.js/Nuxt.js/Ruby on Railsの動画を見放題です！

www.youtube.com

プログラミングチュートリアル

プログラミングに関する学習ができるチャンネルです。

404 Not Found

www.youtube.com

ヘロンの数学ちゃんねる

独特なイントネーションで数学も絡めてプログラミングを解説されているチャンネルです。

ヘロンの数学ちゃんねる

■Webサイト 過去に書いた、動画の解説記事などがあります ■連絡先 お手数ですが Discord aosagiheron までお願いいたします。 .

www.youtube.com

こちらの動画ではJSでテトリスを実装する方法が開設されています。

600日ぐらい後に逆転するこどおじFラン社畜

逆転は無理でも、せめて追いつくFラン社畜プログラマ

ブログです　こっちを見ると動画の理由とか趣旨とかがわかります

www.youtube.com

ゆっくりでJSでの開発方法が開設されています。

中島八段のオセロチャンネル

普段はオセロの解説をしているチャンネルですが、JavaScriptでオセロを実装する方法が解説されています。