Sketch

イラストとプログラミングを使ってデザインを作るサンプルコード集。決して使いやすくはない配布形式ですが、プログラミング未経験という方に「コードそのものをダウンロードして実行したり改造する楽しみ」に触れていただければ幸いです。初めての方はサンプルコードを使ったオリジナル作品の作り方をご覧ください。

【ステージ#7】 ゲーム作りに関するプログラミング問題

《難易度★★★》さまざまなテクニックを組み合わせて簡単なゲームを作るスキルを試すプログラミング問題です。

続きを読む

【ステージ#6】 マウス操作に関するプログラミング問題

《難易度★★★》マウスに反応した動作をさせるスキルを試すプログラミング問題です。あわせて一定時間ごとに処理させることによるアニメーションも扱います。

続きを読む

【ステージ#5】 三角関数の活用に関するプログラミング問題

《難易度★★★》三角関数を使って「円形に並べる」プログラミング問題です。関数を少しずつ変更することで、楕円や螺旋などの形も作れるようになります。

続きを読む

【ステージ#4】 繰り返しと条件分岐に関するプログラミング問題

《難易度★★☆》for文による反復処理、if分による条件分岐処理の基礎的な理解とスキルを試すプログラミング問題です。また、canvasを使ったグラフィックの描画も扱います。

続きを読む

【ステージ#3】 乱数と色指定に関するプログラミング問題

《難易度★★☆》JavaScriptによるスタイルの書き換えを試すプログラミング問題です。乱数と色指定を扱いますが、RGBだけでなくHSLによる色指定も含みます。

続きを読む

【ステージ#2】 計算に関するプログラミング問題

《難易度★☆☆》JavaScriptでの四則演算をはじめ基礎的な計算を使うスキルを試します。querySelectorやイベントリスナーについてはステージ#1の復習になるでしょう。

続きを読む

【ステージ#1】 テキスト書き換えに関するプログラミング問題

《難易度★☆☆》innerHTMLを使ったHTMLの書き換えをテーマにした基礎的なスキルを試すプログラミング問題です。querySelectorを使った要素の取得や、ボタンを押すことで動作するようにイベントリスナーの理解も試せます。

続きを読む