プログラミング講座・祝登録者500人記念花火プログラミング(JavaScript)

[@user-takand]

１年前の動画‥ 勉強になりました！

[@opyon3]

テトリス、シューティング、マリオ、と数日ずっと写経していましたが難しかったです。 この動画の花火は初心者の自分には丁度よい内容でした。 途中打ち上げまで出来てるのに何故か爆発出来ずに悩んであれこれ試して自己解決出来た時や、 自分好みにあれこれ弄ってる時はとても楽しかったです。

[@shikauma8366]

できました。無事動作すると嬉しいです。ありがとうございました！

[@トングラー]

理解してコード書いたのにエラーになりました😅 よかったらこの動画のソースコードをコメント欄に追加できますか？

[@田口泰斗]

爆発の処理をするとoomになります！ ノートパソコンだと厳しいでしょうか？

[@machi-q3y]

わあ、すてきーーー

[@emiri22222]

花火の X座標 や Y座標 を８ビットずらすのは、何のためですか？

[@akichon]

コンピューターへの優しさです！ （「固定小数点」でググってみてください）

[@hiroekabeya9414]

これからも更新楽しみにしています☺️ いつもありがとうございます。

[@akichon]

コメントありがとうございます！

[@YUÜKI-k4h]

花火🎆綺麗 これ　つくりたい

[@ofuga1family]

おめでとうございます🎇

[@akichon]

ありがとうございます

[@秋本武志-i4k]

アラフォー叔父さんでも…ということですが、わたくしは６６歳です。とてもわくわく、期待しています。

[@すうがくやさん]

完成版のmain.jsのキーボード入力イベント（97～99）って何をしようとしてるんですか？

[@nurunurunoob-4507]

初心者です。 質問があります。 update関数のhanabi[i].update();は、花火の配列にupdate関数を呼び出す処理ということですか？ また、if(hanabi[i].kill)のkillはHanabiクラスのkillでしょうか？どこから出てきたんですか？ 他にも、11:01の「drawの方はうしろからみなくていい」とはどういう意味ですか？ 理解が出来ずにモヤモヤしています。

[@akichon]

コメント・ご質問ありがとうございます。 hanabi[i].update() は、配列hanabiがそれぞれ持ってるメソッド(まあ関数です）を実行します。 「配列にupdate関数を呼び出す」ではなく 「配列のupdateメソッドを実行する」です。 もしかしたら同じことを言ってるのかもしれないですけど、クラスを理解するには後者で覚えて置いた方がいいと思います。 hanabi[i].kill のkillは hanabiクラスのkill ですが、これも配列の分だけkillというプロパティが作られています。 （new Hanabi...した時にそれぞれ作られています） 11:01のdrawの方は・・・については、 まず、なぜ後ろから見る必要があるのか理解してください。 updateの方はkillフラグによってspliceしてるので、順番が変わってしまう事があるので後ろから見てます。 drawの方はspliceしてないので、別に後ろから見る必要はありません。 ちょっと言葉が全然たりないかと思いますが・・・ まずはクラスを理解するとこのあたりの疑問は晴れるかなと思います。

[@terukiganeko7128]

ありがとう。

[@akichon]

こちらこそありがとうございます！

[@konju]

もうチャンネル登録者数が5万人超えてて草

[@hp365]

akichonさんにとっては５００回記念だけど、私にとっては、夏期特別講座で総復習を一気にやってもらったようで、とてもありがたかったです。

[@akichon]

500回では無いですねｗ 時々総集編？やりたいですね

[@musikame2930]

すごいの３乗くらいすごいぞ

[@やっちゃやっちゃ]

いつも勉強させていただいております。 花火がうち上がるかどうか試すときに、最後の定型文のところでエラーが出てしまうのは、見直すときどの部分を好く見たらよいのでしょうか？

[@野地-v1y]

おめでとうございます！いつも勉強にさせてもらってます。 これからも楽しみにしてます！

[@akichon]

ありがとうございます！ 勉強になってると嬉しく思います！ 今後とも宜しくお願いします。

[@大原悠輝]

おめでとうございます！ これからも頑張って下さい！ めちゃ勉強になります！

[@akichon]

コメントありがとうございます！ 勉強になってると言われるととっても嬉しいです！ 今後もがんばります！

[@なーるる-c6f]

おめでとうございます！ これかも、動画アップ楽しみにしてます 楽しみにしてます 質問があります。 スペースキーを押すと画面全体が塗りつぶされるバグが出るのですが、添削してもらえませんか？ ソースCode👇 打ち上げ花火 const SCREEN_W=800; const SCREEN_H=600; let can= document.getElementById("can"); let con=can.getContext("2d"); can.width=SCREEN_W; can.height=SCREEN_H; setInterval(mailLoop,1000/60); class Hanabi { constructor(x,y,vx,vy,gv) { this.x=x>8,this.y>>8,2,2); } } //花火の配列 let hanabi = []; //更新 function update() { for (let i= hanabi. length-1;i>=0;i--) { hanabi [i].update(); if(hanabi [i].kill)hanabi.splice(i,1); } } //描画 function draw() { con.fillStyle="#22222"; con.fillRect(0,0,SCREEN_W,SCREEN_H); for (let i= hanabi . length -1;i>=0;i--) hanabi [i].draw(); } //メインループ function mailLoop() { update(); draw(); } document.onkeydown=function(e) { if (e.keyCode==32) { hanabi.push( new Hanabi(SCREEN_W/2,SCREEN_H,0,-600,2)); } }

[@akichon]

73行目当たりで、 #22222って入れようとしてるからですかね？ 正しくは#222222です(RRGGBB)

[@なーるる-c6f]

添削ありがとうございます！ シューティングの動画の知識をスペースインベーダーのプログラミングに応用することって出来ますか？ よければ簡単な作成動画も見てみたいですW

[@akichon]

もちろんシューティング動画の内容を理解すればスペースインベーダーは問題なく出来ると思います。 ほとんどパーツは揃ってるから、あとはどう組み立てるかというとこになるかと。

[@山田太郎-l7s6l]

おめでとうございます！　ありがとうございます！＾＾

[@akichon]

ありがとうございます！ いつもコメント＆質問ありがとうございます！

[@arichannel-777]

とても参考になる動画ですね！ 色々学びたいので ソース貰えませんか？

[@akichon]

最終的なソースコードはこちらに置いてあります。 aki28.com/1101

[@arichannel-777]

ありがとうございます。

[@avoca398]

花火が打ち上がりません、、、、、にらめっこしてます。