SlideShare a Scribd company logo
コンピュテーショナル
デザイン
第八回
2018.11.09
20181109 1Computational Design
20181109 2Computational Design
点とプレインの違い
XYZ座標(位置情報)
円を描くには作業面(地面)の情報が必要
XYZ座標(位置情報)
X軸の方向
Y軸の方向
円が描ける
X軸
Y軸
「プレイン」「点」
→作業面
20181109 3Computational Design
プレインを使った配置
プレインを理解すれば、ある作業面上にある物を別の作業面上へ
『Orient』をつかって移動させることが可能になります。
実際に建築のプロジェクトでGHを使ってモデリングする場合も、ぞれぞれ
の部材の基準となるプレインを『Horizontal Frames』や『Prep
Frames』で作った上で、そのプレイン上に部材をモデリングしていく方法
を取ります。
Orient
あるプレイン上にある
オブジェクトを他の
プレイン上に移動する
Horizontal Frames
カーブ上に水平の作業面
を等間隔に配置
Prep Frames
カーブ上に鉛直の作業面
を等間隔に配置
20181109 4
Computational Design
リストを操作すること
これまでは、数列の順番を変えたりすることはなく、作られたものをその
ままの状態で使っていく事に限定していました。しかし、リストはその順
序を変えたり、一つのリストを二つに分けたりすることで、様々な事が出
来るようになります。
List Item
リストの中から
特定のものを選ぶ
Shift List
リストの順番をずらす
Dispatch
リストを二つに分ける
20181109 5Computational Design
データツリー
20181109 6Computational Design
データツリーの仕組み
リストはひとかたまりの情報でしたが、複数のリストが内包された状態は
「データツリー」になります。リストの場合は「何番目の情報か?」とい
うだけ気にしていましたが、データツリーの状態になると、「どのまとま
りの何番目か?」という事になってきます。
つまり、リストの時よりも階層が増え、多次元な構造になります。細分化
していくイメージから、ツリー構造(枝分かれする構造)と呼ばれています。
先週グリッドを作った際にも既にツリー構造には触れていました。
20181109 7Computational Design
データツリーの仕組み
グラスホッパーの参考書等では、このTREE構造をその名称のごとく、
「木の枝」で解説していますが、すこしわかりにくいかもしれません。
木の枝は、枝の順番もなく、無秩序に成長していくからです。
TREE構造はもっとシンプルな考え方で、「新幹線の座席」に置き換えて考
えることができます。
20181109 8Computational Design
20181109 9Computational Design
データツリーの仕組み
スタート:数列の一つ目の値(0)
ステップ:数列の増減値(50)
カウント:数列の数(5)
20181109 10Computational Design
データツリーの仕組み
Xの値だけでなく
Yの値もシリーズで
作りってみます
両方のシリーズが生成する値
を使った点が作られました
スタート:0
ステップ:30
カウント:8
20181109 11Computational Design
データツリーの仕組み
異なる階層のリストが掛け合
わされされ5x8の40個の点が
作られます
Yの値にGraftを
かけると、階層が
一段複雑になります
20181109 12Computational Design
ツリー構造を揃えること
グラスホッパーでツリー構造を意識するのは、これから合わせようとして
いる情報のそれぞれのツリー構造を揃える時です。思ったようにモデリン
グが出来ない場合の原因はほぼここにあります。今日はツリー構造を揃え
る場合によく使う、3つのコンポーネントを中心に説明します
Flatten Tree
ツリー構造を崩して
すべてを一つの列にする
Graft Tree
ツリー構造を枝分かれする
Flip Matrix
ツリー構造を反転させる
20181109 13Computational Design
ツリー構造を揃えること
「リスト」や「データツリー」は「ベクター」同様目に見えないため、
なかなかどういう状況なのかがつかみにくい側面があります。絶えず、
「Panel」を使って、どういった情報が流れているのかを把握しながら
モデリングする癖をつけましょう。
20181109 14Computational Design
課題①
「ファサードデザイン」

More Related Content

What's hot

Slide rhino+gh 11
Slide rhino+gh 11Slide rhino+gh 11
Slide rhino+gh 11
hiroshimadesignlab
 
Slide computational design2016_02_160928
Slide computational design2016_02_160928Slide computational design2016_02_160928
Slide computational design2016_02_160928
hiroshimadesignlab
 
Slide rhino+gh 04
Slide rhino+gh 04Slide rhino+gh 04
Slide rhino+gh 04
hiroshimadesignlab
 
Processing資料(4) アニメーション
Processing資料(4) アニメーションProcessing資料(4) アニメーション
Processing資料(4) アニメーション
reona396
 
Slide computational design2016_04_161012
Slide computational design2016_04_161012Slide computational design2016_04_161012
Slide computational design2016_04_161012
hiroshimadesignlab
 
Slide computational design2017_10_171201
Slide computational design2017_10_171201Slide computational design2017_10_171201
Slide computational design2017_10_171201
hiroshimadesignlab
 
Slide prototyping workshop_02_170411
Slide prototyping workshop_02_170411Slide prototyping workshop_02_170411
Slide prototyping workshop_02_170411
hiroshimadesignlab
 
Slide computational design2019_06_191101
Slide computational design2019_06_191101Slide computational design2019_06_191101
Slide computational design2019_06_191101
hiroshimadesignlab
 
Processing資料(1) Processingの基本
Processing資料(1) Processingの基本Processing資料(1) Processingの基本
Processing資料(1) Processingの基本
reona396
 
Slide computational design2017_01_170922
Slide computational design2017_01_170922Slide computational design2017_01_170922
Slide computational design2017_01_170922
hiroshimadesignlab
 
OSM操作ガイド (環境情報学実習 4/23課題)
OSM操作ガイド (環境情報学実習 4/23課題)OSM操作ガイド (環境情報学実習 4/23課題)
OSM操作ガイド (環境情報学実習 4/23課題)
Wataru Morioka
 
Slide computational design2019_03_191011
Slide computational design2019_03_191011Slide computational design2019_03_191011
Slide computational design2019_03_191011
hiroshimadesignlab
 
Slide computational design2018_03_181005
Slide computational design2018_03_181005Slide computational design2018_03_181005
Slide computational design2018_03_181005
hiroshimadesignlab
 
Slide rhino+gh 01
Slide rhino+gh 01Slide rhino+gh 01
Slide rhino+gh 01
hiroshimadesignlab
 
Slide computational design2018_02_180928
Slide computational design2018_02_180928Slide computational design2018_02_180928
Slide computational design2018_02_180928
hiroshimadesignlab
 
Slide computational design2019_04_191018
Slide computational design2019_04_191018Slide computational design2019_04_191018
Slide computational design2019_04_191018
hiroshimadesignlab
 
Slide digital fabrication2019_13_180705
Slide digital fabrication2019_13_180705Slide digital fabrication2019_13_180705
Slide digital fabrication2019_13_180705
hiroshimadesignlab
 
Slide rhino+gh 07
Slide rhino+gh 07Slide rhino+gh 07
Slide rhino+gh 07
hiroshimadesignlab
 
Slide digital fabrication_02_170421
Slide digital fabrication_02_170421Slide digital fabrication_02_170421
Slide digital fabrication_02_170421
hiroshimadesignlab
 
Slide rhino+gh 07
Slide rhino+gh 07Slide rhino+gh 07
Slide rhino+gh 07
hiroshimadesignlab
 

What's hot (20)

Slide rhino+gh 11
Slide rhino+gh 11Slide rhino+gh 11
Slide rhino+gh 11
 
Slide computational design2016_02_160928
Slide computational design2016_02_160928Slide computational design2016_02_160928
Slide computational design2016_02_160928
 
Slide rhino+gh 04
Slide rhino+gh 04Slide rhino+gh 04
Slide rhino+gh 04
 
Processing資料(4) アニメーション
Processing資料(4) アニメーションProcessing資料(4) アニメーション
Processing資料(4) アニメーション
 
Slide computational design2016_04_161012
Slide computational design2016_04_161012Slide computational design2016_04_161012
Slide computational design2016_04_161012
 
Slide computational design2017_10_171201
Slide computational design2017_10_171201Slide computational design2017_10_171201
Slide computational design2017_10_171201
 
Slide prototyping workshop_02_170411
Slide prototyping workshop_02_170411Slide prototyping workshop_02_170411
Slide prototyping workshop_02_170411
 
Slide computational design2019_06_191101
Slide computational design2019_06_191101Slide computational design2019_06_191101
Slide computational design2019_06_191101
 
Processing資料(1) Processingの基本
Processing資料(1) Processingの基本Processing資料(1) Processingの基本
Processing資料(1) Processingの基本
 
Slide computational design2017_01_170922
Slide computational design2017_01_170922Slide computational design2017_01_170922
Slide computational design2017_01_170922
 
OSM操作ガイド (環境情報学実習 4/23課題)
OSM操作ガイド (環境情報学実習 4/23課題)OSM操作ガイド (環境情報学実習 4/23課題)
OSM操作ガイド (環境情報学実習 4/23課題)
 
Slide computational design2019_03_191011
Slide computational design2019_03_191011Slide computational design2019_03_191011
Slide computational design2019_03_191011
 
Slide computational design2018_03_181005
Slide computational design2018_03_181005Slide computational design2018_03_181005
Slide computational design2018_03_181005
 
Slide rhino+gh 01
Slide rhino+gh 01Slide rhino+gh 01
Slide rhino+gh 01
 
Slide computational design2018_02_180928
Slide computational design2018_02_180928Slide computational design2018_02_180928
Slide computational design2018_02_180928
 
Slide computational design2019_04_191018
Slide computational design2019_04_191018Slide computational design2019_04_191018
Slide computational design2019_04_191018
 
Slide digital fabrication2019_13_180705
Slide digital fabrication2019_13_180705Slide digital fabrication2019_13_180705
Slide digital fabrication2019_13_180705
 
Slide rhino+gh 07
Slide rhino+gh 07Slide rhino+gh 07
Slide rhino+gh 07
 
Slide digital fabrication_02_170421
Slide digital fabrication_02_170421Slide digital fabrication_02_170421
Slide digital fabrication_02_170421
 
Slide rhino+gh 07
Slide rhino+gh 07Slide rhino+gh 07
Slide rhino+gh 07
 

More from hiroshimadesignlab

Slide computational design2019_14_190110
Slide computational design2019_14_190110Slide computational design2019_14_190110
Slide computational design2019_14_190110
hiroshimadesignlab
 
Slide computational design2019_13_191220
Slide computational design2019_13_191220Slide computational design2019_13_191220
Slide computational design2019_13_191220
hiroshimadesignlab
 
Slide computational design2019_11_191206
Slide computational design2019_11_191206Slide computational design2019_11_191206
Slide computational design2019_11_191206
hiroshimadesignlab
 
Slide computational design2019_10_191129
Slide computational design2019_10_191129Slide computational design2019_10_191129
Slide computational design2019_10_191129
hiroshimadesignlab
 
Slide computational design2019_09_181122
Slide computational design2019_09_181122Slide computational design2019_09_181122
Slide computational design2019_09_181122
hiroshimadesignlab
 
Slide computational design2019_07_181108
Slide computational design2019_07_181108Slide computational design2019_07_181108
Slide computational design2019_07_181108
hiroshimadesignlab
 
Slide rhino+gh 08
Slide rhino+gh 08Slide rhino+gh 08
Slide rhino+gh 08
hiroshimadesignlab
 
Slide rhino+gh 05
Slide rhino+gh 05Slide rhino+gh 05
Slide rhino+gh 05
hiroshimadesignlab
 
Slide rhino+gh 03
Slide rhino+gh 03Slide rhino+gh 03
Slide rhino+gh 03
hiroshimadesignlab
 
Slide rhino+gh 02
Slide rhino+gh 02Slide rhino+gh 02
Slide rhino+gh 02
hiroshimadesignlab
 
Slide computational design2019_01_180921
Slide computational design2019_01_180921Slide computational design2019_01_180921
Slide computational design2019_01_180921
hiroshimadesignlab
 
Slide digital fabrication2019_12_190628
Slide digital fabrication2019_12_190628Slide digital fabrication2019_12_190628
Slide digital fabrication2019_12_190628
hiroshimadesignlab
 
Slide digital fabrication2019_11_190621
Slide digital fabrication2019_11_190621Slide digital fabrication2019_11_190621
Slide digital fabrication2019_11_190621
hiroshimadesignlab
 
Slide digital fabrication2019_10_190614
Slide digital fabrication2019_10_190614Slide digital fabrication2019_10_190614
Slide digital fabrication2019_10_190614
hiroshimadesignlab
 
Slide digital fabrication2019_09_190607
Slide digital fabrication2019_09_190607Slide digital fabrication2019_09_190607
Slide digital fabrication2019_09_190607
hiroshimadesignlab
 
Slide digital fabrication2019_08_190531
Slide digital fabrication2019_08_190531Slide digital fabrication2019_08_190531
Slide digital fabrication2019_08_190531
hiroshimadesignlab
 
Slide rhino+gh 11
Slide rhino+gh 11Slide rhino+gh 11
Slide rhino+gh 11
hiroshimadesignlab
 
Slide rhino+gh 09
Slide rhino+gh 09Slide rhino+gh 09
Slide rhino+gh 09
hiroshimadesignlab
 
Slide rhino+gh 08
Slide rhino+gh 08Slide rhino+gh 08
Slide rhino+gh 08
hiroshimadesignlab
 
Slide rhino+gh 05
Slide rhino+gh 05Slide rhino+gh 05
Slide rhino+gh 05
hiroshimadesignlab
 

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 rhino+gh 08
Slide rhino+gh 08Slide rhino+gh 08
Slide rhino+gh 08
 
Slide rhino+gh 05
Slide rhino+gh 05Slide rhino+gh 05
Slide rhino+gh 05
 
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 computational design2019_01_180921
Slide computational design2019_01_180921Slide computational design2019_01_180921
Slide computational design2019_01_180921
 
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 digital fabrication2019_09_190607
Slide digital fabrication2019_09_190607Slide digital fabrication2019_09_190607
Slide digital fabrication2019_09_190607
 
Slide digital fabrication2019_08_190531
Slide digital fabrication2019_08_190531Slide digital fabrication2019_08_190531
Slide digital fabrication2019_08_190531
 
Slide rhino+gh 11
Slide rhino+gh 11Slide rhino+gh 11
Slide rhino+gh 11
 
Slide rhino+gh 09
Slide rhino+gh 09Slide rhino+gh 09
Slide rhino+gh 09
 
Slide rhino+gh 08
Slide rhino+gh 08Slide rhino+gh 08
Slide rhino+gh 08
 
Slide rhino+gh 05
Slide rhino+gh 05Slide rhino+gh 05
Slide rhino+gh 05
 

Slide computational design2018_08_181109