@bigakubu アートとプログラミングがあればいい。

【プログラミング超入門#1】

STEP#01 ブラウザでJSFiddleをひらく!

先生向けの解説

JSFiddelは、、、



STEP#02 HTMLを書く!(たった1行)

See the Pen 最初のHTML by programmingbird (@programmingbird) on CodePen.

先生向けの解説

Google Ad

Google Ad

Recommend

no image

【JavaScript ハノン】必修パターン①

とりあえずHTML(pタグだけ) See the Pen 最初のHTML by programmingbird (@programmingbird) on CodePen. javascriptは基本 …

プログラミング教材・指導案
no image

【JavaScript ハノン】必修パターン②

forを使ってループ See the Pen for by programmingbird (@programmingbird) on CodePen. まず本題ではないがlet str=&#8221 …

プログラミング教材・指導案

【プログラミング教材#06】背景表示と衝突判定をしよう

いよいよ完成間近です。今回は背景画像の表示をしたあと、ゲームの重要な要素である衝突判定を実装します。トリが土管や地面にぶつかったらゲームオーバー!その判定をコードでどう表現すればよいのか、じっくり考え …

プログラミング教材・指導案

【プログラミング教材#05】土管の高さをランダムにしよう

前回の教材でゲームの重要な要素である土管を次々と表示し動かすことができました。今回は土管一つ一つの高さをランダムに変化させることにより、ゲームにバリエーションを持たせてみましょう。ランダム性はプログラ …

プログラミング教材・指導案

【プログラミング教材#01】まず「ほぼ完成版」で遊んでみよう!

今日のレッスンの前半は、なんとゲームで遊ぶこと!簡単操作だけどなかなか難しいこのゲームで何点とれるか?競い合ってみましょう。レッスン後半では、JSFiddleというプログラミング練習画面を使って、さっ …

プログラミング教材・指導案