ジェネラティブアート論

提供：kuhalaboWiki
2020年10月29日 (木) 21:50時点におけるKuha (トーク | 投稿記録)による版

移動： 案内, 検索

目次

概要

前提スキル

一年生の時にメディアプログラミング演習Iを履修したのと同等のプログラミングスキルがあるものとして、授業を進めます。 もし、プログラミングに不安があるなら、上記テキストを使って、自分で予習や自習をしてください。 openFrameworksはProcessingと似ているため、Processingを知っていると、理解が早いです。

成績評価
  • 出席：学生証scan+Minutes paper
  • 課題：セルオートマトン課題、再帰呼び出し図形課題、複素平面フラクタル課題
  • 小テスト：ハイスコア
授業概要及び到達目標
インタラクティブアートは芸術を基盤として科学や工学を統合する新しい領域である。生物科学に関連した分野として、人工生命、ライフゲーム、フラクタル、オートマトン、遺伝的アルゴリズム、ニューラルネットワークなど応用範囲の広いものが数多く存在する。

そういった生物に見られる特徴をアートに応用したジェネラティブアートの作品をC++のプログラミングを使用して、実際に作成してみる。

本講義の目標は以下の通り。

  1. 生物の特徴と生物的なシステムについて理解する。
  2. 複雑系システムについて理解し、応用例を作成できる。
  3. openFrameworksを使って作品のプログラミングができる。

開発環境

開発環境としてopenFrameworks for Visual studioを使用します。

テキストや開発環境については、以下を参照してください。

ドキュメント http://openframeworks.jp/tutorials/

予定

2018年度
  1. 9/18(火) ガイダンス, 生物と情報とアート，openFrameworksプログラミング演習
  2. 9/25(火) 幾何学図形の描画（実習）
    • 教科書 1章 読み物として読む。
    • 教科書 2章 実際にプログラムを作ってみる。
    • 　２－４「数値の記憶と計算」までをやり終えて、自作プログラムexeファイルを提出。
    • 幾何学図形の描画、色の設定、変数
    • 　exeファイルは、プロジェクトフォルダーのbinフォルダーの中にあります。
  3. 10/2(火) 幾何学図形の描画（実習）
    • 　２－８「条件分岐」までを学習し、自作プログラムexeファイルを提出。
    • 繰り返し、配列、図形の移動、条件分岐
    • 提出場所 PC > Weekly(W:) > art > int > kuhara20181002
      • ファイル名　番号_名前のローマ字 例 1724000_suzukiichiro.exe
  4. 10/9(火) （実習）
    • 　２－１１「より高度な表現」までを学習し、自作プログラムexeファイルを提出。
    • マウスアクション、摩擦、重力、奇跡のフェード
    • この日の授業までに2章を終えてください。2章までに学んで、制作したプログラムを提出してもらいます。
  5. 10/16(火) （実習）16:30に12号館２階カラボギャラリー集合
    • カラボギャラリー見学 https://www.color.t-kougei.ac.jp/gallery/
    • 　３－１，２，３を学習する。
      • ３－１ は、読んで理解してください。プログラム例は作らなくてもよいです。
      • ３－２ は、３－２－７「画像ファイルを扱う」だけでもよい。余裕がれば、他の単元を勉強してもよいです。、
      • ３－３ は、実際に新たにクラスを作成し、プログラムを作りながら、学習を進めてください。
    • 　３－４「アドオンの利用」以降は学習しなくてもよい。関心に応じて学習してください。
    • ３－３－２「新規クラスの生成」は、openFrameworks for Visual studioを参照。
  6. 10/23(火) クラスオブジェクトの使用、ランダムウォーク（講義・実習）
  7. 10/30(火)1次元セルオートマトン（講義・実習）
  8. 11/6(火) ライフゲーム（講義・実習）
  9. 11/13(火) ラングトンのアリ（講義・実習）
    • 11/20(火) 金曜振替授業日
  10. 11/27(火) Boid（講義・実習）
  11. 12/4(火) 物理エンジン Box2D（講義・実習）
  12. 12/11(火)フラクタルと自己相似形と再帰呼び出し（講義・実習）
  13. 12/18(火) ニューラルネットワーク、遺伝的アルゴリズム（講義）
  14. 1/8(火) 小テスト
    • 授業で扱った内容すべてが含まれます。
  15. 1/15(火) 予備（出席は取りません）
  • 第1課題 2章までの練習プログラム
    • 提出締切日 10/16
  • 第2課題「創発ジェネラティブアートのプログラム」
    • 提出締切日 1/7(月)　
    • 「ライフゲーム、Boid、アリ、Box2D、フラクタル」の中から、1つ以上を選び、自分のオリジナリティを加えたプログラムを提出してください。
    • ソースプログラムも採点の対象としますので、プロジェクトのフォルダー全体をzip圧縮して、提出して下さい。
2017年度
  1. 9/19(火) ガイダンス, 生物と情報とアート，openFrameworksプログラミング演習
  2. 9/26(火) openFrameworks C++プログラミング（実習）
    • 教科書 1章 読み物として読む。
    • 教科書 2章 実際にプログラムを作ってみる。
    • 　２－４「数値の記憶と計算」までをやり終えて、自作プログラムexeファイルを提出。
    • 幾何学図形の描画、色の設定、変数
    • 　exeファイルは、プロジェクトフォルダーのbinフォルダーの中にあります。
  3. 10/3(火) 幾何学図形の描画（実習）
    • 　２－８「条件分岐」までを学習し、自作プログラムexeファイルを提出。
    • 繰り返し、配列、図形の移動、条件分岐
  4. 10/17(火) （実習）
    • 　２－１１「より高度な表現」までを学習し、自作プログラムexeファイルを提出。
    • マウスアクション、摩擦、重力、奇跡のフェード
    • この日の授業までに2章を終えてください。2章までに学んで、制作したプログラムを提出してもらいます。
  5. 10/24(火) （実習）
    • 　３－１、２，３を学習する。
      • ３－２に関して、余裕がない場合、３－２－７「画像ファイルを扱う」だけでもよい。
    • 　３－４「アドオンの利用」以降は学習しなくてもよい。関心に応じて学習してください。
    • ３－３－２「新規クラスの生成」は、openFrameworks for Visual studioを参照。
  6. 10/31(火) クラスオブジェクトの使用、ランダムウォーク（講義・実習）
  7. 11/7(火) セルオートマトン（講義・実習）
  8. 11/14(火) ライフゲーム（講義・実習）
  9. 11/21(火) ラングトンのアリ（講義・実習）
  10. 11/28(火) Boid（講義・実習）
  11. 12/5(火) 物理エンジン Box2D（講義・実習）
  12. 12/12(火)フラクタルと自己相似形と再帰呼び出し（講義・実習）
  13. 12/19(火) ニューラルネットワーク、遺伝的アルゴリズム（講義）
  14. 1/9(火) 小テスト
    • 授業で扱った内容すべてが含まれます。
  15. 1/16(火) 予備（出席は取りません）
  • 第1課題 2章までの練習プログラム
    • 提出締切日 10/17　
  • 第2課題「セルオートマトン、フラクタルのプログラム」
    • 提出締切日 1/8(月)　
    • 「ライフゲーム、Boid、アリ、Box2D、フラクタル」の中から、1つ以上を選び、自分のオリジナリティを加えたプログラムを提出してください。
    • ソースプログラムも採点の対象としますので、プロジェクトのフォルダー全体をzip圧縮して、提出して下さい。
2016年度
  1. 9/20(火) ガイダンス, 生物と情報とアート，openFrameworksプログラミング演習
  2. 9/27(火) openFrameworks C++プログラミング
    • 教科書 1章 読み物として読む。
    • 教科書 2章 実際にプログラムを作ってみる。
    • 　２－４「数値の記憶と計算」までをやり終えて、自作プログラムexeファイルを提出。
    • 幾何学図形の描画、色の設定、変数
    • 　exeファイルは、プロジェクトフォルダーのbinフォルダーの中にあります。
  3. 10/4(火) 幾何学図形の描画
    • 　２－８「条件分岐」までを学習し、自作プログラムexeファイルを提出。
    • 繰り返し、配列、図形の移動、条件分岐
  4. 10/18(火)
    • 　２－１１「より高度な表現」までを学習し、自作プログラムexeファイルを提出。
    • マウスアクション、摩擦、重力、奇跡のフェード
  5. 10/25(火)
    • 　３－１、２，３を学習する。
      • ３－２に関して、余裕がない場合、３－２－７「画像ファイルを扱う」だけでもよい。
    • 　３－４「アドオンの利用」以降は学習しなくてもよい。関心に応じて学習してください。
    • ３－３－２「新規クラスの生成」は、openFrameworks for Visual studioを参照。
  6. 11/1(火) セルオートマトン
  7. 11/8(火) ランダムウォーク
  8. 11/15(火) ライフゲーム
  9. 11/22(火) Boid
  10. 11/29(火) ラングトンのアリ
  11. 12/6(火) 物理エンジン Box2D
  12. 12/13(火)フラクタルと自己相似形と再帰呼び出し
  13. 12/20(火) ニューラルネットワーク、遺伝的アルゴリズム
  14. 1/17(火) 小テスト
    • 授業で扱った内容すべてが含まれます。
  15. 1/24(火) 予備
  • 第1課題「ランダムウォークのプログラム」
    • 提出締切日 11/14(月)　
  • 第2課題「セルオートマトン、フラクタルのプログラム」
    • 提出締切日 1/13(金)　
    • 「ライフゲーム、Boid、アリ、Box2D、フラクタル」の中から、最低2つのプログラムを提出してください。
    • ３つ以上提出してもかまいません。その場合、上位2つの課題を点数として扱います。
    • ソースプログラムも採点の対象としますので、プロジェクトのフォルダー全体をzip圧縮して、提出して下さい。
2015年度
  1. 9/29(火) ガイダンス, 生物と情報とアート，openFrameworksプログラミング演習
  2. 10/6(火) openFrameworks C++プログラミング
  3. 10/13(火) 幾何学図形の描画
  4. 10/20(火) ランダムウォーク
  5. 10/27(火) セルオートマトン
  6. 11/10(火) ライフゲーム
  7. 11/17(火) ラングトンのアリ
  8. 12/1(火) アトラクティブフォース
  9. 12/8(火) レイノルズボイド
  10. 12/15(火) 物理エンジン Box2D
  11. 12/22(火) フラクタルと再帰呼び出し
  12. 1/5(火) 自己相似形と再帰呼び出し
  13. 1/12(火) ニューラルネットワーク
  14. 1/19(火) 遺伝的アルゴリズム
  15. 1/26(火) 小テスト
  • 1/29(金)　第1課題、第2課題の提出締切日

生物と情報とアート

http://abandonedart.org/

メモ　

Visual Studioのショートカット

  • Ctrl-K Ctrl-C コメントアウト
  • Ctrl-K Ctrl-U コメントアウト解除
  • Ctrl-K Ctrl-F インデントをそろえる

クリエイティブ・コーダー

複雑系

セルオートマトン

ライフゲーム

セルオートマトン音楽

WolframTones/ CAMUS/ Glitch DS/ Life Game Orchestra /

ギャラリー

Modern Cellular Automata/ CArt gallery/ Cellular Automata Art/ ASCII Art Cell Automaton/

参考

ワイヤワールド /

人工生命

ラングトンのアリ / ラングトンのループ / 自己増殖ループ / Reynolds Boid /

http://www.local-guru.net/blog/2010/8/19/openframeworks-boid-demo

https://gist.github.com/tado/6603347


Birds Algorhythm Craig Reynolds http://processing.org/examples/flocking.html

openFrameworks Visual C++プログラミング

イントロダクション
openFrameworks for Visual studio
0.9での変更点
https://qiita.com/2bbb/items/13f2e20760ec61e3ec89
教科書のソースプログラムは、0.8ベースなので、上記の変更に注意すること。
特に、描画系のコマンドが、ofDrawXXX()に変更になっています。例えば、以下の通り。
  • ofLine -> ofDrawLine
  • ofRect -> ofDrawRectangle
  • ofCircle -> ofDrawCircle
oFの公式リファレンスは以下の通り。

http://openframeworks.cc/documentation/


1つのボールがふらふら動く

配列とマウスインタラクション

クラスの使用

ランダムウォーク

1次元セルオートマトン

ライフゲーム

ラングトンのアリ

Boid

物理エンジン Box2D

自己相似形

Tips

パーティクルの位置に画像を置く

ofApp.h 

ofImage particleImage;

ofApp.cpp 

setup(){
   particleImage.loadImage("particle.png");
}

draw(){
  particleImage.draw(pos.x, pos.y, w, h);
}
パーティクルの位置を辿る直線を描く

ofApp.cpp 

ofBeginShape();
    for(int i = 0; i < particle.size(); i++){
        ofVertex(pos[i].x, pos[i].y);
    }
ofEndShape();
パーティクルの位置を辿る曲線を描く

ofApp.cpp 

ofBeginShape();
    for(int i = 0; i < particle.size(); i++){
        ofCurveVertex(pos[i].x, pos[i].y);
    }
ofEndShape();

フラクタル

古代ギリシャからあるユークリッド幾何学と20世紀のフラクタル幾何学の比較

考察
古代エジプト人は3:4:5の辺を持つ三角形で直角が得られることを知っていた．ピラミッドなどの巨大建造物．
三平方の定理を発見したピタゴラスはどこがすごいか？
フラクタル図形

フラクタル図形の例

フラクタル日除け

脳

Neural Networks

  • 神経回路モデル（PPT）
  • 神経細胞の写真，構成図[ 1 | 2 | 3 ]
  • ニューラルネットワーク入門
  • Perceptron,
  • Back Propagation
  • Hopfield Network
  • 自己組織化ネットワーク
  • 脳の潜在能力
    • 天文学者カール・セーガン「人間の脳はおよそ2,000万冊，すなわち世界最大の図書館に収められているのと同じ数の本を満たすほどの情報を収納することができる」
    • 神経科学者「人は平均寿命の間に脳の潜在能力の0.01％（0.0001）しか使っていない」

Genetic Algorithm

  • カール・セーガン「コスモス」エピソードII第3話「平家物語と蟹のなぞ」
    • 瀬戸内海の蟹の甲羅は武士の顔に似ているのはなぜか？

配布資料PDF

参考

小テスト

  • 場所　いつものPC演習室
  • 出題　配布資料などから出題されます。ノート，配布資料などを復習しておいてください。問題の形式は，選択式です。
  • 注意事項
    • 座席は自由ですが，隣の座席を１つ空けて座ってください。
    • 持ち込みは不可です。机の上には一切，何も置かないで下さい。
    • PC上のソフトはブラウザだけ起動してください。他のアプリケーションはすべて終了させてください。

Github

共同開発するときに便利。

学内のプロキシー環境で作業する場合、コンソールで 

git config --global http.proxy proxy-n.t-kougei.ac.jp:8080
git config --global https.proxy proxy-n.t-kougei.ac.jp:8080

とする。

通常のプロキシーのない環境で作業する場合、コンソールで 

git config --global --unset http.proxy proxy-n.t-kougei.ac.jp:8080
git config --global --unset https.proxy proxy-n.t-kougei.ac.jp:8080

とする。

現在の設定を確認するには、コンソールで、 

git config --list

とする。

リンク

http://gushwell.ifdef.jp/

素数のグラフィック http://www.datapointed.net/visualizations/math/factorization/animated-diagrams/?infinity

Generative Gestaltung http://www.generative-gestaltung.de/code

「http://w3.kuhalabo.net/wiki/index.php?title=%E3%82%B8%E3%82%A7%E3%83%8D%E3%83%A9%E3%83%86%E3%82%A3%E3%83%96%E3%82%A2%E3%83%BC%E3%83%88%E8%AB%96&oldid=2331」から取得
個人用ツール
名前空間

変種
操作
案内
ツールボックス