プロセッシング入門1 初歩のプログラミング.

Slides:



Advertisements
Similar presentations
ファーストイヤー・セミナーⅡ 第13回 2次元グラフィックス(1). 2次元グラフィックス Ultra-C では、これまで利用してきた「標準入出力」 以外に「グラフィックス画面」があり、図形などを 表示できる C 言語のグラフィックスには細かな規定がなく、こ れから学ぶ内容が他の環境、システムでは利用でき.
Advertisements

初年次セミナー 第13回 2次元グラフィックス(1).
プログラミング入門 ガイダンス.
上手なプレゼンのための ワンポイント・アドバイス
初年次セミナー 第14回 2次元グラフィックス(2).
プログラミング入門 電卓番外編 ~エクセルで関数表示~.
HSPでのミニゲーム作成 早稲田実業学校PC班 Y氏.
PowerPoint の基本操作 情報機器の操作(e) 2016.
心理学情報処理法Ⅰ やってみよう:Wordの起動.
高速基礎マスター英語 「導入」「トレーニング」 活用マニュアル VOL.1
中学数学1年 5章 平面図形 §1 図形の基礎と移動 (7時間).
Microsoft Office 2010 クイックガイド ~PowerPoint編~
Microsoft PowerPointを使ってみよう
プロセッシング入門3 初歩のプログラミング.
エクセル(2)の目次 セル範囲の指定方法 データの消去法 アクティブセルの移動 セル内容の複写と移動 セル幅の変更方法
第四回 VB講座 画像とタイマー.
プログラミング入門 手順を作る マイクロワールドEX講義用資料(ICT活用教育ICT活用教育研究所)
 Applet アプレット ◇長い長いアプレット講座◇.
プログラミング入門第4回 ~レゴロボットのプログラミング3~
情報工学科 二宮 洋・鈴木 誠 小林 学・高畠俊徳 火曜日 1コマ目
第2章 Eclipseと簡単なオブジェクト 指向プログラミング
Cygwin の install.
情報学部 プログラミング体験教室 (初級編)
アニメーションのタイミングを自由に設定するには
情報 第2回:状態遷移 その2.
簡単PowerPoint (PowerPoint2007用)
経営工学基礎演習a PowerPointの利用.
楽しいプログラミング教室.
基礎プログラミング演習 第10回.
第4回 javaのプログラミング 04A2029           古賀慎也.
電界中の電子の運動 シミュレータ作成 精密工学科プログラミング基礎 資料.
プログラミング入門 電卓を作ろう・パートIV!!.
OpenGLライブラリを用いた3次元フラクタルの描画
プログラミング演習3 第2回 GUIの復習.
プログラミング基礎a 第10回 Javaによる図形処理入門(2) GUIの使い方
PowerPoint の基本操作 情報機器の操作(e).
諸連絡 USBメモリの販売について 日時:6月23日(月)授業開始前 商品:プリンストン社製32MBのUSBメモリ
ゲームプログラミング講習  第3章 ゲーム作成 ブロック崩しを作ります ゲームプログラミング講習 第3章 ゲーム作成.
Processing使用の準備.
アニメーション 年 組 番 氏名 スクラッチ テキスト1 座標と初期値 スクラッチはだれでも簡単に使えるプログラミング言語です。
プログラミング基礎a 第10回 Javaによる図形処理入門(2) GUIの使い方
方程式の解きかた STEP 1 STEP 2 ■方程式の解きかたで、 等式の性質①と②を確認する ためのものです。
方程式の解きかた STEP 3 ■方程式の解きかたで、 等式の性質③を確認する ためのものです。 ■ マウスの左クリックで、この教材は進んで
プログラミング基礎a 第12回 Java言語による図形処理入門(3) アニメーション入門
プログラミング基礎a 第11回 Java言語による図形処理入門(3) アニメーション入門
中学数学1年 5章 平面図形 §2 作図 (3時間).
正多角形の作図 プログラミングで多角形を描く方法を考えよう 1時間目.
プログラミングⅠ 平成30年10月15日 森田 彦.
学 正多角形のどんな性質を使えば,プログラミングで正多角形を描くことができるだろうか。
or-4. モンテカルロシミュレーション (オペレーションズリサーチを Excel で実習するシリーズ)
エクセル(2)の目次 セル範囲の指定方法 データの消去法 アクティブセルの移動 セル内容の複写と移動 セル幅の変更方法
Processing Processingでお絵かき.
第8回放送授業.
第1章 いよいよプログラミング!! ~文章の表示 printf~
JAVA GUIプログラミング 第3回 イベント処理① マウスイベント.
プログラミング入門 電卓を作ろう・パートI!!.
情報基礎演習I(プログラミング) 第8回 6月8日 水曜5限 江草由佳
画面への描画 Graphics オブジェクト 紙 ペン Pen オブジェクト Brush オブジェクト 画面のピクセルをカプセル化
or-4. モンテカルロシミュレーション (オペレーションズリサーチを Excel で実習するシリーズ)
プログラミング基礎a 第9回 Java言語による図形処理入門(1) Javaアプレット入門
アルゴリズム入門 (Ver /10/07) ・フローチャートとプログラムの基本構造 ・リスト ・合計の計算
本時の目標 正の数、負の数の大小関係や数直線上での表し方、絶対値の意味を理解する。
or-4. モンテカルロシミュレーション (オペレーションズリサーチを Excel で実習するシリーズ)
プログラミング入門第2回 ~レゴロボットのプログラミング~
スライドの終わりまでテキストが繰り返しスクロールされます • スライドの終わりまでテキストが繰り返しスクロールされます •
サンプル見出し テキスト 1 行目 テキスト 2 行目 テキスト 3 行目 (中級) 図の背後でタイトルを移動させるアニメーション効果
Viscuit の使い方 1/7
Processing Processingでお絵かき.
PowerPoint の基本操作 情報機器の操作 (e).
Microsoft Office 2010 クイックガイド ~PowerPoint編~
Presentation transcript:

プロセッシング入門1 初歩のプログラミング

processing基礎最速入門,processing学習ノート を参考にさせていただきました. プロセッシングに慣れることが1回目の目標 processing基礎最速入門,processing学習ノート を参考にさせていただきました. 問1 ellipse(width/2, height/2, mouseX, mouseY); を rectMode(CENTER); rect(width/2, height/2, mouseX, mouseY); の2行に変更してみよ 250×250のウインドウサイズにするという意味 1秒間に20コマ描きます width=250,height=250,mouseX(マウスのx座標),mouseY(マウスのy座標)です 中心の座標(width/2,height/2)でx方向の長さmouseX,y方向の長さmouseYの 楕円を描く 250 250 背景を黒にするという意味.値を変えてみよう.

setup()とdraw()はアニメーションに必要 アニメーションの必要がなければ,使いません. width=250, height=250です. line(x, y, a, b)は点(x, y)から点(a, b)へ直線を引く 命令です. (0,0) (width,0) (0,height) (width,height)

重ね塗り 楕円を書いたプログラムでbackground(0)をコメントアウト(//でコマンドとして無効化すること)してみる. すると,毎回黒に塗りつぶすことを行わないことになる.どうなるだろうか?

マウスの位置に描く マウスの(x, y)座標(mouseX,mouseY)の位置に半径10の円を描くことになります. 問2 半径10の円を一辺10の正方形に 変更してみよ.

クリックしたときだけ描く(1) mousePressed()は,マウスのクリック時の動作 を設定する命令です.draw()以下の{...}は, フレームレートごとに呼び 出されていましたが, mousePressed()以下の{...}は,マウスの左ボタン を押したときだけ実行されます. これを割り込み処理といいますが,今は気にしなく てよいです.

クリックしたときだけ描く(2) 今度は,draw()中でマウスボタンが押されたか どうかの判定を行ってみます. 「マウスのボタンが押されたら」という意味です. &&は「かつ」を表します.ですから「マウスボタンが押されてかつそれが左ボタンだったら」を表します. 左ボタンを押している間は,○で描画され,右ボタンを押している間は□で描画されることを確かめましょう. 問3 マウスの右ボタンを押すと描画がクリアされるように変更してみよ. ヒント: setup()と右ボタンを押された時の処理にbackground(125)を 加える.コピペ帳に答えはありますが,まず考えてみよう.