SlideShare a Scribd company logo
1 of 14
Download to read offline
コンピュテーショナル
デザイン
第九回
2017.11.24
20171124 1Computational Design
20171124 2Computational Design
今週の流れ
ベクター(ベクトル)
• ベクターの概念
• ベクターの合成と分解
• 二点間のベクター
シリーズ(数列)
• 等差数列
• シリーズを使った複製
グラスホッパーを使ったフェンス
20171124 3Computational Design
グラスホッパーの基本要素
1. Point 点
2. Curve 線
3. Surface 面
4. BRep(Polysurface) 複数の面で構成される形
5. Vector ベクトル
6. Plane 平面
20171124 4Computational Design
ベクター(ベクトル)
20171124 5Computational Design
ベクターの概念
物理の中で出てきたベクトル。力を現す方法として使われますが、グラス
ホッパーでは移動の時などに必ず使います。
ベクターは「向き」と「距離」の両方をもった『矢印』です。
「向き」と「距離」の両方が分かれば、何かを移動する事はすぐに出来ま
す。このことから、グラスホッパーではベクターを基本要素の一つとして
います。
20171124 6Computational Design
ベクターの概念
「向き」と「距離」
20171124 7Computational Design
ベクターの合成・分解
ベクターは幾つかのベクターを合わせる「合成」や、X方向とY方向に分け
て考える「分解」ができ便利です。
例えば、広島から東京への移動は「東に向けて○○km、北に向けて○○km
移動」と言い換えることが出来ます。これがベクターの分解です。
逆に「東に向けて○○km、北に向けて○○km移動」すると東京に行ける、
となるとベクターの合成です。
グラスホッパーではこの合成と分解を使ってベクターを作ります。
20171124 8Computational Design
ベクターの合成・分解
「向き」と「距離」
東へ○○km
北へ○○km
20171124 9Computational Design
二点間のベクター
グラスホッパーでは二つの点の間にあるベクターを使う事も出来ます。
この場合どちらが矢印の頭になり、どちらが矢印のお尻になるか気をつけ
る必要があります。これを間違えると、矢印が反対に向く、反転したベク
ターになります。
20171124 10Computational Design
シリーズ(数列)
20171124 11Computational Design
等差数列
[1,2,3,4,5]や[10,15,20,25,30]といったように、同じ量ずつ大きくなる数列
を「等差数列」といいます。グラスホッパーではシリーズというコンポー
ネントで等差数列をつくることが出来ます。
等差数列を使えば、一定ずつ大きくなるベクターを作ることが出来、複数
の複製を一度につくることが出来ます。
20171124 12Computational Design
シリーズを使った複製
実際にシリーズで数列を作り、一度に幾つかの複製を作りましょう。
[100,150,200,250,300]
という数列があれば、これをx値として使い5つのベクター、
[ [100,0],[150,0],[200,0],[250,0],[300,0] ]
を作ることができます。これを使えば5つの複製を作ることが出来ます。
20171124 13Computational Design
シリーズを使った複製
スタート:数列の一つ目の値
ステップ:数列の増減値
カウント:数列の数
スタートを一つ目の数と
し、ステップずつ増加ま
たは減少するカウント個
の数列を生成。
コンピューターの中では
一番目は「0」番目となる。
20171124 14Computational Design
グラスホッパーを使った
フェンス

More Related Content

What's hot

Slide computational design2017_03_171006
Slide computational design2017_03_171006Slide computational design2017_03_171006
Slide computational design2017_03_171006hiroshimadesignlab
 
Slide computational design2017_02_170929
Slide computational design2017_02_170929Slide computational design2017_02_170929
Slide computational design2017_02_170929hiroshimadesignlab
 
Slide computational design2016_02_160928
Slide computational design2016_02_160928Slide computational design2016_02_160928
Slide computational design2016_02_160928hiroshimadesignlab
 
Slide prototyping workshop_02_170411
Slide prototyping workshop_02_170411Slide prototyping workshop_02_170411
Slide prototyping workshop_02_170411hiroshimadesignlab
 
Slide computational design2018_08_181109
Slide computational design2018_08_181109Slide computational design2018_08_181109
Slide computational design2018_08_181109hiroshimadesignlab
 
Gravit Designerを使って3分でアイコンを作る
Gravit Designerを使って3分でアイコンを作るGravit Designerを使って3分でアイコンを作る
Gravit Designerを使って3分でアイコンを作るkoji matsumoto
 
Slide computational design2017_01_170922
Slide computational design2017_01_170922Slide computational design2017_01_170922
Slide computational design2017_01_170922hiroshimadesignlab
 
Slide computational design2016_04_161012
Slide computational design2016_04_161012Slide computational design2016_04_161012
Slide computational design2016_04_161012hiroshimadesignlab
 
Slide computational design2016_03_161004
Slide computational design2016_03_161004Slide computational design2016_03_161004
Slide computational design2016_03_161004hiroshimadesignlab
 
Slide computational design2016_06_161026
Slide computational design2016_06_161026Slide computational design2016_06_161026
Slide computational design2016_06_161026hiroshimadesignlab
 
Slide digital fabrication_02_170421
Slide digital fabrication_02_170421Slide digital fabrication_02_170421
Slide digital fabrication_02_170421hiroshimadesignlab
 
Slide computational design2017_05_171020
Slide computational design2017_05_171020Slide computational design2017_05_171020
Slide computational design2017_05_171020hiroshimadesignlab
 
Slide digital fabrication_07_170526
Slide digital fabrication_07_170526Slide digital fabrication_07_170526
Slide digital fabrication_07_170526hiroshimadesignlab
 
Slide digital fabrication_08_170602
Slide digital fabrication_08_170602Slide digital fabrication_08_170602
Slide digital fabrication_08_170602hiroshimadesignlab
 
一瞬で3 Dアイコンを作成する技術公開!パワーポイントだけでもここまでできる!?
一瞬で3 Dアイコンを作成する技術公開!パワーポイントだけでもここまでできる!?一瞬で3 Dアイコンを作成する技術公開!パワーポイントだけでもここまでできる!?
一瞬で3 Dアイコンを作成する技術公開!パワーポイントだけでもここまでできる!?Professional Presenter
 
Slide computational design2019_02_191004
Slide computational design2019_02_191004Slide computational design2019_02_191004
Slide computational design2019_02_191004hiroshimadesignlab
 

What's hot (20)

Slide computational design2017_03_171006
Slide computational design2017_03_171006Slide computational design2017_03_171006
Slide computational design2017_03_171006
 
Slide computational design2017_02_170929
Slide computational design2017_02_170929Slide computational design2017_02_170929
Slide computational design2017_02_170929
 
Slide computational design2016_02_160928
Slide computational design2016_02_160928Slide computational design2016_02_160928
Slide computational design2016_02_160928
 
Slide prototyping workshop_02_170411
Slide prototyping workshop_02_170411Slide prototyping workshop_02_170411
Slide prototyping workshop_02_170411
 
Slide computational design2018_08_181109
Slide computational design2018_08_181109Slide computational design2018_08_181109
Slide computational design2018_08_181109
 
Gravit Designerを使って3分でアイコンを作る
Gravit Designerを使って3分でアイコンを作るGravit Designerを使って3分でアイコンを作る
Gravit Designerを使って3分でアイコンを作る
 
slide_takenakaCDT_01_170216
slide_takenakaCDT_01_170216slide_takenakaCDT_01_170216
slide_takenakaCDT_01_170216
 
Slide computational design2017_01_170922
Slide computational design2017_01_170922Slide computational design2017_01_170922
Slide computational design2017_01_170922
 
slide_takenakaCDT_02_170217
slide_takenakaCDT_02_170217slide_takenakaCDT_02_170217
slide_takenakaCDT_02_170217
 
Slide computational design2016_04_161012
Slide computational design2016_04_161012Slide computational design2016_04_161012
Slide computational design2016_04_161012
 
slide_takenakaCDT_03_170302
slide_takenakaCDT_03_170302slide_takenakaCDT_03_170302
slide_takenakaCDT_03_170302
 
Slide computational design2016_03_161004
Slide computational design2016_03_161004Slide computational design2016_03_161004
Slide computational design2016_03_161004
 
Slide computational design2016_06_161026
Slide computational design2016_06_161026Slide computational design2016_06_161026
Slide computational design2016_06_161026
 
Slide digital fabrication_02_170421
Slide digital fabrication_02_170421Slide digital fabrication_02_170421
Slide digital fabrication_02_170421
 
Slide computational design2017_05_171020
Slide computational design2017_05_171020Slide computational design2017_05_171020
Slide computational design2017_05_171020
 
Slide digital fabrication_07_170526
Slide digital fabrication_07_170526Slide digital fabrication_07_170526
Slide digital fabrication_07_170526
 
Slide digital fabrication_08_170602
Slide digital fabrication_08_170602Slide digital fabrication_08_170602
Slide digital fabrication_08_170602
 
一瞬で3 Dアイコンを作成する技術公開!パワーポイントだけでもここまでできる!?
一瞬で3 Dアイコンを作成する技術公開!パワーポイントだけでもここまでできる!?一瞬で3 Dアイコンを作成する技術公開!パワーポイントだけでもここまでできる!?
一瞬で3 Dアイコンを作成する技術公開!パワーポイントだけでもここまでできる!?
 
SFC Design theory 2012 6/13
SFC Design theory 2012 6/13SFC Design theory 2012 6/13
SFC Design theory 2012 6/13
 
Slide computational design2019_02_191004
Slide computational design2019_02_191004Slide computational design2019_02_191004
Slide computational design2019_02_191004
 

More from hiroshimadesignlab

Slide computational design2019_14_190110
Slide computational design2019_14_190110Slide computational design2019_14_190110
Slide computational design2019_14_190110hiroshimadesignlab
 
Slide computational design2019_13_191220
Slide computational design2019_13_191220Slide computational design2019_13_191220
Slide computational design2019_13_191220hiroshimadesignlab
 
Slide computational design2019_11_191206
Slide computational design2019_11_191206Slide computational design2019_11_191206
Slide computational design2019_11_191206hiroshimadesignlab
 
Slide computational design2019_10_191129
Slide computational design2019_10_191129Slide computational design2019_10_191129
Slide computational design2019_10_191129hiroshimadesignlab
 
Slide computational design2019_09_181122
Slide computational design2019_09_181122Slide computational design2019_09_181122
Slide computational design2019_09_181122hiroshimadesignlab
 
Slide computational design2019_07_181108
Slide computational design2019_07_181108Slide computational design2019_07_181108
Slide computational design2019_07_181108hiroshimadesignlab
 
Slide computational design2019_06_191101
Slide computational design2019_06_191101Slide computational design2019_06_191101
Slide computational design2019_06_191101hiroshimadesignlab
 
Slide computational design2019_01_180921
Slide computational design2019_01_180921Slide computational design2019_01_180921
Slide computational design2019_01_180921hiroshimadesignlab
 
Slide digital fabrication2019_13_180705
Slide digital fabrication2019_13_180705Slide digital fabrication2019_13_180705
Slide digital fabrication2019_13_180705hiroshimadesignlab
 
Slide digital fabrication2019_12_190628
Slide digital fabrication2019_12_190628Slide digital fabrication2019_12_190628
Slide digital fabrication2019_12_190628hiroshimadesignlab
 
Slide digital fabrication2019_11_190621
Slide digital fabrication2019_11_190621Slide digital fabrication2019_11_190621
Slide digital fabrication2019_11_190621hiroshimadesignlab
 
Slide digital fabrication2019_10_190614
Slide digital fabrication2019_10_190614Slide digital fabrication2019_10_190614
Slide digital fabrication2019_10_190614hiroshimadesignlab
 

More from hiroshimadesignlab (20)

Slide computational design2019_14_190110
Slide computational design2019_14_190110Slide computational design2019_14_190110
Slide computational design2019_14_190110
 
Slide computational design2019_13_191220
Slide computational design2019_13_191220Slide computational design2019_13_191220
Slide computational design2019_13_191220
 
Slide computational design2019_11_191206
Slide computational design2019_11_191206Slide computational design2019_11_191206
Slide computational design2019_11_191206
 
Slide computational design2019_10_191129
Slide computational design2019_10_191129Slide computational design2019_10_191129
Slide computational design2019_10_191129
 
Slide computational design2019_09_181122
Slide computational design2019_09_181122Slide computational design2019_09_181122
Slide computational design2019_09_181122
 
Slide computational design2019_07_181108
Slide computational design2019_07_181108Slide computational design2019_07_181108
Slide computational design2019_07_181108
 
Slide computational design2019_06_191101
Slide computational design2019_06_191101Slide computational design2019_06_191101
Slide computational design2019_06_191101
 
Slide rhino+gh 11
Slide rhino+gh 11Slide rhino+gh 11
Slide rhino+gh 11
 
Slide rhino+gh 08
Slide rhino+gh 08Slide rhino+gh 08
Slide rhino+gh 08
 
Slide rhino+gh 07
Slide rhino+gh 07Slide rhino+gh 07
Slide rhino+gh 07
 
Slide rhino+gh 05
Slide rhino+gh 05Slide rhino+gh 05
Slide rhino+gh 05
 
Slide rhino+gh 04
Slide rhino+gh 04Slide rhino+gh 04
Slide rhino+gh 04
 
Slide rhino+gh 03
Slide rhino+gh 03Slide rhino+gh 03
Slide rhino+gh 03
 
Slide rhino+gh 02
Slide rhino+gh 02Slide rhino+gh 02
Slide rhino+gh 02
 
Slide rhino+gh 01
Slide rhino+gh 01Slide rhino+gh 01
Slide rhino+gh 01
 
Slide computational design2019_01_180921
Slide computational design2019_01_180921Slide computational design2019_01_180921
Slide computational design2019_01_180921
 
Slide digital fabrication2019_13_180705
Slide digital fabrication2019_13_180705Slide digital fabrication2019_13_180705
Slide digital fabrication2019_13_180705
 
Slide digital fabrication2019_12_190628
Slide digital fabrication2019_12_190628Slide digital fabrication2019_12_190628
Slide digital fabrication2019_12_190628
 
Slide digital fabrication2019_11_190621
Slide digital fabrication2019_11_190621Slide digital fabrication2019_11_190621
Slide digital fabrication2019_11_190621
 
Slide digital fabrication2019_10_190614
Slide digital fabrication2019_10_190614Slide digital fabrication2019_10_190614
Slide digital fabrication2019_10_190614
 

Slide computational design2017_09_171124