Microsoft PowerPoint P演習第5回当たり判定(2)【課題】.pptx

Size: px

Start display at page:

Download "Microsoft PowerPoint P演習第5回当たり判定(2)【課題】.pptx"

きゅうたわくや
5 years ago
Views:

1 3 組基本課題 1 スケッチ名 :eye2 カーソルの位置によってキャラクタの目の向きが変わるプログラムを作ってくださいただしカーソルがキャラクタの顔に対して上にある時下にある時左にある時右にある時の4パターンで表現することカーソルが顔に対して斜め方向にある時は目は中央にしてください

2 3 組基本課題 2 スケッチ名 :cross 十字型の図形に対してマウスの当り判定をするプログラムを作ってください適当な十字型の図形を描き図形の外部をクリックしたら図形の色が変わるようにしてください図形内部をクリックしても反応しないようにすること

3 3 組基本課題 3 スケッチ名 :slotkuji おみくじのプログラムを作ってくださいスロットのように大吉中吉小吉凶の4 種類が高速に表示され四角いところをクリックするとストップして今日の運勢に関するメッセージが表示されるようにしてくださいもう一度クリックすると2 回目にチャレンジできるようにすること高速に切り替わる小吉凶大吉この四角をクリックしてタクしてタイミングよく止めるやったね! 小松先生がおごってくれるかも!?

4 3 組発展課題 1 スケッチ名 :keycontrol 方向キーの操作で直径 50 の円を移動させ円が目標となる正方円が目標となる正方形 ( 一辺が60ピクセル ) の中に完全に入ったら正方形と円の色が違う色になるようにしてください実行するたびにランダムで正方形の位置が変わるようにすること

5 3 組発展課題 2 スケッチ名 :places 画面をクリックするごとに円が場所クするごとに A 場所 B 場所 C 場所 A と順に移動していくプログラムを作成してください場所間の移動はアニメーションで自動的に動くものとしますまた円の移動中に画面をクリックしても反応しないようにしてください場所 A 場所 B 場所 C 画面クリックごとに円が次の場所に移動していくそれぞれの場所の形はなんでも良い

6 今日使うテクニック 1 text() で表示する文字の大きさを変える方法文字の大きさを変えるには textsize( 文字サイズ ) を使う void setup() { size(300, 150); } void draw() { fill(0); textsize(50); tsi // 文字の大きさを設定 text( "Processing", 20, 90 ); // 文字を表示 } textsize() は fill() やstroke() と同様に何回でもパラメータを変えて指定できるので大きさの違う文字を混在させることができる

7 今日使うテクニック 2 text() で表示する文字の書体 ( フォント ) を変える方法フォントを変えるには PFont createfont() textfont() を使う日本語を使いたいときは日本語フォントの指定が必要以下はHGS 創英角ポップ体で Processing と書く例 PFont myfont; // フォント void setup() { size(300, 150); myfont = createfont( HGSSoeiKakupoptai,10); // フォントを準備 textfont(myfont); // フォントを設定 textsize(50); // 文字サイズを改めて変更することもできる } void draw() { fill(0); text( "Processing", 20, 90 ); // 文字を表示 }

8 今日使うテクニック PFont はフォントを格納する変数につかうデータ型です int や float などと同じような扱い createfont( フォント名, 文字サイズ ) でフォントを準備するフォント名は Processingのメニューの Tools -> Create Font... で出てくるパネルで確認できるこのリストにプログラム中で使えるフォント名が表示される最後に textfont( フォント ) でフォントを設定する

9 4 組基本課題 1 スケッチ名 :eye2 カーソルの位置によってキャラクタの目の向きが変わるプログラムを作ってくださいただしカーソルがキャラクタの顔に対して左上にある時右上にある時左下にある時右下にある時の4パターンで表現することカーソルが顔の真上や真横にある時は目は中央にしてください

10 4 組基本課題 2 スケッチ名 :cross 十字型の図形に対してマウスの当り判定をするプログラムを作ってください適当な十字型の図形を描き図形の内部をクリックしたら図形の色が変わるようにしてください図形外部をクリックしても反応しないようにすること

11 4 組基本課題 3 スケッチ名 :slotkuji おみくじのプログラムを作ってくださいスロットのように大吉中吉小吉凶の4 種類が高速に表示され四角いところをクリックするとストップして今日の運勢に関するメッセージが表示されるようにしてくださいもう一度クリックすると2 回目にチャレンジできるようにすること高速に切り替わる小吉凶大吉この四角をクリックしてタクしてタイミングよく止めるやったね! 小松先生がおごってくれるかも!?

12 4 組発展課題 1 スケッチ名 :keycontrol 方向キーの操作で直径 50 の円を移動させ円が目標となる正方円が目標となる正方形 ( 一辺が60ピクセル ) の中に完全に入ったら正方形と円の色が違う色になるようにしてください実行するたびにランダムで正方形の位置が変わるようにすること

13 4 組発展課題 2 スケッチ名 :places 画面をクリックするごとに円が場所クするごとに A 場所 B 場所 C 場所 A と順に移動していくプログラムを作成してください場所間の移動はアニメーションで自動的に動くものとしますまた円の移動中に画面をクリックしても反応しないようにしてください場所 A 場所 C 場所 B 画面クリックごとに円が次の場所に移動していくそれぞれの場所の形はなんでも良い

14 今日使うテクニック 1 text() で表示する文字の大きさを変える方法文字の大きさを変えるには textsize( 文字サイズ ) を使う void setup() { size(300, 150); } void draw() { fill(0); textsize(50); tsi // 文字の大きさを設定 text( "Processing", 20, 90 ); // 文字を表示 } textsize() は fill() やstroke() と同様に何回でもパラメータを変えて指定できるので大きさの違う文字を混在させることができる

15 今日使うテクニック 2 text() で表示する文字の書体 ( フォント ) を変える方法フォントを変えるには PFont createfont() textfont() を使う日本語を使いたいときは日本語フォントの指定が必要以下はHGS 創英角ポップ体で Processing と書く例 PFont myfont; // フォント void setup() { size(300, 150); myfont = createfont( HGSSoeiKakupoptai,10); // フォントを準備 textfont(myfont); // フォントを設定 textsize(50); // 文字サイズを改めて変更することもできる } void draw() { fill(0); text( "Processing", 20, 90 ); // 文字を表示 }

16 今日使うテクニック PFont はフォントを格納する変数につかうデータ型です int や float などと同じような扱い createfont( フォント名, 文字サイズ ) でフォントを準備するフォント名は Processingのメニューの Tools -> Create Font... で出てくるパネルで確認できるこのリストにプログラム中で使えるフォント名が表示される最後に textfont( フォント ) でフォントを設定する

問 1 図 1 の図形を作るプログラムを作成せよ但しウィンドウの大きさはとし座標の関係は図 2 に示すものとする図 1 作成する図形原点 (0,0) (280,0) (80,0) (180,0) (260,0) (380,0) (0,160) 図 2 座標関係問 2

問 1 図 1 の図形を作るプログラムを作成せよ但しウィンドウの大きさはとし座標の関係は図 2 に示すものとする図 1 作成する図形原点 (0,0) (280,0) (80,0) (180,0) (260,0) (380,0) (0,160) 図 2 座標関係問 2 問 1 図 1 の図形を作るプログラムを作成せよ但しウィンドウの大きさは 400 200 とし座標の関係は図 2 に示すものとする図 1 作成する図形原点 (0,0) (280,0) (80,0) (180,0) (260,0) (380,0) (0,160) 図 2 座標関係問 2 for 文を用いて図 3 の様な図形を描くプログラムを作成せよ但しウィンドウのサイズは 300 300

Microsoft PowerPoint P演習 第5回 当たり判定(2)【課題】.pptx

Microsoft PowerPoint P演習第5回当たり判定(2)【課題】.pptx