ぷよぷよプログラミング

ぷよの表示 puyoimage.js① 〜「ぷよぷよプログラミング」でお勉強〜 その9



ぷよ が表示されるにゃ!

前回までは、ゲームの大枠部分のgame.jsの中を見ていきました。

お待たせいたしました!
今回から、新しいソースコードを見ていきます。

用意した画像を表示するpuyoimage.jsを見てみよう

最初にあるのは、クラスプロパティと呼ばれるクラス内全体で使用される変数を指定しています。

class PuyoImage { // static puyoI

もっとみる
嬉しいニャ〜
6

フレームって何? 〜「ぷよぷよプログラミング」でお勉強〜 番外編

game.jsを見てきましたが
「frame フレーム」がたくさん出てきましたね。

一体なんでしょう?

パラパラ漫画を思い浮かべてください。
ノートの端っこに少しずつ変化のある絵を書き、
ノートをパラパラすると、動く、アレです。

アニメーションの原型みたいなものです。

ゲームの場合も同じです。

一枚の絵、コマ、を表すのが「フレーム」です。

今回の「ぷよぷよプログラミング」は
1秒間に6
もっとみる

嬉しいニャ〜
5

ぷよぷよプログラミングやってみました!index.htmlに残る二つの謎。

前回はこちら

 先日からやっていたぷよぷよプログラミング(上級)ですが、やっとデバグが終わってぷよぷよをプレイすることができました。

 しかし、ここで終わってはもったいない。せっかくだから実際に何が書かれているのか見ておこうと思い、まずはindex.htmを調べていったのですが、ここで問題が二つ。​

まず一つめ。

<script> </script>

もっとみる
みーとぅー!!
21

ゲームの大枠 game.js③ 〜「ぷよぷよプログラミング」でお勉強〜 その8



これで大枠はわかった!

ゲームの大枠 game.js の残りを見てみよう

前々回、前回の続きを見ていきましょう!

前回は、loop関数内のswitch文での条件分岐を見ていきました。

今回は、その残りです。

いろいろなcaseがありました。

case 'start':  ゲームスタートしたばかりの状態
case 'checkFall': ぷよが落ちるかどうかのチェック

もっとみる
嬉しいニャ〜
3

ゲームの大枠 game.js② 〜「ぷよぷよプログラミング」でお勉強〜 その7



ぷよぷよには、どんな動きがあるのでしょう?

ゲームの大枠 game.js の残りを見てみよう

前回の続きを見ていきましょう!

少しおさらいをすると前回は、

・起動したときの準備
・変数の設定
・初期化の関数

を見ていきました。

今回は、残りの関数を見ていきます。

↓提供されているサンプルコード

ゲームの動き Loop()関数

「ぷよぷよ」のゲームの動きの骨格が書かれています。

もっとみる
めっちゃうれしい〜〜!
2

ゲームの大枠 game.js① 〜「ぷよぷよプログラミング」でお勉強〜 その6



動くの?動くの?(ワクワク)

ゲームの大枠 game.js を見てみよう

いよいよ、ゲームの動きに関するファイルを見ていきましょう。

ぷよぷよのブックレットには、以下のように書いてあります。

②次に「game.js」を書く
ここではゲームの大きな流れや、処理を行う順番などの外枠を書いていきます。(最初に画像ファイルを準備する、新しいぷよを落とし始める、その次はぷよが落ちる、ぷよが消える

もっとみる
めっちゃうれしい〜〜!
4

ぷよぷよプログラミングやってみました!上級編

前回はこちら

 さて、初級中級と進んでやり方もわかってきたぷよぷよプログラミングですが、ほんとに何もない上級を始めてみました。

 時間はかかりつつも何とかすべてのコードを入力したはずなのですが、動くどころかプレビュー欄に何も表示されません。しかたなくサンプルコードを見比べてせっせとバグ取り、つまり間違い探しをしていたのですがいや出るわ出るわ。スペルミスに記号の間違いや抜け等々……それらを修正し

もっとみる
全然うれしくなんかないんだからね!(〃▽〃)ポッ
22

index.htmlを見てみる 〜「ぷよぷよプログラミング」でお勉強〜 その5



いよいよ、細かく見ていくにゃ!

index.htmlファイルを開いてみよう

プログラミングの最初の設定などを書くファイル「index.html」
まずは、こちらの中身を見ていきましょう。

それでは、「index.html」ファイルをダブルクリックして、コードを表示してください。

開けましたか?

45行ほどのコードが書かれています。

HTMLは、画面表示部分の設定などをします。(動き

もっとみる
まぁまぁ!ありがとうございます!
15

ぷよぷよ強いアピールしてくる奴(右)が初心者(左)の思い掛けない攻撃をくらう時~Sticker of Puyo Puyo~

こちらのyoutubeは音楽系チャンネルということでやっております!
この動画で一番伝えたいのは、「ぷよぷよの曲いいよね!!」ってことです!!

★ツイッター★
murakiss
twitter
https://twitter.com/murakiss_yuta

★他にもあるよ★
スーパードンキーコング2~とげとげタルめいろ~【ディクシーと一緒に弾いてみた】
https://www.youtub
もっとみる