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

More Related Content

What's hot

Gravit Designerを使って3分でアイコンを作る
Gravit Designerを使って3分でアイコンを作るGravit Designerを使って3分でアイコンを作る
Gravit Designerを使って3分でアイコンを作るkoji matsumoto
 
Slide computational design2017_03_171006
Slide computational design2017_03_171006Slide computational design2017_03_171006
Slide computational design2017_03_171006hiroshimadesignlab
 
Slide computational design2017_01_170922
Slide computational design2017_01_170922Slide computational design2017_01_170922
Slide computational design2017_01_170922hiroshimadesignlab
 
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 design2017_02_170929
Slide computational design2017_02_170929Slide computational design2017_02_170929
Slide computational design2017_02_170929hiroshimadesignlab
 
Slide computational design2018_08_181109
Slide computational design2018_08_181109Slide computational design2018_08_181109
Slide computational design2018_08_181109hiroshimadesignlab
 
Slide digital fabrication_02_170421
Slide digital fabrication_02_170421Slide digital fabrication_02_170421
Slide digital fabrication_02_170421hiroshimadesignlab
 
Slide computational design2019_02_191004
Slide computational design2019_02_191004Slide computational design2019_02_191004
Slide computational design2019_02_191004hiroshimadesignlab
 
Slide digital fabrication_07_170526
Slide digital fabrication_07_170526Slide digital fabrication_07_170526
Slide digital fabrication_07_170526hiroshimadesignlab
 
一瞬で3 Dアイコンを作成する技術公開!パワーポイントだけでもここまでできる!?
一瞬で3 Dアイコンを作成する技術公開!パワーポイントだけでもここまでできる!?一瞬で3 Dアイコンを作成する技術公開!パワーポイントだけでもここまでできる!?
一瞬で3 Dアイコンを作成する技術公開!パワーポイントだけでもここまでできる!?Professional Presenter
 
Slide digital fabrication_08_170602
Slide digital fabrication_08_170602Slide digital fabrication_08_170602
Slide digital fabrication_08_170602hiroshimadesignlab
 

What's hot (15)

Gravit Designerを使って3分でアイコンを作る
Gravit Designerを使って3分でアイコンを作るGravit Designerを使って3分でアイコンを作る
Gravit Designerを使って3分でアイコンを作る
 
Slide computational design2017_03_171006
Slide computational design2017_03_171006Slide computational design2017_03_171006
Slide computational design2017_03_171006
 
Slide computational design2017_01_170922
Slide computational design2017_01_170922Slide computational design2017_01_170922
Slide computational design2017_01_170922
 
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_takenakaCDT_01_170216
slide_takenakaCDT_01_170216slide_takenakaCDT_01_170216
slide_takenakaCDT_01_170216
 
Slide computational design2017_02_170929
Slide computational design2017_02_170929Slide computational design2017_02_170929
Slide computational design2017_02_170929
 
Slide computational design2018_08_181109
Slide computational design2018_08_181109Slide computational design2018_08_181109
Slide computational design2018_08_181109
 
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 digital fabrication_02_170421
Slide digital fabrication_02_170421Slide digital fabrication_02_170421
Slide digital fabrication_02_170421
 
Slide computational design2019_02_191004
Slide computational design2019_02_191004Slide computational design2019_02_191004
Slide computational design2019_02_191004
 
Slide digital fabrication_07_170526
Slide digital fabrication_07_170526Slide digital fabrication_07_170526
Slide digital fabrication_07_170526
 
一瞬で3 Dアイコンを作成する技術公開!パワーポイントだけでもここまでできる!?
一瞬で3 Dアイコンを作成する技術公開!パワーポイントだけでもここまでできる!?一瞬で3 Dアイコンを作成する技術公開!パワーポイントだけでもここまでできる!?
一瞬で3 Dアイコンを作成する技術公開!パワーポイントだけでもここまでできる!?
 
Slide digital fabrication_08_170602
Slide digital fabrication_08_170602Slide digital fabrication_08_170602
Slide digital fabrication_08_170602
 

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
 

Recently uploaded

The first time I used CANVA to create a slide document.
The first time I used CANVA to create a slide document.The first time I used CANVA to create a slide document.
The first time I used CANVA to create a slide document.oganekyokoi
 
TEAMIN Education Service Overview_20240407
TEAMIN Education Service Overview_20240407TEAMIN Education Service Overview_20240407
TEAMIN Education Service Overview_20240407yukisuga3
 
Registration of travel agents - 'Explanation of the registration system under...
Registration of travel agents - 'Explanation of the registration system under...Registration of travel agents - 'Explanation of the registration system under...
Registration of travel agents - 'Explanation of the registration system under...oganekyokoi
 
レポートの書き方講座 [大学生初年次向けに対する講義資料] Lecture on how to write a report [lecture mater...
レポートの書き方講座 [大学生初年次向けに対する講義資料] Lecture on how to write a report [lecture mater...レポートの書き方講座 [大学生初年次向けに対する講義資料] Lecture on how to write a report [lecture mater...
レポートの書き方講座 [大学生初年次向けに対する講義資料] Lecture on how to write a report [lecture mater...yutakashikano1984
 
東京工業大学 環境・社会理工学院 高校生・受験生向け 説明資料 2024年4月分
東京工業大学 環境・社会理工学院 高校生・受験生向け 説明資料 2024年4月分東京工業大学 環境・社会理工学院 高校生・受験生向け 説明資料 2024年4月分
東京工業大学 環境・社会理工学院 高校生・受験生向け 説明資料 2024年4月分Tokyo Institute of Technology
 
2024年度 東京工業大学「ロボット技術」 ロボットミドルウェア (2024年4月11日)
2024年度 東京工業大学「ロボット技術」 ロボットミドルウェア (2024年4月11日)2024年度 東京工業大学「ロボット技術」 ロボットミドルウェア (2024年4月11日)
2024年度 東京工業大学「ロボット技術」 ロボットミドルウェア (2024年4月11日)NoriakiAndo
 

Recently uploaded (6)

The first time I used CANVA to create a slide document.
The first time I used CANVA to create a slide document.The first time I used CANVA to create a slide document.
The first time I used CANVA to create a slide document.
 
TEAMIN Education Service Overview_20240407
TEAMIN Education Service Overview_20240407TEAMIN Education Service Overview_20240407
TEAMIN Education Service Overview_20240407
 
Registration of travel agents - 'Explanation of the registration system under...
Registration of travel agents - 'Explanation of the registration system under...Registration of travel agents - 'Explanation of the registration system under...
Registration of travel agents - 'Explanation of the registration system under...
 
レポートの書き方講座 [大学生初年次向けに対する講義資料] Lecture on how to write a report [lecture mater...
レポートの書き方講座 [大学生初年次向けに対する講義資料] Lecture on how to write a report [lecture mater...レポートの書き方講座 [大学生初年次向けに対する講義資料] Lecture on how to write a report [lecture mater...
レポートの書き方講座 [大学生初年次向けに対する講義資料] Lecture on how to write a report [lecture mater...
 
東京工業大学 環境・社会理工学院 高校生・受験生向け 説明資料 2024年4月分
東京工業大学 環境・社会理工学院 高校生・受験生向け 説明資料 2024年4月分東京工業大学 環境・社会理工学院 高校生・受験生向け 説明資料 2024年4月分
東京工業大学 環境・社会理工学院 高校生・受験生向け 説明資料 2024年4月分
 
2024年度 東京工業大学「ロボット技術」 ロボットミドルウェア (2024年4月11日)
2024年度 東京工業大学「ロボット技術」 ロボットミドルウェア (2024年4月11日)2024年度 東京工業大学「ロボット技術」 ロボットミドルウェア (2024年4月11日)
2024年度 東京工業大学「ロボット技術」 ロボットミドルウェア (2024年4月11日)
 

Slide computational design2019_04_191018