【09-3】バナナ大好きなネコ
2017年3月31日 Scratch
【09-3】バナナ大好きなネコ 説明 バナナに触れると目がやばいことになります。「←」「→」キーで動きます。 まずは作り方を見らずにつくってみよう！ 作り方 猫のコスチュームを足して描きたします。 旗がクリックされたとき …
【01-1】戻ってくるネコ
2017年3月31日 Scratch
【01-1】戻ってくるネコ 説明 クリックすると猫が右に動いていきます。 旗をクリックすると最初の場所にもどってきます。 まずは作り方を見らずにつくってみよう！ 作り方 「このスプライトがクリックされた時」「10歩動かす …
【07】クラス！
2017年3月31日 Liveweave
入力内容 HTML タグにクラス名をつけると、同じタグでもクラスごとにデザインを変更することができます。 この水色の枠も、classをつけてCSSで変更することで、狙ったタグのみにつけることができます。 CSS 「bor …
【33】箱を十字キーで動かす
2017年3月26日 未分類
入力内容 HTML CSS JavaScript これまで何度も出てきていましたが、上のJavaScriptのコードの画像に灰色の文字があるのに気づいていましたか？コードは全てアルファベットなのに、その文字だけは日本語で …
【32】「→」キーで箱を右に動かす
2017年3月26日 未分類
入力内容 HTML CSS JavaScript ボタンを押して画像を動かすことは今までにもありましたが、それを矢印キーを押すことで再現することができます。 今までにやってきたことを思い出してみましょう。 出力
【31】どの矢印が押されたのか
2017年3月26日 未分類
入力内容 HTML CSS JavaScript 今回のif文は１行で書いてありますが、 if (k == 37) { alert(“←”); } のように複数行で書いても同じ動きになります。 ど …
【30】キーコード
2017年3月26日 未分類
入力内容 HTML CSS JavaScript 実はコンピューターは文字を文字のまま認識することができず、数字しか扱うことができません。 そのためそれぞれのキーにも数字を割り当てることで判別しているのです。 出力 キー …
【29】バグ防止タイマー
2017年3月26日 未分類
入力内容 HTML JavaScript if ( move == false) とすることで、moveがflaseの時（タイマーが動いていない時）だけタイマーを実行するようにしています。 タイマーを実行した後に、mov …
【28】繰り返しタイマー
2017年3月26日 未分類
入力内容 HTML JavaScript setInterval 関数は、任意の時間ごとに任意の関数を繰り返すことができます。 setInterval (関数名, 時間)を引数に取り、繰り返す時間と実行する関数を指定する …
