piyo0702a.rtfd
|
|
|
- おきみち しげい
- 7 years ago
- Views:
Transcription
1 21 Rectangle & Rectangle2D 1 ウィンドウに矩形を描く方法を紹介します のに Rectangle2D.Float(float x, float y, float w, float h) があります が Python では double と float との違いを意識する必要はありません void drawrect(int x, int y, int width, int height) は 2点 (x,y) および (x+width,y+height) で囲まれた矩形領域に 矩形の 外枠 を描きます 同様に void fillrect(int x, int y, int width, int height) は 同じ矩 形領域に 矩形の 内部 を描きます 関数 paint には パネル panel 内に図形を描く方法を記述します 描画属性 g.color に指定した色を使って drawrect は 外枠 を fillrect は 内部 を 描きます from java.awt.geom import Rectangle2D x, y, w, h = 10, 10, 90, 90 shape = Rectangle2D.Double(x+200, y, w, h) g.drawrect(x, y, w, h) g.fillrect(x+100, y, w, h) size=(310, 140), title="rectangle & Rectangle2D") Rectangle2D.Double(double x, double y, double w, double h) は 2 点 (x,y) および (x+w,y+h) で囲まれた矩形領域に 矩形 を生成します 同様のも ひよ子のきもち 2007/02/05
2 (x,y)(x+w,y+h) CanvasPanelJPanel paint x, y, w, h = 10, 10, 40, 40 shape = Rectangle2D.Double(x, y, w, h) CanvasPanel.paint(panel,g)CanvasPanel paintpanelpaint panel.paint=paint CanvasPanelJPanelpaint def setframe(e): shape.setframe(x+100, y, w-10, h-20) panel.repaint() button = JPanel(layout=GridLayout(1, 0)) button.add(jbutton("setframe", actionperformed=setframe)) size=(160, 110), title="rectangle & Rectangle2D", layout=borderlayout()) frame.add(panel, BorderLayout.CENTER) frame.add(button, BorderLayout.SOUTH) void setframe(double x, double y, double w, double h) TypeError: can't assign to this attribute in java instance: paint TypeError
3 23 Oval & Ellipse 1 ウィンドウに楕円を描く方法を紹介します に Ellipse2D.Float(float x, float y, float w, float h) がありますが Python では double と float との違いを意識する必要はありません void drawoval(int x, int y, int width, int height) は 2点 (x,y) および (x+width,y+height) で囲まれた矩形領域に 楕円の 外枠 を描きます 同様に void filloval(int x, int y, int width, int height) は 同じ矩 形領域に 楕円の 内部 を描きます 関数 paint には パネル panel 内に図形を描く方法を記述します 描画属性 g.color に指定した色を使って drawrect は 外枠 を fillrect は 内部 を 描きます from java.awt.geom import Ellipse2D x, y, w, h = 10, 10, 90, 90 shape = Ellipse2D.Double(x+200, y, w, h) g.drawoval(x, y, w, h) g.filloval(x+100, y, w, h) size=(310, 140), title="oval & Ellipse") Ellipse2D.Double(double x, double y, double w, double h) は 2点 (x,y) および (x+w,y+h) で囲まれた矩形領域に 楕円 を生成します 同様のもの ひよ子のきもち 2007/02/07
4 (x,y)(x+w,y+h) CanvasPanelJPanel paint x, y, w, h = 10, 10, 40, 40 shape = Ellipse2D.Double(x, y, w, h) CanvasPanel.paint(panel,g)CanvasPanel paintpanelpaint panel.paint=paint CanvasPanelJPanelpaint def setframe(e): shape.setframe(x+100, y, w-10, h-20) panel.repaint() button = JPanel(layout=GridLayout(1, 0)) button.add(jbutton("setframe", actionperformed=setframe)) size=(160, 110), title="oval & Ellipse", layout=borderlayout()) frame.add(panel, BorderLayout.CENTER) frame.add(button, BorderLayout.SOUTH) void setframe(double x, double y, double w, double h) TypeError: can't assign to this attribute in java instance: paint TypeError
5 25 Polygon 1 ウィンドウに多角形を描く方法を紹介します size=(310, 140), title="polygon") Polygon(int[] xpoints, int[] ypoints, int npoints) は 多角形を生成 します xpoints は各頂点の x 座標を ypoints は各頂点の y 座標を列挙したもの です npoints は 頂点の数です 多角形の頂点は x 座標および y 座標を分けて指 定します そのため xy 座標が1つのオブジェクトとして表現されているときには これらを分ける必要があります また 頂点の数は自動的に判別されないので これを 明示する必要があります void drawpolygon(polygon p) は 多角形 p の 外枠 を描きます void fillpolygon(polygon p) は 多角形 p の 内部 を描きます from java.awt import Polygon vertices = (10, 40), (100, 40), (25, 100), (55, 10), (85, 100) xpoints = [x for x, y in vertices] ypoints = [y for x, y in vertices] npoints = len(vertices) shape1 = Polygon(xpoints, ypoints, npoints) shape2 = Polygon( [x+100 for x in xpoints], ypoints, npoints) shape3 = Polygon( [x+200 for x in xpoints], ypoints, npoints) g.drawpolygon(shape1) g.fillpolygon(shape2) g.fill(shape3) stroke = BasicStroke( 3, BasicStroke.CAP_ROUND, BasicStroke.JOIN_ROUND) g.fill(stroke.createstrokedshape(shape3)) 関数 paint には パネル panel 内に図形を描く方法を記述します まず drawpolygon を使って 多角形の外枠を黒 Color.black で描きます 次に fillpolygon を使って 多角形の内部を赤 Color.red で描きます さらに fill を使って 多角形の内部だけを黄 Color.yellow で描きます 最後に fill を使っ て 多角形の外枠 幅 3 画素 に相当する部分を青 Color.blue で描きます ひよ子のきもち 2007/02/09
< F2D82518E9F8AD CC95BD8D7388DA93AE2E6A7464>
2 次関数のグラフの平行移動 [Java アプレット ] [Java アプリケーション ] 1. はじめに 2 2 y=ax のグラフとy=a(x-b) +c のグラフは 位置は違うけれど 形も広がりも全く同じです 2 2 y=a(x-b) +c のグラフは y=ax のグラフをx 軸方向に ( 右方向に ) +b y 軸方向に ( 上方向に ) +c だけ平行移動したものです 2 シミュレーションソフト
2 p.2 2 Java Hello0.class JVM Hello0 java > java Hello0.class Hello World! javac Java JVM java JVM : Java > javac 2> Q Foo.java Java : Q B
2 p.1 2 Java Java JDK Sun Microsystems Oracle JDK javac Java java JVM appletviewer IDESun Microsystems NetBeans, IBM 1 Eclipse 2 IDE GUI JDK Java 2.1 Hello World! 2.1.1 Java 2.1.1 Hello World Emacs Hello0.java
Java 2 p.2 2 Java Hello0.class JVM Hello0 java > java Hello0.class Hello World! javac Java JVM java JVM : Java > javac 2> Q Foo.java Java : Q 2.
Java 2 p.1 2 Java Java JDK Sun Microsystems Oracle JDK javac Java java JVM appletviewer IDE Sun Microsystems NetBeans, IBM 1 Eclipse 2 IDE GUI JDK Java 2.1 Hello World! 2.1.1 Java 2.1.1 Hello World Emacs
2 p.2 2 Java Hello0.class JVM Hello0 java > java Hello0.class Hello World! javac Java JVM java JVM : Java > javac 2> Q Foo.java Java : Q B
2 p.1 2 Java Java JDK Sun Microsystems Oracle JDK javac Java java JVM appletviewer IDESun Microsystems NetBeans, IBM 1 Eclipse 2 IDE GUI JDK Java 2.1 Hello World! 2.1.1 Java 2.1.1 Hello World Emacs Hello0.java
10/31 Java AWTの基本構造(Frameクラスの継承) 演習課題資料
10/28 Java AWT の基本構造 (Frame クラスの継承 ) 演習課題資料以下のプログラムを完成せよ 共通課題 1.Frame を生成するプログラム // Frame クラスを継承して 終了ボタンのみを定義した クラスの定義 class WhiteWindow 1 { // Frame クラスの継承をする (Frame クラスの拡張 ) WhiteWindow (String title){
// ステージを設定します stage.setscene(scene); stage.settitle(" キャンバス "); // ステージを表示します stage.show(); public static void main(string[] args) launch(args); キャンバス
HCI プログラミング 11 回目グラフィックス 今日の講義で学ぶ内容 キャンバスと図形描画 マウスを用いたインタラクション ラジオボタンなど GUI 部品を用いたインタラクション キャンバスと図形描画 1 キャンバスに線を引いてみましょう 画用紙を表すキャンバスに図形を描くことができます ソースファイル名 :Sample11_1.java // HP よりインポート文をここへ貼り付けてください //
< F2D82518E9F8AD CC834F CC8CFC82AB82C68D4C>
2 次関数のグラフの向きと広がり [Java アプレット ] [Java アプリケーション ] 1. はじめに 2 2 y=ax のグラフについて x の係数 aが正のときと負のときでは グラフにどのような違いがあるでしょうか 2 2 y=ax のグラフについて x の係数 aが正のとき 係数 aの値が大きくなるにつれて グラフの広がりはどうなるでしょうか 2 2 y=ax のグラフについて x の係数
XAML Do-It-Yourself シリーズ 第 11 回 2D グラフゖックス -1-
XAML Do-It-Yourself シリーズ 第 11 回 2D グラフゖックス -1- XAML Do-It-Yourself 第 11 回 2D グラフゖックス XAML Do-It-Yourself 第 11 回は 2D グラフゖックスについて学習します XAML を使って作成する WPF ゕプリケーションでは 従来の Windows フォームゕプリケーションと 比較して 2D および 3D
2 p.2 2 Java > javac Hello0.java Hello0.class JVM Hello0 java > java Hello0.class Hello World! javac Java JVM java JVM : Java > javac 2> Q Foo.j
2 p.1 2 Java Java JDK Sun Microsystems Oracle JDK javac Java java JVM appletviewer IDESun Microsystems Oracle NetBeans, IBM 1 Eclipse 2, JetBrains IntelliJ IDEA IDE GUI JDK Java 2.1 Hello World! 2.1.1
2 p.2 2 Java Hello0.class JVM Hello0 java > java Hello0.class Hello World! javac Java JVM java JVM : Java > javac 2> Q Foo.java Java : Q B
2 p.1 2 Java Java JDK Sun Microsystems Oracle JDK javac Java java JVM IDESun Microsystems Oracle NetBeans, IBM 1 Eclipse 2, JetBrains IntelliJ IDEA IDE GUI JDK Java 2.1 Hello World! 2.1.1 Java 2.1.1 GUI
Processingをはじめよう
Processing をはじめよう 第 7 章 動きその 2 目次 フレームレート スピードと方向 移動 回転 拡大 縮小 2 点間の移動 乱数 タイマー 円運動 今回はここまで 2 2 点間の移動 Example 7-6 (EX_08_06) 始点 (startx, starty) から終点 (stopx, stopy) まで移動する 座標更新の計算方法は後述 始点と終点を変更しても動作する 変更して確認
Java言語 第1回
Java 言語 第 8 回ウインドウ部品を用いる (1) 知的情報システム工学科 久保川淳司 [email protected] 前回の課題 (1) マウスを使って, 前回課題で作成した 6 4 のマスの図形で, \ をマウスクリックによって代わるようにしなさい 前回の課題 (2) import java.applet.applet; import java.awt.*;
JAVA入門
JAVA 入 門 後 期 3 JAVAのGUI (JavaのGUI 基 本 構 造 いろいろなアプレット) 1.GUI 構 造 GUI 構 造 JAVAでGUIを 構 築 するクラスとして 下 記 のがあります 1アプレットパッケージ 2AWT 3Swing 特 に2 3はコンポーネント パッケージを 利 用 1アプレット 概 要 特 徴 GUI 構 造 1. 最 初 から GUI 環 境 が 用
Microsoft PowerPoint prog1_doc2.pptx
2011 年 12 月 6 日 ( 火 ) プログラミング Ⅰ Java Applet プログラミング 文教大学情報学部経営情報学科堀田敬介 アプレット Applet public class クラス名 extends Applet { public void paint(graphics g) { // アプレット描画 g.drawstring( Hello World, 10, 20); 10
< F2D A839382CC906A2E6A7464>
ビュホンの針 1. はじめに [Java アプレット ] [Java アプリケーション ] ビュホン ( Buffon 1707-1788) は 針を投げて円周率 πを求めることを考えました 平面上に 幅 2aの間隔で 平行線を無数に引いておきます この平面上に長さ2bの針を落とすと この針が平行線と交わる確立 pは p=(2b) (aπ) 1 となります ただし b
グラフィックトレーニング 概要.NET のグラフィック描画は どんなことができるのでしょうか? グラフィックオブジェクトやグラフィック環境 概念を理解するためには クラスを使って馴れることが近道です 本 書に記載されているコードをカットアンドペーストして 一つ一つの機能を体験してください 前提 グラ
C# & VB 1 グラフィックトレーニング 概要.NET のグラフィック描画は どんなことができるのでしょうか? グラフィックオブジェクトやグラフィック環境 概念を理解するためには クラスを使って馴れることが近道です 本 書に記載されているコードをカットアンドペーストして 一つ一つの機能を体験してください 前提 グラフィックを行うためには Visual Studio の基本操作や C# または VB
スライド 1
Graphics with Processing 2007-11 シェーディングとテクスチャマッピング http://vilab.org 塩澤秀和 1 11.1 シェーディング シェーディング シェーディングとは Shading= 陰影づけ 光の反射 材質のモデル ( 前回 ) ポリゴンの陰影計算モデル = シェーディングモデル シェーディングモデル フラットシェーディング ポリゴンを単一色で描画
< F2D F B834E2E6A7464>
ランダムウォーク [Java アプレット ] [Java アプレリケーョン ] 1. はじめに 酔っぱらいは前後左右見境なくふらつきます 酔っぱらいは目的地にたどり着こうと歩き回っているうちに何度も同じところに戻って来てしまったりするものです 今 酔っぱらいが数直線上の原点にいるとします 原点を出発して30 回ふらつくとき 30 回目に酔っぱらいがいる位置は 出発点である原点からどれくらい離れてしまっているのでしょうか
Java言語 第1回
Java 言語 第 10 回ウインドウ型アプリケーション (1) 知的情報システム工学科 久保川淳司 [email protected] 前回の課題 (1) ボーダーレイアウト, グリッドレイアウト, パネルを使用して, 電卓風のボタンを実現する BorderLayout で NORTH, CENTER, SOUTH に分割 NORTHにはテキストフィールドを設定 CENTERにはパネルを使って9つのボタンを設定
問 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
スライド 1
グラフィックスの世界第 3 回 サイバーメディアセンター サイバーコミュニティ研究部門安福健祐 Processing によるアニメーション setup と draw void setup() size(400, 400); void draw() ellipse( mousex,mousey,100,100); void とか setup とか draw とかはじめて見る が出てきてややこしい ellipseは円描く関数でした
< F2D82518CC282CC D2E6A7464>
2 個のさいころ 1. はじめに [Java アプレット ] [Java アプリケーション ] 2 個のさいころを同時に投げたときの目の出方を考えてみましょう この 2 個のさいころをそれぞれ さいころ Ⅰ さいころ Ⅱ とすると その目の出方は順に 1 1 2 1 3 1 4 1 5 1 6 1 1 2 2 2 3 2 4 2 5 2 6 2 1 3 2 3 3 3 4 3 5 3 6 3 1 4
Microsoft PowerPoint prog1_doc2x.pptx
アプレット public class extends Applet { public void paint(graphics g) { // アプレット描画 g.drawstring( Hello World, 10, 20 ); page 1 アプレット : 色 public class extends Applet { Color col; // カラークラス int red, grn, blu;
スライド 1
Graphics with Processing 2008-12 モデリング http://vilab.org 塩澤秀和 1 12.1 3D モデリング モデリング 3Dモデルを作り上げること オブジェクト座標系で基本図形やポリゴンを組み合わせる テクスチャ x テクスチャ z y 2 12.2 オブジェクトの関数例 複雑なオブジェクトは, 大きさ 1 を目安としてモデリングし, 関数にしておくと利用しやすい
19 3!! (+) (>) (++) (+=) for while 3.1!! (20, 20) (1)(Blocks1.java) import javax.swing.japplet; import java.awt.graphics;
19 3!!...... (+) (>) (++) (+=) for while 3.1!! 3.1.1 50 20 20 5 (20, 20) 3.1.1 (1)(Blocks1.java) public class Blocks1 extends JApplet { public void paint(graphics g){ 5 g.drawrect( 20, 20, 50, 20); g.drawrect(
IE6 2 BMI chapter1 Java 6 chapter2 Java 7 chapter3 for if 8 chapter4 : BMI 9 chapter5 Java GUI 10 chapter6 11 chapter7 BMI 12 chap
1-1 1-2 IE6 2 BMI 3-1 3-2 4 5 chapter1 Java 6 chapter2 Java 7 chapter3 for if 8 chapter4 : BMI 9 chapter5 Java GUI 10 chapter6 11 chapter7 BMI 12 chapter8 : 13-1 13-2 14 15 PersonTest.java KazuateGame.java
課題
float xball;// 円の中心の X 座標 float yball; // 円の中心の Y 座標 float rball; // 円の半径 color cball; // 円の色 // 円を移動させる void updateball(){ yball -= 1; if(yball+rball< 0){ yball = height+rball; // 円を描く void drawball(){
r3.dvi
00 3 2000.6.10 0 Java ( 7 1 7 1 GSSM 1? 1 1.1 4 4a 4b / / 0 255 HTML X 0 255 16 (0,32,255 #0020FF Java xclock -bg #0020FF xclock ^C (Control C xclock 4c 1 import java.applet.applet; import java.awt.*;
untitled
20 7 1 22 7 1 1 2 3 7 8 9 10 11 13 14 15 17 18 19 21 22 - 1 - - 2 - - 3 - - 4 - 50 200 50 200-5 - 50 200 50 200 50 200 - 6 - - 7 - () - 8 - (XY) - 9 - 112-10 - - 11 - - 12 - - 13 - - 14 - - 15 - - 16 -
untitled
19 1 19 19 3 8 1 19 1 61 2 479 1965 64 1237 148 1272 58 183 X 1 X 2 12 2 15 A B 5 18 B 29 X 1 12 10 31 A 1 58 Y B 14 1 25 3 31 1 5 5 15 Y B 1 232 Y B 1 4235 14 11 8 5350 2409 X 1 15 10 10 B Y Y 2 X 1 X
JavaプログラミングⅠ
Java プログラミング Ⅰ 12 回目クラス 今日の講義で学ぶ内容 クラスとは クラスの宣言と利用 クラスの応用 クラス クラスとは 異なる複数の型の変数を内部にもつ型です 直観的に表現すると int 型や double 型は 1 1 つの値を管理できます int 型の変数 配列型は 2 5 8 6 3 7 同じ型の複数の変数を管理できます 配列型の変数 ( 配列変数 ) クラスは double
CG
Grahics with Processig 2016-05 複雑な図形の描画 htt://vilab.org 塩澤秀和 1 2006-2016 H. SHIOZAWA htt://vilab.org 5.1 頂点列による図形描画 複雑な図形描画 begishae( 図形 ) 頂点列モードの開始 図形が空欄なら頂点を線で結ぶ ( 折れ線か多角形になる ) その他, 下記図形を指定できる POINTS,
Taro-テキスト.jtd
付録 7 実習テキスト Processingスケッチプログラミング Processingスケッチプログラミング Processingスケッチプログラミング 1. 的 作成 : 米田文彦 Processing プロセッシング を使い プログラムによるビジュアル表現を学ぶ また Arduino と連携させ デジタルとフィジカルの融合がどのように行われているのかを知る 2. 使 機器 パソコン Processing
XAML Do-It-Yourself シリーズ 第 12 回 3D グラフィックス -1-
XAML Do-It-Yourself シリーズ 第 12 回 3D グラフィックス -1- XAML Do-It-Yourself 第 12 回 3D グラフィックス XAML Do-It-Yourself 第 12 回は 3D グラフィックスについて学習します これまでアプリケーション で 3D グラフィックスを扱うには DirectX のコンポーネントを使用する必要がありましたが WPF (XAML)
KeyListener init addkeylistener addactionlistener addkeylistener addkeylistener( this ); this.addkeylistener( this ); KeyListener public void keytyped
KeyListener keypressed(keyevent e) keyreleased(keyevent e) keytyped(keyevent e) MouseListener mouseclicked(mouseevent e) mousepressed(mouseevent e) mousereleased(mouseevent e) mouseentered(mouseevent e)
I. (i) Foo public (A). javac Foo.java java Foo.class (C). javac Foo java Foo (ii)? (B). javac Foo.java java Foo (D). javac Foo java Foo.class (A). Jav
2018 06 08 11:00 12:00 I. I III II. III. IV. ( a d) V. VI. 80 40 40 100 60 : A ActionListener aa addactionlistener AE ActionEvent K KeyListener ak addkeylistener KE KeyEvent M MouseListener am addmouselistener
次の演習課題(1),(2)のプログラムを完成させよ
次の演習課題 (1),(2) のプログラムを作成せよ. 課題 (1) ボタン押下時の処理を追加し以下の実行結果となるようにプログラムを作成しなさい ( ボタン押下時の処理 ) import java.lang.*; class Figure extends JFrame implements ActionListener{ JPanel panel; JScrollPane scroll; JTextArea
Chapter JDK KeyListener keypressed(keyevent e ) keyreleased(keyevent e ) keytyped(keyevent e ) MouseListener mouseclicked(mouseeven
Chapter 11. 11.1. JDK1.1 11.2. KeyListener keypressed(keyevent e ) keyreleased(keyevent e ) keytyped(keyevent e ) MouseListener mouseclicked(mouseevent e ) mousepressed(mouseevent e ) mousereleased(mouseevent
< F2D825282CC947B909482CC A815B83682E6A>
3 の倍数のトランプカード 1. はじめに [Java アプレット ] [Java アプリケーション ] ここにトランプが 1 組あります ジョーカー 2 枚を除いて 52 枚を使います 3 の倍数は スペード クローバ ダイヤ ハートに それぞれ 3 と 6 と 9 と 12 の 4 枚ずつあるので 4 4=16 枚あります この 52 枚のトランプから 1 枚引いたとき そのカードが 3 の倍数である確率を考えます
Microsoft PowerPoint - [150421] CMP実習Ⅰ(2015) 橋本 CG編 第1回 幾何変換.pptx
コンテンツ メディア プログラミング実習 Ⅰ コンピュータグラフィックス編 1 幾何変換 橋本直 今日大事なのは プログラムをじっくり読んで なぜそうなるか? を考えよう 命令によって起きていることを頭の中でイメージしよう 2 本題の前に確認 Processingでは画面の 左上隅 が原点 (0,0) x 軸の正の向きは 右 y 軸の正の向きは 下 x y : (0,0) 3 幾何変換の基本 4 幾何変換とは
Microsoft PowerPoint P演習 第5回 当たり判定(2)【課題】.pptx
3 組 基本課題 1 スケッチ名 :eye2 カーソルの位置によってキャラクタの目の向きが変わるプログラムを作ってください ただし カーソルがキャラクタの顔に対して 上にある時 下にある時 左にある時 右にある時 の4パターンで表現すること カーソルが顔に対して斜め方向にある時は 目は中央にしてください 3 組 基本課題 2 スケッチ名 :cross 十字型の図形に対してマウスの当り判定をするプログラムを作ってください
課題
2018 6 22 2. float[] y = new float[5]; void setup() { size(400, 200); for (int i=0;i< (a) ;i++) { y[i] = random(0.3*width, width); void draw() { y[ (b) ] = mousex; int minpos = findminpos( (c) ); for (int
限必要な HTML ファイルも作成さ れます Processing を用いて作られるプログラムは スケッチ (sketch) と呼ばれています 保存をすると ドキュメントフォルダの中の Processing というフォルダ内に新しくフォルダを作り その中にスケッチを構成するプログラムやデータを保存し
情報メディア基盤ユニット用資料 (2012 年 4 月 13 日分 ) Processing 言語による情報メディア入門 プログラムを使って絵を描く (2012 年 5 月 18 日修正版 ) 神奈川工科大学情報メディア学科佐藤尚 Processing とは? Processing とは アメリカのマサチューセッツ工科大学の Ben Fry さんと Casey Reas さんによって作られた視覚デザインのためのプログラミング言語と開発環境のことです
PowerPoint プレゼンテーション
1 02 グラフゖックで簡単な図形を描く図形描画プログラム 1 今回作成するゕプリケーションの概要 ボタンをクリックすると図形を描くプログラム 行われる動作 [1] ボタンをクリック [2] そのボタンに対する図形を描く これを使用者とコンピュータの関係で描くと [ 使用者 コンピュータ ] ボタンをクリック [ 使用者 コンピュータ ] 図形を描画して見せる 使用者がコンピュータにすること ボタンをクリック
課題
size(300,120); void drawrect(float x,float y,float w,float h,color c){ rectmode(corner); stroke( (a) ); fill( (b) ); rect( (c), (d), (e), (f) ); float x = map(hour(), (g), (h), (i), (j) ); drawrect(0,0,x,height/3,color(
2008 e-learning T050050
e-learning T050050 e-learning B NintendoDS e-learning html 1 e-learning Java Applet html 2 2008 e-learning T050050 1 1 1.1.................................. 1 1.2............................ 1 2 2 2.1..............................
CocoaDrawingGuide
基本的な描画エレメント 複雑に見えるグラフィックスももともとは単純な要素から始まっています Cocoaでは全ての描画の基礎に なる基本的なエレメントが提供されており これを組み合わせたり変形したりすることによってどんな複雑 な描画を実現できるようになっています ここではそれら基本的なエレメントについて解説します ジオメトリ サポート Cocoaでは 点や四角形など 基本的な幾何学図形を扱うために独自のデータ型
