P5utda day1
Upcoming SlideShare
Loading in...5
×
 

P5utda day1

on

  • 305 views

p5utda_day1(2014_03_17)

p5utda_day1(2014_03_17)

Statistics

Views

Total Views
305
Views on SlideShare
281
Embed Views
24

Actions

Likes
0
Downloads
4
Comments
0

1 Embed 24

https://twitter.com 24

Accessibility

Categories

Upload Details

Uploaded via as Adobe PDF

Usage Rights

© All Rights Reserved

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Processing…
Post Comment
Edit your comment

P5utda day1 P5utda day1 Presentation Transcript

  • Processing Workshop 3/17-19 @ 東大 Processing WS, by R.ISHIHARA / Kuma Lab.
  • Day 1 - Welcome to Processing! 本日の内容 1. 何ができるんですか? 2. Processingをインストール 3. ウィンドウのサイズ 4. 簡単な図形 5. 色 Processing WS, by R.ISHIHARA / Kuma Lab.
  • 1. 何ができるんですか? プログラミングが出来るとこんなことが... Official Video Processing WS, by R.ISHIHARA / Kuma Lab.
  • 1. 何ができるんですか? 色々できる。 さて、建築には? iGeo by Satoru Sugihara Computational Kaizen Studio at GSAPP 修論にも使える Processing WS, by R.ISHIHARA / Kuma Lab.
  • 2. Processingをインストール Download and install ググれ↓ "processing" windowsの人 ≫ 解凍したものをまるっと¥C¥Program Filesにぶちこむ macの人 ≫ おなじくアプリケーションフォルダに投入 暇な人はExhibitionをチェック! Processing WS, by R.ISHIHARA / Kuma Lab.
  • 3. ウィンドウのサイズ とりあえず起動して再生ボタンクリック Processing WS, by R.ISHIHARA / Kuma Lab.
  • 3. ウィンドウのサイズ 初コード セミコロンが超大事!Processingのお約束。 試みに ";" を無くしてみましょう メッセージが出るはず 1 size(400,700); 1 size(400,700) Processing WS, by R.ISHIHARA / Kuma Lab.
  • 4. 簡単な図形 図形を描いてみましょう ()の中の数を変化させてどう矩形が変化するか見てみましょう。 公式サイトのReferenceを見ると数と形の関係がわかります いろいろやってみる arc() ellipse() line() point() quad() rect() triangle() 1 size(400,400); 2 rect(0,0,100,100); 3 //commentout Processing WS, by R.ISHIHARA / Kuma Lab.
  • 5. 色 表示の色を変えたい 01 size(400,400);//大きさ400x400pixelのウィンドウ作成 02 //colorMode(HSB); 03 //colorMode(RGB,200,200,100); 04 background(20); 05 //グレースケールで0=黒,100=白.255(2^8-1)でカウンターストップ 06 07 fill(100,0,0); 08 noStroke(); 09 rect(0,0,50,50); 10 11 stroke(0,100,100); 12 noFill(); 13 rect(200,0,50,50); 14 15 //background(0); 16 17 stroke(0,0,100); 18 fill(0,50,100); 19 rect(0,200,50,50); 20 21 fill(100,100,100); 22 rect(200,200,50,50); Processing WS, by R.ISHIHARA / Kuma Lab.
  • 今日のお題 今日覚えたことを使ってモンドリアン風の画像を作る ヒント:ライバルに差をつけよう width, height strokeWeight() save() Processing WS, by R.ISHIHARA / Kuma Lab.