レトロゲームっぽい画面を作る 【ゲーム・プログラミング講座】【JavaScriptサンプル】 

ガバは「やらかし」「ミス」を意味するネットスラングです🐤（なお語源をたどっていくと……） しばらくはチャンネルの趣旨である「数学×プログラミング」の動画が主になると思いますが、いずれプログラミング主体の動画も作りたいですね。

@@heron-no-suugaku ご返信ありがとうございます！応援しています！

こんなところにスタジオしまづ！

見直してもわからない所があれば、遠慮なく質問してくださいね！ 動画がガバっていることもあるので・・・（1敗）

いったんクォータービューは置いといて、普通の空間（ユークリッド空間）で矢の動きを考えて その座標(x,y,z)を、 11:02 で紹介している式 xa+yb+zc（a,b,cはクォータービューを描くための2次元ベクトル、 8:45 の原点から生えてるやつ） を用いて変換すればいいですね🐤 3次元だと話がややこしくなるので、ここではx座標を0に固定します 例えば、矢の座標(0,y,z)を求めるには…… www.wakariyasui.sakura.ne.jp/p/mech/rakutai/suihei.html この水平投射が使えそうです。 そのままでは使えませんが、2つの軸をそれぞれ「矢の向きの軸」「重力の向きの軸」として抽象的に見ると まず重力の向きは-z軸が対応しそうですね。矢の向きは、y軸を対応させるのが一番簡単でしょう。 対応を決めたら、↑のページで求めたxをy、yを-zとしてやれば、「y軸に並行に投げた矢の動き」が求まります。 あとはいま求めた(0,y,z)を xa+yb+zc に代入すると、クォータービューのどこに矢を描けば良いかが求まります。🐤

@@heron-no-suugaku めっちゃ早い返信ありがとうございます！返信を参考にしながら実装してみようと思います。ありがとうございます！！

実は数日前にそれに気づいて、サンプルを書き直したのです🐤 ご推察の通り、いくつかエッジケースはありますね（影が隠れる、ひよこがはみ出る、etc）

ChickenDrawerクラスのdraw関数の中身を全部消して、image関数で画像を描けばできます🐤 細かいやり方については、こちら↓が参考になるかと思います。 qiita.com/SakaDKyo/items/7c3e766c7cbef7d452ac

@@heron-no-suugaku ご丁寧にありがとうございます！

@@heron-no-suugaku let chicken; let img; function preload() { img = loadImage(ひよこの画像) } class ChickenDrawer{ /** * ひよこ？を描画するコマンド * @param {Vec2} pos 足元の位置ベクトル * @param {number} angle Z軸の角度 * @param {number} animFrame アニメーションの何フレーム目を再生するか * @param {number} depth */ constructor(x, y, image) { this.x = x; this.y = y; this.image = image } draw() { image(this.image, this.x, this.y, this.image.width, this.image.height); } } こういうことでは無いですよね。 理解できていなくてすみません。

@@けけ-t7i2c let img; function preload() { img = loadImage(ひよこの画像); } ↑を追加するのは合ってます。 constructorを弄ってしまっていますが、何も弄らなくて大丈夫です（むしろ弄るとマズいです） 上手くいかない理由は、せっかく読み込んだimgを使わずにthis.imageとしてしまっているせいかなと思います。 追記：近々勉強会を行います。Zoomでリアルタイムにご相談いただけます。チャットだけでは分かりづらいところですから、ぜひ参加ご検討いただければと思います。🐤 heron-no-suugaku.sakura.ne.jp/

@@heron-no-suugaku 一定方向しか向きませんがなんとかキャラクターが動くことができました！ご丁寧にありがとうごさまいました。また機会があれば勉強会参加させて頂きます。

ゲームエンジンが普及してから死語になっちゃいましたね・・

私が昔先輩から教わったところでは、プログラミング畑では長方形と矩形は別のものだそうです。長方形のうち、水平であるものを矩形と呼ぶ慣習があるとか。 ただ検索しても出てこないので真偽はちょっと怪しいです。その職場だけのローカルな慣習か、あるいは先輩が私に嘘を教えて可笑しんでいただけかも知れません。