レトロゲームっぽい画面を作る 【ゲーム・プログラミング講座】【JavaScriptサンプル】
レトロゲームやモバイルゲームでよく使われる、クォータービュー(等角図)の作り方を解説します。
JavaScriptのサンプルプログラムを動かすことで、より理解が深まるようになっています。
ゲーム会社に興味のある人、ゲームプログラマーとして就職したい人、ゲーム関係なくともプログラミングのスキルを磨きたい人……などに見ていただければと思います。
■サンプルプログラムはこちら(インストール不要)
https://editor.p5js.org/AosagiHeron/sketches/FTZ5U9mq3
わからない所があれば、動画コメントまで気軽にどうぞ!
■目次
00:00 ごあいさつ
02:43 ベクトルで同じ図形をくりかえし描く
04:17 等角図を使う理由、偽等角図について
05:54 等角図で立方体を描く
06:54 上面図で立方体を敷き詰める
08:47 等角図で立方体を敷き詰める
10:02 プレイヤー(ひよこ)の描画
11:19 ひよこを移動させる
13:13 ひよことタイル(地形)の当たり判定
14:12 重力とジャンプの実装
14:56 今後の課題
15:34 サンプルプログラムの解説
17:33 〆、50人登録ありがとうございます
------- Licenses -------
たぬき油性フォント
http://tanukifont.com/
Gray Heron photo
Photo by Denise Duplinski from Pexels
https://www.instagram.com/dduplinski/
Видео レトロゲームっぽい画面を作る 【ゲーム・プログラミング講座】【JavaScriptサンプル】 канала ヘロンの数学 Heron's math
JavaScriptのサンプルプログラムを動かすことで、より理解が深まるようになっています。
ゲーム会社に興味のある人、ゲームプログラマーとして就職したい人、ゲーム関係なくともプログラミングのスキルを磨きたい人……などに見ていただければと思います。
■サンプルプログラムはこちら(インストール不要)
https://editor.p5js.org/AosagiHeron/sketches/FTZ5U9mq3
わからない所があれば、動画コメントまで気軽にどうぞ!
■目次
00:00 ごあいさつ
02:43 ベクトルで同じ図形をくりかえし描く
04:17 等角図を使う理由、偽等角図について
05:54 等角図で立方体を描く
06:54 上面図で立方体を敷き詰める
08:47 等角図で立方体を敷き詰める
10:02 プレイヤー(ひよこ)の描画
11:19 ひよこを移動させる
13:13 ひよことタイル(地形)の当たり判定
14:12 重力とジャンプの実装
14:56 今後の課題
15:34 サンプルプログラムの解説
17:33 〆、50人登録ありがとうございます
------- Licenses -------
たぬき油性フォント
http://tanukifont.com/
Gray Heron photo
Photo by Denise Duplinski from Pexels
https://www.instagram.com/dduplinski/
Видео レトロゲームっぽい画面を作る 【ゲーム・プログラミング講座】【JavaScriptサンプル】 канала ヘロンの数学 Heron's math
Показать
Комментарии отсутствуют
Информация о видео
Другие видео канала
![【インストール不要】JavaScript + p5.js まるわかり講座、前編。【ゲーム・プログラミング】【初心者向け入門】](https://i.ytimg.com/vi/rdGKg6VbFBo/default.jpg)
![高校数学とJavaScriptだけ。FPSの作り方 #1【ゲームプログラミング】【ゲーム開発】](https://i.ytimg.com/vi/Mtf4rz9UEQo/default.jpg)
![トルネコや風来のシレンができるまで 【ハイテンポ・プログラミング】](https://i.ytimg.com/vi/LtkTBJadWCc/default.jpg)
![](https://i.ytimg.com/vi/vwDxrAneMjs/default.jpg)
![【レトロゲーム再現】スーパーファミコンの疑似3D 【ゲーム・プログラミング】【JavaScriptサンプル】](https://i.ytimg.com/vi/mt4woV9fiDI/default.jpg)
![Math used in old school 3D games](https://i.ytimg.com/vi/T-qxHoLnB7Q/default.jpg)
![自機狙い弾でわかる、ベクトルと逆正接【ゲーム・プログラミング講座】【JavaScriptサンプル】](https://i.ytimg.com/vi/ruUGEtyF--0/default.jpg)
![Making Minecraft from scratch in 48 hours (NO GAME ENGINE)](https://i.ytimg.com/vi/4O0_-1NaWnY/default.jpg)
![数式とグラフ - ゲーム制作に使う数学を学習しよう #1](https://i.ytimg.com/vi/fJS4qLifFf8/default.jpg)
![ゲーム会社でやってはいけないプログラミング](https://i.ytimg.com/vi/cGh5yd0YZL4/default.jpg)
![フィボナッチ数列](https://i.ytimg.com/vi/Q3WHKRhx_l0/default.jpg)
![【個人開発】スマホ脱出ゲームを一人で作ってみた【Unity】](https://i.ytimg.com/vi/wY8RESMZaQE/default.jpg)
![元ゲーム会社のプログラマー、テトリス何分で作れる?【JavaScriptプログラミング】](https://i.ytimg.com/vi/34uAtYSirWk/default.jpg)
![高校数学でマンデルブロ集合を描いてみた 【プログラミング実況解説】](https://i.ytimg.com/vi/7KHRYUOikPA/default.jpg)
![【インストール不要】JavaScript + p5.js まるわかり講座、後編。【ゲーム・プログラミング】【初心者向け入門】](https://i.ytimg.com/vi/Q6yVb-rF9jM/default.jpg)
![高校数学とJavaScriptだけ。FPSの作り方 #3 剰余(mod)の使い方【ゲームプログラミング】【ゲーム開発】](https://i.ytimg.com/vi/E8Qekxjq5Yg/default.jpg)
![JavaScriptでブロック崩しゲームの作り方を実況解説!](https://i.ytimg.com/vi/6G8MJCA0oFg/default.jpg)
![ローグライクのダンジョン、どう作る? 【ゲーム・プログラミング】](https://i.ytimg.com/vi/LdwHSGDMKGY/default.jpg)
![Coding Challenge #142.1: Rubik's Cube Part 1](https://i.ytimg.com/vi/9PGfL4t-uqE/default.jpg)
![【JavaScript入門 #5】変数を理解しよう!var, let, constの使い分けまで解説!【ヤフー出身エンジニアの初心者向けプログラミング講座】](https://i.ytimg.com/vi/4NPrR_szrUM/default.jpg)