SlideShare a Scribd company logo
1 of 16
Download to read offline
コンピュテーショナル
デザイン
第十一回
2016.12.07
20161207 1Computational Design
20161207 2Computational Design
先週のおさらい
グラスホッパーを使った超高層タワー
• ポリサーフェースからスラブを作る
• ポリサーフェース(Brep)の部分からグラスホッパーで作る
• 柱などより細かい部分を作りこむ
20161207 3Computational Design
今週の流れ
ベクター(ベクトル)
• ベクターの概念
• ベクターの合成と分解
• 二点間のベクター
プレイン(平面)
• 点とプレインの違い
• プレインを使った配置
シリーズ(数列)
• 等差数列
• シリーズを使った複製
20161207 4Computational Design
グラスホッパーの基本要素
1. Point 点
2. Curve 線
3. Surface 面
4. BRep(Polysurface) 複数の面で構成される形
5. Vector ベクトル
6. Plane 平面
20161207 5Computational Design
ベクター(ベクトル)
20161207 6Computational Design
ベクターの概念
物理の中で出てきたベクトル。力を現す方法として使われますが、グラスホッパー
では移動の時などに必ず使います。
ベクターは「向き」と「距離」の両方をもった『矢印』です。
「向き」と「距離」の両方が分かれば、何かを移動する事はすぐに出来ます。このこ
とから、グラスホッパーではベクターを基本要素の一つとしています。
20161207 7Computational Design
ベクターの概念
「向き」と「距離」
20161207 8Computational Design
ベクターの合成・分解
ベクターは幾つかのベクターを合わせる「合成」や、X方向とY方向に分けて考える
「分解」ができ便利です。
例えば、広島から東京への移動は「東に向けて○○km、北に向けて○○km移動」
と言い換えることが出来ます。これがベクターの分解です。
逆に「東に向けて○○km、北に向けて○○km移動」すると東京に行ける、となると
ベクターの合成です。
グラスホッパーではこの合成と分解を使ってベクターを作ります。
20161207 9Computational Design
ベクターの合成・分解
「向き」と「距離」
東へ○○km
北へ○○km
20161207 10Computational Design
二点間のベクター
グラスホッパーでは二つの点の間にあるベクターを使う事も出来ます。
この場合どちらが矢印の頭になり、どちらが矢印のお尻になるか気をつける必要が
あります。これを間違えると、矢印が反対に向く、反転したベクターになります。
20161207 11Computational Design
プレイン(平面)
20161207 12Computational Design
点とプレインの違い
これまで線を分割して点を作り、そこに柱を置く演習などしてきました。点はXYZ座
標の情報をもっていますが、それだけでは不十分な場合があります。
例えば、線を分割して出した点の位置に円を描く場合、円の位置は決まりますが、
円がどういった向きで描かれるかはこの時点では分かりません。
点とプレインは同じように扱われる場合が多いですが、 XYZ座標のみの「点」に対
し、「プレイン」はXYZ座標に加え、『作業平面』の情報が含まれます。
『作業平面』はX軸の方向とY軸の方向で定義されます。
20161207 13Computational Design
点とプレインの違い
「点」
XYZ座標(位置情報)
円を描くには作業面の情報が必要
「プレイン」
XYZ座標(位置情報)
X軸の方向
Y軸の方向
すぐに円描ける
「?」
どういった描き方も
出来る状態
20161207 14Computational Design
プレインを使った配置
プレインを使えば、ある作業面上にある物を別の作業面上へ移動させるという単純
な方法で、正確に物を移動させることが可能です。
またそれぞれの部材が基準となる作業面を持ち、それを
20161207 15Computational Design
シリーズ(数列)
20161207 16Computational Design
等差数列
[1,2,3,4,5]や[10,15,20,25,30]といったように、同じ量ずつ大きくなる数列を「等差
数列」といいます。グラスホッパーではシリーズというコンポーネントで等差数列を
つくることが出来ます。
等差数列を使えば、一定ずつ大きくなるベクターを作ることが出来、複数の複製を
一度につくることが出来ます。

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 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
 
Slide computational design2016_02_160928
Slide computational design2016_02_160928Slide computational design2016_02_160928
Slide computational design2016_02_160928hiroshimadesignlab
 
Gravit Designerを使って3分でアイコンを作る
Gravit Designerを使って3分でアイコンを作るGravit Designerを使って3分でアイコンを作る
Gravit Designerを使って3分でアイコンを作るkoji matsumoto
 
Slide computational design2016_04_161012
Slide computational design2016_04_161012Slide computational design2016_04_161012
Slide computational design2016_04_161012hiroshimadesignlab
 
Slide computational design2017_01_170922
Slide computational design2017_01_170922Slide computational design2017_01_170922
Slide computational design2017_01_170922hiroshimadesignlab
 
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 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
 
第1回さいたまデザインDTP勉強会【セッション1】グリッドを利用した
レイアウトデザイン
手法と実践 樋口泰行
第1回さいたまデザインDTP勉強会【セッション1】グリッドを利用した
レイアウトデザイン
手法と実践 樋口泰行第1回さいたまデザインDTP勉強会【セッション1】グリッドを利用した
レイアウトデザイン
手法と実践 樋口泰行
第1回さいたまデザインDTP勉強会【セッション1】グリッドを利用した
レイアウトデザイン
手法と実践 樋口泰行Yasuyuki Higuchi
 

What's hot (17)

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 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
 
Slide computational design2016_02_160928
Slide computational design2016_02_160928Slide computational design2016_02_160928
Slide computational design2016_02_160928
 
Gravit Designerを使って3分でアイコンを作る
Gravit Designerを使って3分でアイコンを作るGravit Designerを使って3分でアイコンを作る
Gravit Designerを使って3分でアイコンを作る
 
Slide computational design2016_04_161012
Slide computational design2016_04_161012Slide computational design2016_04_161012
Slide computational design2016_04_161012
 
slide_takenakaCDT_01_170216
slide_takenakaCDT_01_170216slide_takenakaCDT_01_170216
slide_takenakaCDT_01_170216
 
slide_takenakaCDT_02_170217
slide_takenakaCDT_02_170217slide_takenakaCDT_02_170217
slide_takenakaCDT_02_170217
 
slide_takenakaCDT_03_170302
slide_takenakaCDT_03_170302slide_takenakaCDT_03_170302
slide_takenakaCDT_03_170302
 
Slide computational design2017_01_170922
Slide computational design2017_01_170922Slide computational design2017_01_170922
Slide computational design2017_01_170922
 
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 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
 
第1回さいたまデザインDTP勉強会【セッション1】グリッドを利用した
レイアウトデザイン
手法と実践 樋口泰行
第1回さいたまデザインDTP勉強会【セッション1】グリッドを利用した
レイアウトデザイン
手法と実践 樋口泰行第1回さいたまデザインDTP勉強会【セッション1】グリッドを利用した
レイアウトデザイン
手法と実践 樋口泰行
第1回さいたまデザインDTP勉強会【セッション1】グリッドを利用した
レイアウトデザイン
手法と実践 樋口泰行
 

Viewers also liked

Slide computational design2016_07_161102
Slide computational design2016_07_161102Slide computational design2016_07_161102
Slide computational design2016_07_161102hiroshimadesignlab
 
Slide computational design2016_10_161130
Slide computational design2016_10_161130Slide computational design2016_10_161130
Slide computational design2016_10_161130hiroshimadesignlab
 
Slide computational design2016_09_161116
Slide computational design2016_09_161116Slide computational design2016_09_161116
Slide computational design2016_09_161116hiroshimadesignlab
 
Slide computational design2016_14_170111
Slide computational design2016_14_170111Slide computational design2016_14_170111
Slide computational design2016_14_170111hiroshimadesignlab
 
Slide computational design2016_05_161019
Slide computational design2016_05_161019Slide computational design2016_05_161019
Slide computational design2016_05_161019hiroshimadesignlab
 
ComputationalDesign2016_01_160921
ComputationalDesign2016_01_160921ComputationalDesign2016_01_160921
ComputationalDesign2016_01_160921hiroshimadesignlab
 
Rhino + Grasshopper Workshop 01
Rhino + Grasshopper Workshop 01Rhino + Grasshopper Workshop 01
Rhino + Grasshopper Workshop 01hiroshimadesignlab
 

Viewers also liked (8)

Slide computational design2016_07_161102
Slide computational design2016_07_161102Slide computational design2016_07_161102
Slide computational design2016_07_161102
 
Slide computational design2016_10_161130
Slide computational design2016_10_161130Slide computational design2016_10_161130
Slide computational design2016_10_161130
 
Slide computational design2016_09_161116
Slide computational design2016_09_161116Slide computational design2016_09_161116
Slide computational design2016_09_161116
 
Slide computational design2016_14_170111
Slide computational design2016_14_170111Slide computational design2016_14_170111
Slide computational design2016_14_170111
 
Slide computational design2016_05_161019
Slide computational design2016_05_161019Slide computational design2016_05_161019
Slide computational design2016_05_161019
 
ComputationalDesign2016_01_160921
ComputationalDesign2016_01_160921ComputationalDesign2016_01_160921
ComputationalDesign2016_01_160921
 
Slide 160527 rhinoworkshop
Slide 160527 rhinoworkshopSlide 160527 rhinoworkshop
Slide 160527 rhinoworkshop
 
Rhino + Grasshopper Workshop 01
Rhino + Grasshopper Workshop 01Rhino + Grasshopper Workshop 01
Rhino + Grasshopper Workshop 01
 

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_02_191004
Slide computational design2019_02_191004Slide computational design2019_02_191004
Slide computational design2019_02_191004hiroshimadesignlab
 
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
 

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_02_191004
Slide computational design2019_02_191004Slide computational design2019_02_191004
Slide computational design2019_02_191004
 
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 computational design2016_11_161207