kuhalaboWiki - 利用者の投稿記録 [ja]

生命情報アート論

2026-05-13T03:12:09Z

Kuha：

== 複雑系 ==
=== セルオートマトン ===

*配布資料[http://www.kuhalabo.net/~kuha/tutorial0/bioart/cellautomaton2007.pdf PDF]
*[http://ja.wikipedia.org/wiki/%E3%82%B7%E3%82%A7%E3%83%AB%E3%83%94%E3%83%B3%E3%82%B9%E3%82%AD%E3%83%BC%E3%81%AE%E3%82%AE%E3%83%A3%E3%82%B9%E3%82%B1%E3%83%83%E3%83%88 シェルピンスキーのガスケット]
** [http://falconnet.peddie.org/students/2007/nburoojy/projects/cellular/ 256種類の１次元セルオートマトンの画像] /
*[http://ja.wikipedia.org/wiki/%E3%82%BB%E3%83%AB%E3%83%BB%E3%82%AA%E3%83%BC%E3%83%88%E3%83%9E%E3%83%88%E3%83%B3 セルオートマトン]
* [http://en.wikipedia.org/wiki/Elementary_cellular_automaton Elementary cellular automaton]

=== ライフゲーム ===
[http://www.kuhalabo.net/~kuha/tutorial0/bioart/Lifegame.exe ライフゲームの例] /
[http://homepage3.nifty.com/izushi/LifeGame/ ライフゲーム入門] /
[http://www.kuhalabo.net/~kuha/tutorial0/bioart/cagallary/ セルオートマトン・ギャラリー] /

;セルオートマトン音楽
[http://tones.wolfram.com/generate/ WolframTones]/
[http://tamw.atari-users.net/camus.htm CAMUS]/
[http://www.glitchds.com/ Glitch DS]/
[http://www.kuhalabo.net/lifegorch/ Life Game Orchestra] /

;ギャラリー
[http://www.collidoscope.com/modernca/ Modern Cellular Automata]/
[http://prenzl.sourceforge.net/gallery/category.php CArt gallery]/
[http://www.upl.cs.wisc.edu/~oblio/gnarly.html Cellular Automata Art]/
[http://akinao.at.infoseek.co.jp/ascii/index.html ASCII Art Cell Automaton]/

;参考
[http://ja.wikipedia.org/wiki/%E3%83%AF%E3%82%A4%E3%83%A4%E3%83%AF%E3%83%BC%E3%83%AB%E3%83%89 ワイヤワールド] /

=== 人工生命 ===
[http://ja.wikipedia.org/wiki/%E3%83%A9%E3%83%B3%E3%82%B0%E3%83%88%E3%83%B3%E3%81%AE%E3%82%A2%E3%83%AA ラングトンのアリ] /
[http://ja.wikipedia.org/wiki/%E3%83%A9%E3%83%B3%E3%82%B0%E3%83%88%E3%83%B3%E3%81%AE%E3%83%AB%E3%83%BC%E3%83%97 ラングトンのループ] /
[http://necsi.org/postdocs/sayama/sdsr/java/ 自己増殖ループ] /
[http://www.red3d.com/cwr/boids/ 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

== [[C Sharp Programming]] ==

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

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

[http://www.gaia.h.kyoto-u.ac.jp/~fractal/ フラクタル日除け]

== 自己相似系 ==
=== 再帰的呼出しによる樹木の描画 ===
*'''再帰的( recursive )呼び出し'''とは，サブルーチンや関数が，自分自身を呼び出すことをいう。樹木は，枝の１つを取り出して拡大しても，元の枝と同じ形（相似形）をしている。これは，同じサブルーチンで枝を描画しているからである。

*再帰的呼出し的なCollaborate Flash Animation：[http://www.zoomquilt.org/ zoomquilt] ([http://www.media.t-kougei.ac.jp/~kuha/tutorial0/bioart/zoomquilt.swf swf])
*例：実行ファイル，ソース，Taneクラス

=== C#による実装 ===
==== 新しいクラスの定義 ====
*「プロジェクト」メニューから「クラスの追加」で新しいクラス名を入力する。クラスの定義の中にメソッドを記述する。
* 注意
<pre>
using System.Drawing;
</pre>
をTane.csの冒頭に追加

==== 樹木の描画 ====

[[ファイル:Bintree.jpg]]
[[ファイル:Bintree2.JPG]]

;Taneクラスのメソッド
線分(x1,y1)-(x2,y2)が与えられたら、(x2,y2)の先端に(x3,y3), (x4,y4)を取り、線分(x2,y2)-(x3,y3)と線分(x2,y2)-(x4,y4)を描画する。
<pre>
class Tane
{
public void Eda(int n, double x1, double y1, double x2, double y2, double angle, Graphics g, Pen pen)
{
double x3, y3, x4, y4;
double s = Math.Sin(angle * Math.PI / 180.0);
double c = Math.Cos(angle * Math.PI / 180.0);
double dx = 0.7 * (x2 - x1);
double dy = 0.7 * (y2 - y1);

if (n > 0)
{
x3 = x2 + dx * c - dy * s;
y3 = y2 + dx * s + dy * c;
x4 = x2 + dx * c + dy * s;
y4 = y2 - dx * s + dy * c;
// 枝を描画する
g.DrawLine(pen, (float)x1, (float)y1, (float)x2, (float)y2);
g.DrawLine(pen, (float)x2, (float)y2, (float)x3, (float)y3);
g.DrawLine(pen, (float)x2, (float)y2, (float)x4, (float)y4);
//子の再起呼び出し
Eda(n - 1, x2, y2, x3, y3, angle, g, pen);
Eda(n - 1, x2, y2, x4, y4, angle, g, pen);
}
}
}
</pre>

;樹木描画ボタンクリックの中身
<pre>
Graphics g = pictureBox1.CreateGraphics();
Pen pen = new Pen(Color.Green, 2);
Tane tane = new Tane();

int n = 10; //枝の世代数
double x0 = pictureBox1.Width / 2; //開始位置 x座標
double y0 = pictureBox1.Height; //開始位置 y座標
double x1 = pictureBox1.Width / 2; //開始位置 x座標
double y1 = pictureBox1.Height * 0.8; //開始位置 y座標
double angle = 30.0; //子供の枝の角度の差分
tane.Eda(n, x0, y0, x1, y1, angle, g, pen);
</pre>

==== コッホ図形の描画 ====

[[ファイル:Koch.jpg]]
[[ファイル:Koch2.jpg]]

;Taneクラスのメソッド
<pre>
public void Koch(int n, double x1, double y1, double x2, double y2, Graphics g, Pen pen)
{
double x3, y3, x4, y4, x5, y5;
double s = Math.Sin(Math.PI / 3.0);
double c = Math.Cos(Math.PI / 3.0);

if (n > 0)
{
x3 = (2 * x1 + x2) / 3.0;
y3 = (2 * y1 + y2) / 3.0;
x4 = (x1 + 2 * x2) / 3.0;
y4 = (y1 + 2 * y2) / 3.0;
x5 = x3 + (x4 - x3) * c + (y4 - y3) * s;
y5 = y3 - (x4 - x3) * s + (y4 - y3) * c;
// ジェネレータを描画する
pen.Color = Color.Black;
g.DrawLine(pen, (float)x3, (float)y3, (float)x4, (float)y4);
pen.Color = Color.Green;
g.DrawLine(pen, (float)x1, (float)y1, (float)x3, (float)y3);
g.DrawLine(pen, (float)x3, (float)y3, (float)x5, (float)y5);
g.DrawLine(pen, (float)x5, (float)y5, (float)x4, (float)y4);
g.DrawLine(pen, (float)x4, (float)y4, (float)x2, (float)y2);
// 子の再起呼び出し
Koch(n - 1, x1, y1, x3, y3, g, pen);
Koch(n - 1, x3, y3, x5, y5, g, pen);
Koch(n - 1, x5, y5, x4, y4, g, pen);
Koch(n - 1, x4, y4, x2, y2, g, pen);
}
}

</pre>

;コッホ図形描画ボタンクリックの中身

<pre>
Graphics g = pictureBox1.CreateGraphics();
Pen pen = new Pen(Color.Green, 2);
Tane tane = new Tane();

// マウス位置へ直線を描画する
int n = 4; //子の世代数
double x0 = 0; //開始位置 x座標
double y0 = pictureBox1.Height * 0.6 ; //開始位置 y座標
double x1 = pictureBox1.Width; //終了位置 x座標
double y1 = pictureBox1.Height * 0.6; //終了位置 y座標
tane.Koch(n, x0, y0, x1, y1, g, pen);
</pre>

==== ドラゴン図形の描画 ====

[[ファイル:Dragon.jpg]]
[[ファイル:Dragon2.jpg]]

;Taneクラスのメソッド

<pre>
public void Dragon(int n, double x1, double y1, double x2, double y2, Graphics g, Pen pen)
{
double x3, y3, x4, y4, x5, y5;

if (n > 0)
{
x3 = 0.5 * ( x1 + x2);
y3 = 0.5 * ( y1 + y2);
x4 = 0.5 * (x1 + x3 - y1 + y3);
y4 = 0.5 * (x1 - x3 + y1 + y3);
x5 = 0.5 * (x2 + x3 - y2 + y3);
y5 = 0.5 * (x2 - x3 + y2 + y3);

// 枝を描画する
pen.Color = Color.Black;
g.DrawLine(pen, (float)x1, (float)y1, (float)x3, (float)y3);
g.DrawLine(pen, (float)x3, (float)y3, (float)x2, (float)y2);
pen.Color = Color.Green;
g.DrawLine(pen, (float)x1, (float)y1, (float)x4, (float)y4);
g.DrawLine(pen, (float)x4, (float)y4, (float)x3, (float)y3);
g.DrawLine(pen, (float)x3, (float)y3, (float)x5, (float)y5);
g.DrawLine(pen, (float)x5, (float)y5, (float)x2, (float)y2);
Dragon(n - 1, x1, y1, x4, y4, g, pen);
Dragon(n - 1, x4, y4, x3, y3, g, pen);
Dragon(n - 1, x3, y3, x5, y5, g, pen);
Dragon(n - 1, x5, y5, x2, y2, g, pen);
}
}
</pre>

;ドラゴン図形描画ボタンクリックの中身

<pre>
Graphics g = pictureBox1.CreateGraphics();
Pen pen = new Pen(Color.Green, 2);
Tane tane = new Tane();

int n = 7; //子の世代数
double x0 = pictureBox1.Width * 0.1; //開始位置 x座標
double y0 = pictureBox1.Height * 0.5; //開始位置 y座標
double x1 = pictureBox1.Width * 0.9; //終了位置 x座標
double y1 = pictureBox1.Height * 0.5; //終了位置 y座標
tane.Dragon(n, x0, y0, x1, y1, g, pen);

</pre>

==== シダ葉の描画 ====
;ドラゴン図形の変化形
* ドラゴン図形で使用した(x1,y1), (x2,y2), (x3,y3), (x4,y4), (x5,y5)を使う
* 直線(x1,y1)-(x2,y2), 直線(x1,y1)-(x4,y4), 直線(x3,y3)-(x5,y5)を基本図形とする。

[[ファイル:Sida2.JPG]]

;Taneクラスのメソッド

<pre>
public void Fern(int n, double x1, double y1, double x2, double y2, Graphics g, Pen pen)
{
double x3, y3, x4, y4, x5, y5;

if (n > 0)
{
x3 = ( x1 + x2 ) / 2.0;
y3 = ( y1 + y2 ) / 2.0;
x4 = ( x1 + x3 - y1 + y3) / 2.0;
y4 = ( x1 - x3 + y1 + y3) / 2.0;
x5 = ( x2 + x3 - y2 + y3) / 2.0;
y5 = ( x2 - x3 + y2 + y3) / 2.0;
// 枝を描画する
pen.Color = Color.Green;
g.DrawLine(pen, (float)x1, (float)y1, (float)x2, (float)y2);
g.DrawLine(pen, (float)x1, (float)y1, (float)x3, (float)y3);
g.DrawLine(pen, (float)x3, (float)y3, (float)x5, (float)y5);
Fern(n - 1, x1, y1, x4, y4, g, pen);
Fern(n - 1, x1, y1, x3, y3, g, pen);
Fern(n - 1, x3, y3, x2, y2, g, pen);
Fern(n - 1, x3, y3, x5, y5, g, pen);
}
}
</pre>

;シダ葉描画ボタンクリックの中身

<pre>
Graphics g = pictureBox1.CreateGraphics();
Pen pen = new Pen(Color.Green, 2);
Tane tane = new Tane();

int n = 7; //子の世代数
double x0 = pictureBox1.Width * 0.1; //開始位置 x座標
double y0 = pictureBox1.Height * 0.5; //開始位置 y座標
double x1 = pictureBox1.Width * 0.9; //終了位置 x座標
double y1 = pictureBox1.Height * 0.5; //終了位置 y座標
tane.Fern(n, x0, y0, x1, y1, g, pen);
</pre>

==== Cカーブの描画 ====

[[ファイル:Ccurve.jpg]]
[[ファイル:Ccurve2.jpg]]

;Taneクラスのメソッド

<pre>
public void Ccurve(int n, double x1, double y1, double x2, double y2, Graphics g, Pen pen)
{
double x3, y3;

if (n > 0)
{
x3 = 0.5 * (x1 + x2 - y1 + y2);
y3 = 0.5 * (x1 - x2 + y1 + y2);
// 枝を描画する
pen.Color = Color.Black;
g.DrawLine(pen, (float)x1, (float)y1, (float)x2, (float)y2);
pen.Color = Color.Green;
g.DrawLine(pen, (float)x1, (float)y1, (float)x3, (float)y3);
g.DrawLine(pen, (float)x3, (float)y3, (float)x2, (float)y2);
Ccurve(n - 1, x1, y1, x3, y3, g, pen);
Ccurve(n - 1, x3, y3, x2, y2, g, pen);
}
}
</pre>

;Cカーブ画ボタンクリックの中身

<pre>
Graphics g = pictureBox1.CreateGraphics();
Pen pen = new Pen(Color.Green, 2);
Tane tane = new Tane();

int n = 12; //子の世代数
double x0 = pictureBox1.Width * 0.25; //開始位置 x座標
double y0 = pictureBox1.Height * 0.75; //開始位置 y座標
double x1 = pictureBox1.Width * 0.75; //終了位置 x座標
double y1 = pictureBox1.Height * 0.75; //終了位置 y座標
tane.Ccurve(n, x0, y0, x1, y1, g, pen);
</pre>

==== 内分点と回転によるカスタムジェネレータの描画 ====

[[ファイル:gene01.JPG]]
[[ファイル:gene012.JPG]]

;Taneクラスのメソッド

<pre>
public void Gene01(int n, double x1, double y1, double x2, double y2, Graphics g, Pen pen)
{
double x3, y3, x4, y4;
double p = 2.0;
double q = 3.0;
double th = -30.0;
double s = Math.Sin(th * Math.PI / 180.0);
double c = Math.Cos(th * Math.PI / 180.0);

if (n > 0)
{
x3 = (q * x1 + p * x2) / (p + q);
y3 = (q * y1 + p * y2) / (p + q);
x4 = x1 + (x3 - x1) * c - (y3 - y1) * s;
y4 = y1 + (x3 - x1) * s + (y3 - y1) * c;
pen.Color = Color.Yellow;
g.DrawLine(pen, (float)x1, (float)y1, (float)x2, (float)y2);
g.DrawLine(pen, (float)x1, (float)y1, (float)x4, (float)y4);
Gene01(n - 1, x1, y1, x3, y3, g, pen);
Gene01(n - 1, x1, y1, x4, y4, g, pen);
Gene01(n - 1, x3, y3, x2, y2, g, pen);
}
}
</pre>

;カスタムジェネレータ描画ボタンクリックの中身

<pre>
Graphics g = pictureBox1.CreateGraphics();
Pen pen = new Pen(Color.Green, 2);
Tane tane = new Tane();

int n = 7; //子の世代数
double x0 = pictureBox1.Width * 0.1; //開始位置 x座標
double y0 = pictureBox1.Height * 0.5; //開始位置 y座標
double x1 = pictureBox1.Width * 0.9; //終了位置 x座標
double y1 = pictureBox1.Height * 0.5; //終了位置 y座標
tane.Gene01(n, x0, y0, x1, y1, g, pen);
</pre>

;マウスドラッグで始点と終点を決めて描く
*プロパティウィンドウにイベント(稲妻のアイコン)のリストを表示させ、MouseDownイベントをダブルクリックすると、MouseDownのメソッドが自動生成されます。
*label1,label2に始点の座標を、label3, label4に終点の座標を入れる

<pre>
private void pictureBox1_MouseDown(object sender, MouseEventArgs e)
{
label1.Text = e.X.ToString();
label2.Text = e.Y.ToString();

}

private void pictureBox1_MouseUp(object sender, MouseEventArgs e)
{
Graphics g = pictureBox1.CreateGraphics();
Pen pen = new Pen(Color.Green, 2);
Tane tane = new Tane();

int n = 7;
double x0 = double.Parse(label1.Text);
double y0 = double.Parse(label2.Text);
double x1 = double.Parse(label3.Text);
double y1 = double.Parse(label4.Text);

tane.Gene01(n, x0, y0, x1, y1, g, pen);
}

private void pictureBox1_MouseMove(object sender, MouseEventArgs e)
{
label3.Text = e.X.ToString();
label4.Text = e.Y.ToString();

}
</pre>

p,q,thをクラスのメンバー変数にして、外部からランダムに与える。

<pre>
class Tane
{
public double p { get; set; }
public double q { get; set; }
public double th { get; set; }

public void Gene01(int n, double x1, double y1, double x2, double y2, Graphics g, Pen pen)
{
double x3, y3, x4, y4;
double s = Math.Sin(th * Math.PI / 180.0);
double c = Math.Cos(th * Math.PI / 180.0);

if (n > 0)
{
x3 = (q * x1 + p * x2) / (p + q);
y3 = (q * y1 + p * y2) / (p + q);
x4 = x1 + (x3 - x1) * c - (y3 - y1) * s;
y4 = y1 + (x3 - x1) * s + (y3 - y1) * c;
pen.Color = Color.Yellow;
g.DrawLine(pen, (float)x1, (float)y1, (float)x2, (float)y2);
g.DrawLine(pen, (float)x1, (float)y1, (float)x4, (float)y4);
Gene01(n - 1, x1, y1, x3, y3, g, pen);
Gene01(n - 1, x1, y1, x4, y4, g, pen);
Gene01(n - 1, x3, y3, x2, y2, g, pen);
}
}

}

</pre>

<pre>
private void pictureBox1_MouseUp(object sender, MouseEventArgs e)
{
Graphics g = pictureBox1.CreateGraphics();
Pen pen = new Pen(Color.Green, 2);
Tane tane = new Tane();
Random rnd = new Random();

int n = 7;
double x0 = double.Parse(label1.Text);
double y0 = double.Parse(label2.Text);
double x1 = double.Parse(label3.Text);
double y1 = double.Parse(label4.Text);

tane.p = rnd.Next(2, 6);
tane.q = rnd.Next(3, 7);
tane.th = rnd.Next(10, 90);

tane.Gene01(n, x0, y0, x1, y1, g, pen);
}

</pre>

==== タイマーを使用した樹木のアニメーション ====

<pre>
private void button3_Click(object sender, EventArgs e)
{
timer1.Enabled = true;
timer1.Start();
}

private void button4_Click(object sender, EventArgs e)
{
timer1.Stop();
timer1.Enabled = false;
}

public int cnt; //タイマー用カウンタ
private void timer1_Tick(object sender, EventArgs e)
{
Graphics g = pictureBox1.CreateGraphics();
Pen pen = new Pen(Color.Green, 1);
Tane tane = new Tane();

g.Clear(Color.Black);

cnt++; //タイマー用カウンタのカウントアップ
int n = 10; //枝の世代数
double x0 = pictureBox1.Width / 2; //開始位置 x座標
double y0 = pictureBox1.Height; //開始位置 y座標
double x1 = pictureBox1.Width / 2; //開始位置 x座標
double y1 = pictureBox1.Height * 0.9 - cnt * 2; //開始位置 y座標
double angle = 30.0; //子供の枝の角度の変化の差分
double a_rate = angle + cnt * 2;
tane.Eda(n, x0, y0, x1, y1, a_rate, g, pen);
}
</pre>

== 複素平面フラクタル ==
*[http://blossom.media.t-kougei.ac.jp/~kuha/tutorial0/bioart/9_complex.pdf 配布資料PDF]
*[http://blossom.media.t-kougei.ac.jp/~kuha/tutorial0/bioart/mandelv3.exe 複複素平面フラクタル図形描画ソフトウェア for Windows]
**注）comdlg32.ocxがない場合は，[http://www.microsoft.com/downloads/ja-jp/details.aspx?displaylang=ja&FamilyID=7B9BA261-7A9C-43E7-9117-F673077FFB3C ここ]からRuntimeファイル群をダウンロードしてください。

[http://www.youtube.com/watch?v=0fKBhvDjuy0 Powers of Ten]

=== C#の座標変換 ===
;座標原点
原点を移動するには、TranslateTransformメソッドを使う。
<pre>
g.TranslateTransform(x1,y1); //座標原点を(x1,y1)に移動
</pre>

;座標の回転
座標軸をth度(degree)だけ回転するには、RotateTransformメソッドを使う。

<pre>
　 g.RotateTransform(th);
</pre>

;座標軸のスケール、方向
座標スケールを変換するには、ScaleTransformメソッドを使う。
<pre>
g.ScaleTransform(scx,scy); //X軸をscx倍、Y軸をscy倍する
</pre>
X軸は右、Y軸は下が正方向なので、座標軸方向を反転するには、次のとおり。
<pre>
　　　　　　g.ScaleTransform(1,-1); //Y軸方向の反転
　　　　　　g.ScaleTransform(-1,1); //X軸方向の反転
</pre>

=== 複素平面フラクタルの描画 ===
;自己平方の描画プログラム
<pre>
Graphics g = pictureBox1.CreateGraphics();
g.TranslateTransform(pictureBox1.Width / 2, pictureBox1.Height / 2); //原点を中央に移動
g.ScaleTransform(1, -1); //Y軸の向きを反転
Pen pen = new Pen(Color.White);

int Xmax = pictureBox1.Width / 2;
int Xmin = -pictureBox1.Width / 2;
int Ymax = pictureBox1.Height / 2;
int Ymin = -pictureBox1.Height / 2;
double Rmax = 0.5;
double Rmin = -0.5;
double Imax = 0.5;
double Imin = -0.5;
double Zr, newZr;
double Zi, newZi;
double Ar = -0.2;
double Ai = 0.675;
int Nmax = 100;
int Rstep = 1; // 何ピクセルごとに計算するか
int Istep = 1;

for (int x = Xmin; x < Xmax; x = x + Rstep)
{
for (int y = Ymin; y < Ymax; y = y + Istep)
{
Zr = ( x - Xmin ) * (Rmax - Rmin) / (Xmax - Xmin) + Rmin; // pictureBoxの座標を複素平面Zの座標に変換
Zi = ( y - Ymin ) * (Imax - Imin) / (Ymax - Ymin) + Imin;
int n = 0;
while ( Zr * Zr + Zi * Zi < 4 & n < Nmax )
{
newZr = Zr * Zr - Zi * Zi + Ar; // f(z) = X^2 * Aの実数部
newZi = 2 * Zr * Zi + Ai; // f(z) = X^2 * Aの虚数部
Zr = newZr;
Zi = newZi;
n++;
}
if (n < Nmax)
{
pen.Color = Color.FromArgb(255, n * 255 / Nmax, 0, 0);//nの数に応じて色分ける
g.DrawRectangle(pen, x, y, 1, 1);
}
}
}
</pre>

;マンデルブロー集合の描画プログラム
<pre>
Graphics g = pictureBox1.CreateGraphics();
g.TranslateTransform(pictureBox1.Width / 2, pictureBox1.Height / 2); //原点を中央に移動
g.ScaleTransform(1, -1); //Y軸の向きを反転
Pen pen = new Pen(Color.White);

int Xmax = pictureBox1.Width / 2;
int Xmin = -pictureBox1.Width / 2;
int Ymax = pictureBox1.Height / 2;
int Ymin = -pictureBox1.Height / 2;
double Rmax = 1.5;
double Rmin = -1.5;
double Imax = 1.5;
double Imin = -1.5;
double Zr, newZr;
double Zi, newZi;
double Cr;
double Ci;
int Nmax = 50;
int Rstep = 1; // 何ピクセルごとに計算するか
int Istep = 1;

for (int x = Xmin; x < Xmax; x = x + Rstep)
{
for (int y = Ymin; y < Ymax; y = y + Istep)
{
Cr = ( x - Xmin ) * (Rmax - Rmin) / (Xmax - Xmin) + Rmin; // pictureBoxの座標を複素平面Cの座標に変換
Ci = ( y - Ymin ) * (Imax - Imin) / (Ymax - Ymin) + Imin;
int n = 0;
Zr = 0.0;
Zi = 0.0;
while (Zr * Zr + Zi * Zi < 4 & n < Nmax)
{
newZr = Zr * Zr - Zi * Zi + Cr; // f(z) = X^2 * Cの実数部
newZi = 2 * Zr * Zi + Ci; // f(z) = X^2 * Cの虚数部
Zr = newZr;
Zi = newZi;
n++;
}
if (n < Nmax)
{
pen.Color = Color.FromArgb(255, 0, n * 255 / Nmax, 0);//nの数に応じて色分ける
g.DrawRectangle(pen, x, y, 1, 1);
}
}
}
</pre>

;Julia集合
<pre>
Graphics g = pictureBox1.CreateGraphics();
g.TranslateTransform(pictureBox1.Width / 2, pictureBox1.Height / 2); //原点を中央に移動
g.ScaleTransform(1, -1); //Y軸の向きを反転
Pen pen = new Pen(Color.White);

int Xmax = pictureBox1.Width / 2;
int Xmin = -pictureBox1.Width / 2;
int Ymax = pictureBox1.Height / 2;
int Ymin = -pictureBox1.Height / 2;
double Rmax = 1.5;
double Rmin = -1.5;
double Imax = 1.5;
double Imin = -1.5;
double Xr, Xr2, XrXi23, newXr;
double Xi, Xi2, newXi;
double Dr;
double Di;
int Nmax = 50;
int Rstep = 1; // 何ピクセルごとに計算するか
int Istep = 1;

for (int x = Xmin; x < Xmax; x = x + Rstep)
{
for (int y = Ymin; y < Ymax; y = y + Istep)
{
Xr = ( x - Xmin ) * (Rmax - Rmin) / (Xmax - Xmin) + Rmin; // pictureBoxの座標を複素平面Cの座標に変換
Xi = ( y - Ymin ) * (Imax - Imin) / (Ymax - Ymin) + Imin;
int n = 0;
Dr = 1.0;
Di = 1.0;
while (Dr + Di > 0.001 & n < Nmax)
{
Xr2 = Xr * Xr;
Xi2 = Xi * Xi;
XrXi23 = (Xr2 + Xi2) * (Xr2 + Xi2) / 3;
newXr = Xr * 2 / 3 + (Xr2 - Xi2) / XrXi23; // f(z) = X^2 * Cの実数部
newXi = Xi * 2 / 3 - 2 * Xr * Xi / XrXi23; // f(z) = X^2 * Cの虚数部
Dr = Math.Abs(newXr - Xr);
Di = Math.Abs(newXi - Xi);
Xr = newXr;
Xi = newXi;
n++;
}
if (n < Nmax)
{
int rr = n * 255 / Nmax;
int gg = 0;
int bb = 0;
pen.Color = Color.FromArgb(255, rr, gg, bb);//nの数に応じて色分ける
g.DrawRectangle(pen, x, y, 1, 1);
}
}
}
</pre>

=== 配色の工夫 ===

個々の色の差をハッキリさせる。
<pre>
int rr = (n % 13 + 1) * 255 / 14;
int gg = (n % 11 + 1) * 255 / 12;
int bb = (n % 7 + 1) * 255 / 8;
pen.Color = Color.FromArgb(255, rr, gg, bb);
g.DrawRectangle(pen, x, y, Rstep, Istep);
</pre>

ピクセルの目を粗くした時に、矩形の中身を塗りつぶす。
<pre>
pen.Color = Color.FromArgb(255, rr, gg, bb);
brush.Color = Color.FromArgb(255, rr, gg, bb);
g.DrawRectangle(pen, x, y, Rstep, Istep);
g.FillRectangle(brush, x, y, Rstep, Istep);
</pre>

Ar, Ai, Rstep, Istepなどをテキストボックスから入力する。
<pre>
Ar = double.Parse(textBox1.Text);
Ai = double.Parse(textBox2.Text);

Rstep = int.Parse(textBox3.Text);
Istep = Rstep;
</pre>

=== いろいろカスタマイズ ===

*複素平面の座標のスケールをラベルに表示する。
*マウスドラッグで、新しく描画する範囲を選択する。
*選択領域を正方形にするかどうかを、チェックボックスで指定する。
<pre>
//　グローバルに宣言
Point MD = new Point();//マウスダウンの位置
Point MU = new Point(); //マウスアップの位置

bool view = false;//選択領域を描画するかどうかの判定
bool view2 = false;
Graphics g;
int Xmax;
int Xmin;
int Ymax;
int Ymin;

double Rmax;
double Rmin;
double Imax;
double Imin;

double Rmax2;//マウスドラッグで指定した新しい範囲
double Rmin2;
double Imax2;
double Imin2;

public Form1()
{
InitializeComponent();
g = pictureBox1.CreateGraphics();
g.TranslateTransform(pictureBox1.Width / 2, pictureBox1.Height / 2); //原点を中央に移動
g.ScaleTransform(1, -1); //Y軸の向きを反転
view2 = true;

Xmax = pictureBox1.Width / 2;
Xmin = -pictureBox1.Width / 2;
Ymax = pictureBox1.Height / 2;
Ymin = -pictureBox1.Height / 2;

Rmax2 = 0.5;
Rmin2 = -0.5;
Imax2 = 0.5;
Imin2 = -0.5;
Rmax = Rmax2;
Rmin = Rmin2;
Imax = Imax2;
Imin = Imin2;

label1.Text = null;
label2.Text = null;
label3.Text = null;
label4.Text = null;

label5.Text = Rmax2.ToString();
label6.Text = Rmin2.ToString();
label7.Text = Imax2.ToString();
label8.Text = Imin2.ToString();
}

private void button1_Click(object sender, EventArgs e)
{
Pen pen = new Pen(Color.White);
SolidBrush brush = new SolidBrush(Color.FromArgb(90, 200, 200, 200));

g.Clear(Color.Black); //描画領域をクリア（黒で塗りつぶす）

Rmax = Rmax2;
Rmin = Rmin2;
Imax = Imax2;
Imin = Imin2;

label5.Text = Rmax2.ToString();
label6.Text = Rmin2.ToString();
label7.Text = Imax2.ToString();
label8.Text = Imin2.ToString();

label5.Refresh();
label6.Refresh();
label7.Refresh();
label8.Refresh();
view2 = true;

double Zr, newZr;
double Zi, newZi;
double Ar = -0.2;
double Ai = 0.675;
// double Ar = -0.3;
// double Ai = 0.63;
Ar = double.Parse(textBox1.Text);//テキストボックスから値を取得
Ai = double.Parse(textBox2.Text);

int Nmax = 500;
int Rstep = 3; // 何ピクセルごとに計算するか
int Istep = 3;

Rstep = int.Parse(textBox3.Text);
Istep = Rstep;

for (int x = Xmin; x < Xmax; x = x + Rstep)
{
for (int y = Ymin; y < Ymax; y = y + Istep)
{
Zr = ( x - Xmin ) * (Rmax - Rmin) / (Xmax - Xmin) + Rmin; // pictureBoxの座標を複素平面Zの座標に変換
Zi = ( y - Ymin ) * (Imax - Imin) / (Ymax - Ymin) + Imin;
int n = 0;
while ( Zr * Zr + Zi * Zi < 4 & n < Nmax )
{
newZr = Zr * Zr - Zi * Zi + Ar; // f(z) = X^2 * Aの実数部
newZi = 2 * Zr * Zi + Ai; // f(z) = X^2 * Aの虚数部
Zr = newZr;
Zi = newZi;
n++;
}
if (n < Nmax)
{
int dr = 17;
int rr = (n % dr + 1) * 255 / (dr + 1);
int gg = (n % 11 + 1) * 255 / 12;
int bb = (n % 7 + 1) * 255 / 8;
pen.Color = Color.FromArgb(255, rr, gg, 255 - bb);//nの数に応じて色分ける
brush.Color = Color.FromArgb(255, rr, gg, 255 - bb);//nの数に応じて色分ける
g.DrawRectangle(pen, x, y, Rstep, Istep);
g.FillRectangle(brush, x, y, Rstep, Istep);
}
}
}
}

private void button2_Click(object sender, EventArgs e)
{
Graphics g = pictureBox1.CreateGraphics();
g.Clear(Color.Black); //描画領域をクリア（黒で塗りつぶす）

label1.Text = null;
label2.Text = null;
label3.Text = null;
label4.Text = null;

label5.Text = Rmax2.ToString();
label6.Text = Rmin2.ToString();
label7.Text = Imax2.ToString();
label8.Text = Imin2.ToString();

view2 = true;

}

//　以下、マウスイベントによって選択範囲を取得する処理
private void pictureBox1_MouseDown(object sender, MouseEventArgs e)
{
if (view2 == false) return;
// 描画フラグON
view = true;

// Mouseを押した座標を記録
MD.X = e.X - Xmax;
MD.Y = Ymax - e.Y;
}

private void pictureBox1_MouseUp(object sender, MouseEventArgs e)
{
if (view2 == false) return;

Point start = new Point();
Point end = new Point();

// Mouseを離した座標を記録
MU.X = e.X - Xmax;
MU.Y = Ymax - e.Y;

// 座標から(X,Y)座標を計算
GetRegion(MD, MU, ref start, ref end);

// 領域を描画
DrawRegion(start, end);

// 描画フラグOFF
view = false;
view2 = false;

}

private void pictureBox1_MouseMove(object sender, MouseEventArgs e)
{
if (view2 == false) return;

Point p = new Point();

p.X = e.X - Xmax;
p.Y = Ymax - e.Y;

// 描画フラグcheck
if (view == false)
{
label1.Text = ( ( p.X - Xmin ) * (Rmax - Rmin) / (Xmax - Xmin) + Rmin ).ToString();
label2.Text = ( ( p.Y - Ymin ) * (Imax - Imin) / (Ymax - Ymin) + Imin ).ToString();

label3.Text = null;
label4.Text = null;

return;
}

// カーソルが示している場所の座標を取得
label3.Text = ( (p.X - Xmin) * (Rmax - Rmin) / (Xmax - Xmin) + Rmin ).ToString();
label4.Text = ( (p.Y - Ymin) * (Imax - Imin) / (Ymax - Ymin) + Imin ).ToString();
}

private void GetRegion(Point p1, Point p2, ref Point start, ref Point end)
{
start.X = Math.Min(p1.X, p2.X);
start.Y = Math.Min(p1.Y, p2.Y);

end.X = Math.Max(p1.X, p2.X);
end.Y = Math.Max(p1.Y, p2.Y);

if (checkBox1.Checked == true) //選択領域を正方形にする
{
int min_x_y = Math.Min(Math.Abs(end.X - start.X), Math.Abs(end.Y - start.Y));

end.X = start.X + min_x_y;
end.Y = start.Y + min_x_y;
}

Rmax2 = ( end.X - Xmin ) * (Rmax - Rmin) / (Xmax - Xmin) + Rmin; // pictureBoxの座標を複素平面Zの座標に変換
Imax2 = ( end.Y - Ymin ) * (Imax - Imin) / (Ymax - Ymin) + Imin;
Rmin2 = ( start.X - Xmin ) * (Rmax - Rmin) / (Xmax - Xmin) + Rmin;
Imin2 = ( start.Y - Ymin ) * (Imax - Imin) / (Ymax - Ymin) + Imin;
}

private int GetLength(int start, int end)
{
return Math.Abs(start - end);
}

private void DrawRegion(Point start, Point end)
{
Pen blackPen = new Pen(Color.White);
SolidBrush tbrush = new SolidBrush(Color.FromArgb(100,220,220,220));

// 描画する線を点線に設定
// blackPen.DashStyle = System.Drawing.Drawing2D.DashStyle.Dash;

// 画面を消去
// g.Clear(SystemColors.Control);

// 領域を描画
g.DrawRectangle(blackPen, start.X, start.Y, GetLength(start.X, end.X), GetLength(start.Y, end.Y));
g.FillRectangle(tbrush, start.X, start.Y, GetLength(start.X, end.X), GetLength(start.Y, end.Y));
}

private void button5_Click(object sender, EventArgs e)
{
// 座標を初期値に戻す
Rmax2 = 0.5;
Rmin2 = -0.5;
Imax2 = 0.5;
Imin2 = -0.5;

label1.Text = null;
label2.Text = null;
label3.Text = null;
label4.Text = null;

label5.Text = Rmax2.ToString();
label6.Text = Rmin2.ToString();
label7.Text = Imax2.ToString();
label8.Text = Imin2.ToString();
}
</pre>

*座標のスケールの拡大、縮小ボタンを付ける
<pre>
private void button6_Click(object sender, EventArgs e)
{
// 座標のスケールを５倍にする
double ratio = 5.0;
double R_ave = ( Rmax2 + Rmin2 ) / 2;
double R_dif2 = ( Rmax2 - Rmin2 ) / 2;
double I_ave = ( Imax2 + Imin2 ) / 2;
double I_dif2 = ( Imax2 - Imin2 ) / 2;

Rmax2 = R_ave + R_dif2 * ratio;
Rmin2 = R_ave - R_dif2 * ratio;
Imax2 = I_ave + I_dif2 * ratio;
Imin2 = I_ave - I_dif2 * ratio;

label5.Text = Rmax2.ToString();
label6.Text = Rmin2.ToString();
label7.Text = Imax2.ToString();
label8.Text = Imin2.ToString();
}

private void button7_Click(object sender, EventArgs e)
{
// 座標のスケールを５分の１倍にする
double ratio = 5.0;
double R_ave = (Rmax2 + Rmin2) / 2;
double R_dif2 = (Rmax2 - Rmin2) / 2;
double I_ave = (Imax2 + Imin2) / 2;
double I_dif2 = (Imax2 - Imin2) / 2;

Rmax2 = R_ave + R_dif2 / ratio;
Rmin2 = R_ave - R_dif2 / ratio;
Imax2 = I_ave + I_dif2 / ratio;
Imin2 = I_ave - I_dif2 / ratio;

label5.Text = Rmax2.ToString();
label6.Text = Rmin2.ToString();
label7.Text = Imax2.ToString();
label8.Text = Imin2.ToString();
}
</pre>

*座標の上下左右へシフトさせるボタンを付ける
<pre>
private void button8_Click(object sender, EventArgs e)
{
// 座標のスケールを左に0.5スケールシフトする
double R_ave = (Rmax2 + Rmin2) * 0.5;
double R_dif2 = (Rmax2 - Rmin2) * 0.5;

Rmax2 = Rmax2 - R_dif2;
Rmin2 = Rmin2 - R_dif2;

label5.Text = Rmax2.ToString();
label6.Text = Rmin2.ToString();
}

private void button9_Click(object sender, EventArgs e)
{
// 座標のスケールを右に0.5スケールシフトする
double R_ave = (Rmax2 + Rmin2) * 0.5;
double R_dif2 = (Rmax2 - Rmin2) * 0.5;

Rmax2 = Rmax2 + R_dif2;
Rmin2 = Rmin2 + R_dif2;

label5.Text = Rmax2.ToString();
label6.Text = Rmin2.ToString();
}

private void button10_Click(object sender, EventArgs e)
{
// 座標のスケールを下に0.5スケールシフトする
double I_ave = (Imax2 + Imin2) * 0.5 ;
double I_dif2 = (Imax2 - Imin2) * 0.5;

Imax2 = Imax2 - I_dif2;
Imin2 = Imin2 - I_dif2;

label7.Text = Imax2.ToString();
label8.Text = Imin2.ToString();
}

private void button11_Click(object sender, EventArgs e)
{
// 座標のスケールを上に0.5スケールシフトする
double I_ave = (Imax2 + Imin2) * 0.5;
double I_dif2 = (Imax2 - Imin2) * 0.5;

Imax2 = Imax2 + I_dif2;
Imin2 = Imin2 + I_dif2;

label7.Text = Imax2.ToString();
label8.Text = Imin2.ToString();
}
</pre>

== 人間の感覚 ==
=== アロマアート ===
嗅覚を利用したアート

[http://w3.media.t-kougei.ac.jp/kuha/asp/asp00kuha/bbs.asp かんたん掲示板]に「香りの特徴」を書いてみよう。

*[http://www.kuhalabo.net/~kuha/doc/pclit_manu200510.pdf 香りの印刷]
*[http://www.kuhalabo.net/~kuha/doc/aromap20040312.pdf アロマプリンタ]
*[http://ja.wikipedia.org/wiki/RAMPO 映画RAMPO]
*ブンマー・モンティエン,呼吸の家
**彫刻の中に入ってハーブの香りを体感するもの　(東京都現代美術館) http://www.tokyoartbeat.com/tablog/images/ShowMeThai3.jpg
*アムラックスシアター
**シーンに合わせた座席の振動・香りつきのシアター（トヨタ・アムラックス）

=== 共感覚 ===
*[http://www.kuhalabo.net/~projectk/color_sound/trial-product/new/ 色彩と調性の関係性についての実験サイト]（久原ゼミの実験企画）
*[http://ist.ksc.kwansei.ac.jp/~nagata/synesthesia/ 色聴は共感覚]（関西学院理工学部情報科学科の長田典子先生の研究室）

=== ヒーリングアート ===
;リラックスとリフレッシュ
:リラックス時には副交感神経が優勢に，興奮状態にある場合は、交感神経が優勢になる。
:リラックス時にはアルファ波が出る？

;1/f揺らぎ
*ホワイトノイズ、サイン波、ピンクノイズ(1/f揺らぎ)
*自然界の音を使用した楽曲 [http://www.media.t-kougei.ac.jp/~projectk/healmusic/ URL]
* スペクトル
** EQ(イコライザ)によって，音のスペクトルを加工する。
** スペクトルとは[[周波数構成]]のこと。ピッチ感のある音は，ピークとなる基本周波数を中心として複数の倍音成分から構成される。
*** [http://www.cycleof5th.com/products/soundengine/ SoundEngine]や[http://audacity.sourceforge.net/?lang=ja Audacity]でsin波などを生成し，周波数構成を観察。sin波は基本周波数１つのみ。ノコギリ波はsin波の倍数の無限級数。ホワイトノイズはランダムな周波数構成。
*** 人のボーカル，楽器の音，車のエンジン音のスペクトルを比較してみる。
;子守唄
*子守唄の特徴、西洋の子守唄、日本の子守唄
*子守唄自動作曲プログラム(Max/MSP)[http://www.media.t-kougei.ac.jp/~kuha/doc/sigmus68_suyama_kuhara07.pdf PDF]
*生理食塩水内レコーディング[http://www.media.t-kougei.ac.jp/kuhalaaa/mdata.php?catego=3&wks_id=230&mode=detail 竹田の子守唄]

;生物的なシステム，生物の癒し効果
[http://www.kazsh.com/ flash effects] /
[http://levitated.net/ Levitated the Exploration of Computation] /
[http://sodaplay.com/ sodaplay]/
[http://www.vectorpark.com/ Vector Park] /
[http://www.livly.com/ リヴリー・アイランド] /
[http://electroplankton.com/ エレクトロプランクトン] /
[http://www.bandai.co.jp/releases/J2004020301.html たまごっちプラス] /
[http://www.aist.go.jp/pr/expo/contents/paro/paro.html メンタルコミットロボアザラシ型「パロ」] /
[http://www.necoro.com/home.html 猫型コミュニケーションロボット「ネコロ」] /
[http://www.nintendo.co.jp/ds/adgj/index.html nintendogs] /
[http://www.nhk.or.jp/digista/onair/hall_2004.html What is TRUTH?] /

*[http://blossom.media.t-kougei.ac.jp/~kuha/tutorial0/bioart/egg.swf Vector Parkのegg.swf]
*[http://www.ebiebi.net//F_SAMPLES/clambon/ CLAMBON FARM]
*[http://intihuatani.usc.edu/cloud/flowing/ flOw]
*電子ペット Comたま [http://blossom.media.t-kougei.ac.jp/comtama/ URL] / [http://blossom.media.t-kougei.ac.jp/~kuha/doc/genko_comtama.pdf PDF]

== [[脳]] ==

== [[Neural Networks]] ==

== [[Genetic Algorithm]] ==

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

学内のプロキシー環境で作業する場合、コンソールで
<pre>
git config --global http.proxy proxy-n.t-kougei.ac.jp:8080
git config --global https.proxy proxy-n.t-kougei.ac.jp:8080
</pre>
とする。

通常のプロキシーのない環境で作業する場合、コンソールで
<pre>
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
</pre>
とする。

現在の設定を確認するには、コンソールで、
<pre>
git config --list
</pre>
とする。

== リンク ==

http://gushwell.ifdef.jp/

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

[[Category:授業]]

メインページ

2026-05-11T09:17:20Z

Kuha：/* 大学院 */

== [[:Category:授業|授業]] ==

[[コンピュータリテラシーA]]

[[作曲演習]]

[[スケーラブルアート論]]

知性と感性を学ぶ([[Study on Intelligence and Sensibility]]9

カラーサイエンス＆アート([[Color Sciense and Art]])

[[ジェネラティブアート論]] | [[生命情報アート論]]

[[サウンド演習I]] | [[サウンド演習II]] |

[[総合メディア概論]] | [[システムデザイン]] |

[[サイエンスアート特論]] | [[インタラクティブメディア特論I]] | [[インタラクティブメディア特論演習I]]

[[インタラクティブメディア概論A]]

[[Max/MSPによるMIDIプログラミング]] | [[Max/MSPによるオーディオプログラミング]] |

[[MaxとFlashの通信]] |
[[Google Maps API V3]] |
[[openFrameworks for Visual studio]] |
[[VOCALOID seminar]]

[[Scratchプログラミング]]

[https://www.youtube.com/watch?v=Sf5AoCJWLnw&list=PLZBjTmM9PGD94oPGCrMSwzgPAEc47NHok サウンド演習IIベストセレクション2005-2015]

== [[:Category:研究|研究]] ==
[[docker]] / [[nginx]] / [[Deep Learning]] / [[Python]] / [[PyTorch]] / [[PHP]]

[[Color Mapping]] / [[NeoPixel]] / [[Gaudi]] / [[ABC Conjecture]]

[https://www.hiroshige.org.uk/ Ukiyoe Utagawa Hiroshige UK]

[http://www.kuhalabo.net/mng/ mng]

[https://www.amazon.co.jp/?&_encoding=UTF8&tag=q8labo-22&linkCode=ur2&linkId=6ba01c2aa4181dbe238cfe6cb8cb5846&camp=247&creative=1211 Amazon]

VT Piano http://www.kuhalabo.net/~web/vtp/

https://www.youtube.com/@kuhalabo

https://www.youtube.com/playlist?list=PLZBjTmM9PGD9q3aNDgK0STlnewznEpu4w

== 東京工芸大学 ==

[http://www.t-kougei.ac.jp/index.html 公式サイト] /
[https://portal.kougei.net/up/faces/login/Com00501A.jsp コウゲイ.net] /
[https://blog.t-kougei.ac.jp/ KOOGEIブログ] /
[https://100th.t-kougei.ac.jp/activity/ 100周年の取り組み] /

[https://www-lib.t-kougei.ac.jp/ 図書館蔵書検索] /
[http://www.cc.t-kougei.ac.jp/ 情報処理教育研究センター] /
[http://gakuen.t-kougei.ac.jp/ GAKUEN] /
[http://www.univcoop.jp/kougei/ 工芸大生協] /
[http://order.univ.coop/ 生協Webショッピング] /
[https://univpc.com/ uniV PC] /
[https://blog.t-kougei.ac.jp/ KOUGEI PEOPLE] /
[https://collab.t-kougei.ac.jp/ 色の科学芸術センター col.lab]　/
[https://www.t-kougei.ac.jp/activity/extension/ 芸術学部フェスタ] /
[https://kougei.repo.nii.ac.jp/ 学術リポジトリ]

=== インタラクティブメディア学科 ===

[http://www.int.t-kougei.ac.jp/ IM学科オフィシャル]

* [[IM Open Lesson|インタラクティブメディア公開レッスン]]

[[久原研究室]]

== インタラクティブメディア学科 ==

[https://blog.t-kougei.ac.jp/int/ ブログ] /
[http://prezi.com/wve3-xczpvno/?utm_campaign=share&utm_medium=copy&rc=ex0share 学科紹介プレゼンテーション資料(Prezi Classic)] /
[https://prezi.com/view/2eIvkgJImF4VKYvyIZkI/ 学科紹介ビデオ(Prezi Next)]

== 学会 ==

AI Music Creativity https://aimusiccreativity.org/

== NIME ==

Life Game Orchestra http://www.kuhalabo.net/~kuha/nime/lifegorch/

Tweet Harp http://www.kuhalabo.net/~kuha/nime/tweetharp/

Wii Love Music http://www.kuhalabo.net/~kuha/nime/wiimu/

Multi-track Loop Sequencer http://www.kuhalabo.net/~kuha/nime/lpsqr/

Circle Canon Chorus Frog Round http://www.kuhalabo.net/~kuha/nime/kanon/chorus/

http://www.kuhalabo.net/~web/vtp/

== 宇宙物理・天文 ==

宇宙天気予報 https://swc.nict.go.jp/

ケプラーの惑星音階　https://www.asahi-net.or.jp/~hb9t-ktd/music/Japan/Research/Genre/Fantasy/kepler.html

ダジック・アース　https://www.dagik.net/ | https://www.npo.dagik.org/ | http://dagik.org/dow/

== その他 ==

[[サーバ設定]]

[[:Category:薬|薬]]

[[Kalles Fraktaler]]

[https://www.harjavalta.fi/kulttuuri-ja-vapaa-aika/museo/ Emil Cedercreutzin museo]

[[素数]]

[[誤訳]]

http://www.kuhalabo.net/~kuha/tutorial0/

== Youtube ==

[https://www.youtube.com/channel/UCILd88Su8uj8PDWp2kHC_1w/videos?flow=list Takanori Nagae] /
[https://www.youtube.com/user/kuhalabo/videos?view=57&flow=list Kuhalabo] /
[https://www.youtube.com/user/kikakukougei kikakukougei] /
[https://www.youtube.com/channel/UCPHSDDHx9aHBM8c2TcHQd4Q インタラクティブメディア学科] /
[https://www.youtube.com/channel/UCRHkKJFdiyLG9pQXp_Q4Qtg 工芸大生協] /

== はじめましょう ==
* [//meta.wikimedia.org/wiki/Help:Contents 利用者案内]
* [//www.mediawiki.org/wiki/Manual:Configuration_settings/ja 設定の一覧]
* [//www.mediawiki.org/wiki/Manual:FAQ/ja MediaWiki よくある質問と回答]
* [https://lists.wikimedia.org/mailman/listinfo/mediawiki-announce MediaWikiリリース情報メーリングリスト]

メインページ

2026-05-11T09:16:45Z

Kuha：/* インタラクティブメディア学科 */

== [[:Category:授業|授業]] ==

[[コンピュータリテラシーA]]

[[作曲演習]]

[[スケーラブルアート論]]

知性と感性を学ぶ([[Study on Intelligence and Sensibility]]9

カラーサイエンス＆アート([[Color Sciense and Art]])

[[ジェネラティブアート論]] | [[生命情報アート論]]

[[サウンド演習I]] | [[サウンド演習II]] |

[[総合メディア概論]] | [[システムデザイン]] |

[[サイエンスアート特論]] | [[インタラクティブメディア特論I]] | [[インタラクティブメディア特論演習I]]

[[インタラクティブメディア概論A]]

[[Max/MSPによるMIDIプログラミング]] | [[Max/MSPによるオーディオプログラミング]] |

[[MaxとFlashの通信]] |
[[Google Maps API V3]] |
[[openFrameworks for Visual studio]] |
[[VOCALOID seminar]]

[[Scratchプログラミング]]

[https://www.youtube.com/watch?v=Sf5AoCJWLnw&list=PLZBjTmM9PGD94oPGCrMSwzgPAEc47NHok サウンド演習IIベストセレクション2005-2015]

== [[:Category:研究|研究]] ==
[[docker]] / [[nginx]] / [[Deep Learning]] / [[Python]] / [[PyTorch]] / [[PHP]]

[[Color Mapping]] / [[NeoPixel]] / [[Gaudi]] / [[ABC Conjecture]]

[https://www.hiroshige.org.uk/ Ukiyoe Utagawa Hiroshige UK]

[http://www.kuhalabo.net/mng/ mng]

[https://www.amazon.co.jp/?&_encoding=UTF8&tag=q8labo-22&linkCode=ur2&linkId=6ba01c2aa4181dbe238cfe6cb8cb5846&camp=247&creative=1211 Amazon]

VT Piano http://www.kuhalabo.net/~web/vtp/

https://www.youtube.com/@kuhalabo

https://www.youtube.com/playlist?list=PLZBjTmM9PGD9q3aNDgK0STlnewznEpu4w

== 東京工芸大学 ==

[http://www.t-kougei.ac.jp/index.html 公式サイト] /
[https://portal.kougei.net/up/faces/login/Com00501A.jsp コウゲイ.net] /
[https://blog.t-kougei.ac.jp/ KOOGEIブログ] /
[https://100th.t-kougei.ac.jp/activity/ 100周年の取り組み] /

[https://www-lib.t-kougei.ac.jp/ 図書館蔵書検索] /
[http://www.cc.t-kougei.ac.jp/ 情報処理教育研究センター] /
[http://gakuen.t-kougei.ac.jp/ GAKUEN] /
[http://www.univcoop.jp/kougei/ 工芸大生協] /
[http://order.univ.coop/ 生協Webショッピング] /
[https://univpc.com/ uniV PC] /
[https://blog.t-kougei.ac.jp/ KOUGEI PEOPLE] /
[https://collab.t-kougei.ac.jp/ 色の科学芸術センター col.lab]　/
[https://www.t-kougei.ac.jp/activity/extension/ 芸術学部フェスタ] /
[https://kougei.repo.nii.ac.jp/ 学術リポジトリ]

=== インタラクティブメディア学科 ===

[http://www.int.t-kougei.ac.jp/ IM学科オフィシャル]

* [[IM Open Lesson|インタラクティブメディア公開レッスン]]

[[久原研究室]]

== 大学院 ==

[[芸術学研究科]]

== インタラクティブメディア学科 ==

[https://blog.t-kougei.ac.jp/int/ ブログ] /
[http://prezi.com/wve3-xczpvno/?utm_campaign=share&utm_medium=copy&rc=ex0share 学科紹介プレゼンテーション資料(Prezi Classic)] /
[https://prezi.com/view/2eIvkgJImF4VKYvyIZkI/ 学科紹介ビデオ(Prezi Next)]

== 学会 ==

AI Music Creativity https://aimusiccreativity.org/

== NIME ==

Life Game Orchestra http://www.kuhalabo.net/~kuha/nime/lifegorch/

Tweet Harp http://www.kuhalabo.net/~kuha/nime/tweetharp/

Wii Love Music http://www.kuhalabo.net/~kuha/nime/wiimu/

Multi-track Loop Sequencer http://www.kuhalabo.net/~kuha/nime/lpsqr/

Circle Canon Chorus Frog Round http://www.kuhalabo.net/~kuha/nime/kanon/chorus/

http://www.kuhalabo.net/~web/vtp/

== 宇宙物理・天文 ==

宇宙天気予報 https://swc.nict.go.jp/

ケプラーの惑星音階　https://www.asahi-net.or.jp/~hb9t-ktd/music/Japan/Research/Genre/Fantasy/kepler.html

ダジック・アース　https://www.dagik.net/ | https://www.npo.dagik.org/ | http://dagik.org/dow/

== その他 ==

[[サーバ設定]]

[[:Category:薬|薬]]

[[Kalles Fraktaler]]

[https://www.harjavalta.fi/kulttuuri-ja-vapaa-aika/museo/ Emil Cedercreutzin museo]

[[素数]]

[[誤訳]]

http://www.kuhalabo.net/~kuha/tutorial0/

== Youtube ==

[https://www.youtube.com/channel/UCILd88Su8uj8PDWp2kHC_1w/videos?flow=list Takanori Nagae] /
[https://www.youtube.com/user/kuhalabo/videos?view=57&flow=list Kuhalabo] /
[https://www.youtube.com/user/kikakukougei kikakukougei] /
[https://www.youtube.com/channel/UCPHSDDHx9aHBM8c2TcHQd4Q インタラクティブメディア学科] /
[https://www.youtube.com/channel/UCRHkKJFdiyLG9pQXp_Q4Qtg 工芸大生協] /

== はじめましょう ==
* [//meta.wikimedia.org/wiki/Help:Contents 利用者案内]
* [//www.mediawiki.org/wiki/Manual:Configuration_settings/ja 設定の一覧]
* [//www.mediawiki.org/wiki/Manual:FAQ/ja MediaWiki よくある質問と回答]
* [https://lists.wikimedia.org/mailman/listinfo/mediawiki-announce MediaWikiリリース情報メーリングリスト]

カテゴリ:カリキュラム

2026-05-11T09:16:08Z

Kuha：ページの白紙化

インタラクティブメディア演習II

2026-05-11T09:15:28Z

Kuha：ページの白紙化

インタラクティブメディア演習I

2026-05-11T09:15:17Z

Kuha：ページの白紙化

インタラクティブメディア概論A

2026-05-11T09:15:06Z

Kuha：ページの白紙化

教務

2026-05-11T09:14:36Z

Kuha：ページの白紙化

ABC Conjecture

2026-05-11T09:13:59Z

Kuha：ページの白紙化

Gaudi

2026-05-11T09:13:38Z

Kuha：ページの白紙化

Docker

2026-05-11T09:11:35Z

Kuha：ページの白紙化

メインページ

2026-05-11T09:11:20Z

Kuha：/* 施設 */

== [[:Category:授業|授業]] ==

[[コンピュータリテラシーA]]

[[作曲演習]]

[[スケーラブルアート論]]

知性と感性を学ぶ([[Study on Intelligence and Sensibility]]9

カラーサイエンス＆アート([[Color Sciense and Art]])

[[ジェネラティブアート論]] | [[生命情報アート論]]

[[サウンド演習I]] | [[サウンド演習II]] |

[[総合メディア概論]] | [[システムデザイン]] |

[[サイエンスアート特論]] | [[インタラクティブメディア特論I]] | [[インタラクティブメディア特論演習I]]

[[インタラクティブメディア概論A]]

[[Max/MSPによるMIDIプログラミング]] | [[Max/MSPによるオーディオプログラミング]] |

[[MaxとFlashの通信]] |
[[Google Maps API V3]] |
[[openFrameworks for Visual studio]] |
[[VOCALOID seminar]]

[[Scratchプログラミング]]

[https://www.youtube.com/watch?v=Sf5AoCJWLnw&list=PLZBjTmM9PGD94oPGCrMSwzgPAEc47NHok サウンド演習IIベストセレクション2005-2015]

== [[:Category:研究|研究]] ==
[[docker]] / [[nginx]] / [[Deep Learning]] / [[Python]] / [[PyTorch]] / [[PHP]]

[[Color Mapping]] / [[NeoPixel]] / [[Gaudi]] / [[ABC Conjecture]]

[https://www.hiroshige.org.uk/ Ukiyoe Utagawa Hiroshige UK]

[http://www.kuhalabo.net/mng/ mng]

[https://www.amazon.co.jp/?&_encoding=UTF8&tag=q8labo-22&linkCode=ur2&linkId=6ba01c2aa4181dbe238cfe6cb8cb5846&camp=247&creative=1211 Amazon]

VT Piano http://www.kuhalabo.net/~web/vtp/

https://www.youtube.com/@kuhalabo

https://www.youtube.com/playlist?list=PLZBjTmM9PGD9q3aNDgK0STlnewznEpu4w

== 東京工芸大学 ==

[http://www.t-kougei.ac.jp/index.html 公式サイト] /
[https://portal.kougei.net/up/faces/login/Com00501A.jsp コウゲイ.net] /
[https://blog.t-kougei.ac.jp/ KOOGEIブログ] /
[https://100th.t-kougei.ac.jp/activity/ 100周年の取り組み] /

[https://www-lib.t-kougei.ac.jp/ 図書館蔵書検索] /
[http://www.cc.t-kougei.ac.jp/ 情報処理教育研究センター] /
[http://gakuen.t-kougei.ac.jp/ GAKUEN] /
[http://www.univcoop.jp/kougei/ 工芸大生協] /
[http://order.univ.coop/ 生協Webショッピング] /
[https://univpc.com/ uniV PC] /
[https://blog.t-kougei.ac.jp/ KOUGEI PEOPLE] /
[https://collab.t-kougei.ac.jp/ 色の科学芸術センター col.lab]　/
[https://www.t-kougei.ac.jp/activity/extension/ 芸術学部フェスタ] /
[https://kougei.repo.nii.ac.jp/ 学術リポジトリ]

=== インタラクティブメディア学科 ===

[http://www.int.t-kougei.ac.jp/ IM学科オフィシャル]

* [[IM Open Lesson|インタラクティブメディア公開レッスン]]
*[https://blog.t-kougei.ac.jp/int/ IM学科ブログ]
*[https://prezi.com/wve3-xczpvno/presentation/?present=1 IM学科プレゼン資料(Prezi)]
*[https://www.youtube.com/watch?v=lDi-T-yIKFk&t=5s IM学科紹介動画(YouTube)]
*[https://www.youtube.com/channel/UCPHSDDHx9aHBM8c2TcHQd4Q IM学科YouTubeチャンネル]

[[教務]]

[[教職課程]]

[[久原研究室]]

[http://socialakiba.com/ 永江研究室]

旧[[:Category:カリキュラム|カリキュラム]]

== 大学院 ==

[[芸術学研究科]]

== インタラクティブメディア学科 ==

[https://blog.t-kougei.ac.jp/int/ ブログ] /
[http://prezi.com/wve3-xczpvno/?utm_campaign=share&utm_medium=copy&rc=ex0share 学科紹介プレゼンテーション資料(Prezi Classic)] /
[https://prezi.com/view/2eIvkgJImF4VKYvyIZkI/ 学科紹介ビデオ(Prezi Next)]

== 学会 ==

AI Music Creativity https://aimusiccreativity.org/

== NIME ==

Life Game Orchestra http://www.kuhalabo.net/~kuha/nime/lifegorch/

Tweet Harp http://www.kuhalabo.net/~kuha/nime/tweetharp/

Wii Love Music http://www.kuhalabo.net/~kuha/nime/wiimu/

Multi-track Loop Sequencer http://www.kuhalabo.net/~kuha/nime/lpsqr/

Circle Canon Chorus Frog Round http://www.kuhalabo.net/~kuha/nime/kanon/chorus/

http://www.kuhalabo.net/~web/vtp/

== 宇宙物理・天文 ==

宇宙天気予報 https://swc.nict.go.jp/

ケプラーの惑星音階　https://www.asahi-net.or.jp/~hb9t-ktd/music/Japan/Research/Genre/Fantasy/kepler.html

ダジック・アース　https://www.dagik.net/ | https://www.npo.dagik.org/ | http://dagik.org/dow/

== その他 ==

[[サーバ設定]]

[[:Category:薬|薬]]

[[Kalles Fraktaler]]

[https://www.harjavalta.fi/kulttuuri-ja-vapaa-aika/museo/ Emil Cedercreutzin museo]

[[素数]]

[[誤訳]]

http://www.kuhalabo.net/~kuha/tutorial0/

== Youtube ==

[https://www.youtube.com/channel/UCILd88Su8uj8PDWp2kHC_1w/videos?flow=list Takanori Nagae] /
[https://www.youtube.com/user/kuhalabo/videos?view=57&flow=list Kuhalabo] /
[https://www.youtube.com/user/kikakukougei kikakukougei] /
[https://www.youtube.com/channel/UCPHSDDHx9aHBM8c2TcHQd4Q インタラクティブメディア学科] /
[https://www.youtube.com/channel/UCRHkKJFdiyLG9pQXp_Q4Qtg 工芸大生協] /

== はじめましょう ==
* [//meta.wikimedia.org/wiki/Help:Contents 利用者案内]
* [//www.mediawiki.org/wiki/Manual:Configuration_settings/ja 設定の一覧]
* [//www.mediawiki.org/wiki/Manual:FAQ/ja MediaWiki よくある質問と回答]
* [https://lists.wikimedia.org/mailman/listinfo/mediawiki-announce MediaWikiリリース情報メーリングリスト]

専用講義室

2026-05-11T09:11:01Z

Kuha：ページの白紙化

Communication Space

2026-05-11T09:10:50Z

Kuha：ページの白紙化

共同研究室

2026-05-11T09:10:37Z

Kuha：ページの白紙化

312教室

2026-05-11T09:10:21Z

Kuha：ページの白紙化

サウンドスタジオ

2026-05-11T09:10:02Z

Kuha：ページの白紙化

学科オフィス

2026-05-11T09:09:14Z

Kuha：ページの白紙化

メインページ

2026-05-11T09:08:58Z

Kuha：/* 施設 */

== [[:Category:授業|授業]] ==

[[コンピュータリテラシーA]]

[[作曲演習]]

[[スケーラブルアート論]]

知性と感性を学ぶ([[Study on Intelligence and Sensibility]]9

カラーサイエンス＆アート([[Color Sciense and Art]])

[[ジェネラティブアート論]] | [[生命情報アート論]]

[[サウンド演習I]] | [[サウンド演習II]] |

[[総合メディア概論]] | [[システムデザイン]] |

[[サイエンスアート特論]] | [[インタラクティブメディア特論I]] | [[インタラクティブメディア特論演習I]]

[[インタラクティブメディア概論A]]

[[Max/MSPによるMIDIプログラミング]] | [[Max/MSPによるオーディオプログラミング]] |

[[MaxとFlashの通信]] |
[[Google Maps API V3]] |
[[openFrameworks for Visual studio]] |
[[VOCALOID seminar]]

[[Scratchプログラミング]]

[https://www.youtube.com/watch?v=Sf5AoCJWLnw&list=PLZBjTmM9PGD94oPGCrMSwzgPAEc47NHok サウンド演習IIベストセレクション2005-2015]

== [[:Category:研究|研究]] ==
[[docker]] / [[nginx]] / [[Deep Learning]] / [[Python]] / [[PyTorch]] / [[PHP]]

[[Color Mapping]] / [[NeoPixel]] / [[Gaudi]] / [[ABC Conjecture]]

[https://www.hiroshige.org.uk/ Ukiyoe Utagawa Hiroshige UK]

[http://www.kuhalabo.net/mng/ mng]

[https://www.amazon.co.jp/?&_encoding=UTF8&tag=q8labo-22&linkCode=ur2&linkId=6ba01c2aa4181dbe238cfe6cb8cb5846&camp=247&creative=1211 Amazon]

VT Piano http://www.kuhalabo.net/~web/vtp/

https://www.youtube.com/@kuhalabo

https://www.youtube.com/playlist?list=PLZBjTmM9PGD9q3aNDgK0STlnewznEpu4w

== 東京工芸大学 ==

[http://www.t-kougei.ac.jp/index.html 公式サイト] /
[https://portal.kougei.net/up/faces/login/Com00501A.jsp コウゲイ.net] /
[https://blog.t-kougei.ac.jp/ KOOGEIブログ] /
[https://100th.t-kougei.ac.jp/activity/ 100周年の取り組み] /

[https://www-lib.t-kougei.ac.jp/ 図書館蔵書検索] /
[http://www.cc.t-kougei.ac.jp/ 情報処理教育研究センター] /
[http://gakuen.t-kougei.ac.jp/ GAKUEN] /
[http://www.univcoop.jp/kougei/ 工芸大生協] /
[http://order.univ.coop/ 生協Webショッピング] /
[https://univpc.com/ uniV PC] /
[https://blog.t-kougei.ac.jp/ KOUGEI PEOPLE] /
[https://collab.t-kougei.ac.jp/ 色の科学芸術センター col.lab]　/
[https://www.t-kougei.ac.jp/activity/extension/ 芸術学部フェスタ] /
[https://kougei.repo.nii.ac.jp/ 学術リポジトリ]

=== インタラクティブメディア学科 ===

[http://www.int.t-kougei.ac.jp/ IM学科オフィシャル]

* [[IM Open Lesson|インタラクティブメディア公開レッスン]]
*[https://blog.t-kougei.ac.jp/int/ IM学科ブログ]
*[https://prezi.com/wve3-xczpvno/presentation/?present=1 IM学科プレゼン資料(Prezi)]
*[https://www.youtube.com/watch?v=lDi-T-yIKFk&t=5s IM学科紹介動画(YouTube)]
*[https://www.youtube.com/channel/UCPHSDDHx9aHBM8c2TcHQd4Q IM学科YouTubeチャンネル]

[[教務]]

[[教職課程]]

[[久原研究室]]

[http://socialakiba.com/ 永江研究室]

旧[[:Category:カリキュラム|カリキュラム]]

== 大学院 ==

[[芸術学研究科]]

== [[:Category:施設|施設]] ==

[[学科オフィス]] /
[[サウンドスタジオ]] /
[[312教室]] /
[[共同研究室]] /
[[Communication Space]] /
[[専用講義室]] /
デジタルスタジオ

== インタラクティブメディア学科 ==

[https://blog.t-kougei.ac.jp/int/ ブログ] /
[http://prezi.com/wve3-xczpvno/?utm_campaign=share&utm_medium=copy&rc=ex0share 学科紹介プレゼンテーション資料(Prezi Classic)] /
[https://prezi.com/view/2eIvkgJImF4VKYvyIZkI/ 学科紹介ビデオ(Prezi Next)]

== 学会 ==

AI Music Creativity https://aimusiccreativity.org/

== NIME ==

Life Game Orchestra http://www.kuhalabo.net/~kuha/nime/lifegorch/

Tweet Harp http://www.kuhalabo.net/~kuha/nime/tweetharp/

Wii Love Music http://www.kuhalabo.net/~kuha/nime/wiimu/

Multi-track Loop Sequencer http://www.kuhalabo.net/~kuha/nime/lpsqr/

Circle Canon Chorus Frog Round http://www.kuhalabo.net/~kuha/nime/kanon/chorus/

http://www.kuhalabo.net/~web/vtp/

== 宇宙物理・天文 ==

宇宙天気予報 https://swc.nict.go.jp/

ケプラーの惑星音階　https://www.asahi-net.or.jp/~hb9t-ktd/music/Japan/Research/Genre/Fantasy/kepler.html

ダジック・アース　https://www.dagik.net/ | https://www.npo.dagik.org/ | http://dagik.org/dow/

== その他 ==

[[サーバ設定]]

[[:Category:薬|薬]]

[[Kalles Fraktaler]]

[https://www.harjavalta.fi/kulttuuri-ja-vapaa-aika/museo/ Emil Cedercreutzin museo]

[[素数]]

[[誤訳]]

http://www.kuhalabo.net/~kuha/tutorial0/

== Youtube ==

[https://www.youtube.com/channel/UCILd88Su8uj8PDWp2kHC_1w/videos?flow=list Takanori Nagae] /
[https://www.youtube.com/user/kuhalabo/videos?view=57&flow=list Kuhalabo] /
[https://www.youtube.com/user/kikakukougei kikakukougei] /
[https://www.youtube.com/channel/UCPHSDDHx9aHBM8c2TcHQd4Q インタラクティブメディア学科] /
[https://www.youtube.com/channel/UCRHkKJFdiyLG9pQXp_Q4Qtg 工芸大生協] /

== はじめましょう ==
* [//meta.wikimedia.org/wiki/Help:Contents 利用者案内]
* [//www.mediawiki.org/wiki/Manual:Configuration_settings/ja 設定の一覧]
* [//www.mediawiki.org/wiki/Manual:FAQ/ja MediaWiki よくある質問と回答]
* [https://lists.wikimedia.org/mailman/listinfo/mediawiki-announce MediaWikiリリース情報メーリングリスト]

コンピュータリテラシーA

2026-05-11T08:49:02Z

Kuha：

== 概要 ==

*参考図書　[http://www.infonet.co.jp/ueyama/ip/index.html Webで学ぶ情報処理概論] | [http://www.infonet.co.jp/ueyama/ip/JohoShori_II.pdf 無償PDF版]

== 内容 ==
[https://note.com/kuhalabo/n/nc79fa9bf7d74?sub_rt=share_sb デジタルとアナログ]

[[人間とコンピュータ]]

[[アートとテクノロジー]]

[[メディアとコンテンツ]]

*[http://www.kuhalabo.net/~kuha/bhtml/dec2hex.htm 10進，16進，2進の関係]
*[http://www.kuhalabo.net/~kuha/bhtml/rgb.htm RGBと16進値]
*[http://www.kuhalabo.net/~kuha/bhtml/hex2rgb.html RGB値と色の一覧表]
*[http://www.kuhalabo.net/~kuha/bhtml/shosiki.html いろいろな文字書式のソース例]
*[http://www.kuhalabo.net/~kuha/bhtml/font_en.html 英語フォントの例]
*[http://www.kuhalabo.net/~kuha/bhtml/font_jp.html 日本語フォントの例]
*[http://www.j-tanabe.com/fuku/fuku_0.html リンクの例]
*[http://www.kuhalabo.net/~kuha/bhtml/table.html tableタグのソース例]
*[http://www.kuhalabo.net/~kuha/bhtml/ HTML参考]

;参考サイト
* タイポグラフィー http://blog.btrax.com/jp/2014/07/01/type1/
* 伝わるデザイン http://tsutawarudesign.web.fc2.com/index.html

== 論理回路 ==

https://wwws.kobe-c.ac.jp/deguchi/sc180/logic/gate.html

== 参考リンク ==
質より量、量より質
http://gigazine.net/news/20130813-prioritize-quantity-than-quality/

[[Category:授業|授業]]

コンピュータリテラシーA

2026-05-11T08:48:25Z

Kuha：/* デジタルとアナログ */

== 概要 ==

*参考図書　[http://www.infonet.co.jp/ueyama/ip/index.html Webで学ぶ情報処理概論] | [http://www.infonet.co.jp/ueyama/ip/JohoShori_II.pdf 無償PDF版]

[https://note.com/kuhalabo/n/nc79fa9bf7d74?sub_rt=share_sb デジタルとアナログ]

== [[人間とコンピュータ]] ==

== [[アートとテクノロジー]] ==

== [[メディアとコンテンツ]] ==

*[http://www.kuhalabo.net/~kuha/bhtml/dec2hex.htm 10進，16進，2進の関係]
*[http://www.kuhalabo.net/~kuha/bhtml/rgb.htm RGBと16進値]
*[http://www.kuhalabo.net/~kuha/bhtml/hex2rgb.html RGB値と色の一覧表]
*[http://www.kuhalabo.net/~kuha/bhtml/shosiki.html いろいろな文字書式のソース例]
*[http://www.kuhalabo.net/~kuha/bhtml/font_en.html 英語フォントの例]
*[http://www.kuhalabo.net/~kuha/bhtml/font_jp.html 日本語フォントの例]
*[http://www.j-tanabe.com/fuku/fuku_0.html リンクの例]
*[http://www.kuhalabo.net/~kuha/bhtml/table.html tableタグのソース例]
*[http://www.kuhalabo.net/~kuha/bhtml/ HTML参考]

;参考サイト
* タイポグラフィー http://blog.btrax.com/jp/2014/07/01/type1/
* 伝わるデザイン http://tsutawarudesign.web.fc2.com/index.html

== 論理回路 ==

https://wwws.kobe-c.ac.jp/deguchi/sc180/logic/gate.html

== 参考リンク ==
質より量、量より質
http://gigazine.net/news/20130813-prioritize-quantity-than-quality/

[[Category:授業|授業]]

コンピュータリテラシーA

2026-05-11T08:47:43Z

Kuha：/* デジタルとアナログ */

== 概要 ==

*参考図書　[http://www.infonet.co.jp/ueyama/ip/index.html Webで学ぶ情報処理概論] | [http://www.infonet.co.jp/ueyama/ip/JohoShori_II.pdf 無償PDF版]

== デジタルとアナログ ==
https://note.com/kuhalabo/n/nc79fa9bf7d74?sub_rt=share_sb

== [[人間とコンピュータ]] ==

== [[アートとテクノロジー]] ==

== [[メディアとコンテンツ]] ==

*[http://www.kuhalabo.net/~kuha/bhtml/dec2hex.htm 10進，16進，2進の関係]
*[http://www.kuhalabo.net/~kuha/bhtml/rgb.htm RGBと16進値]
*[http://www.kuhalabo.net/~kuha/bhtml/hex2rgb.html RGB値と色の一覧表]
*[http://www.kuhalabo.net/~kuha/bhtml/shosiki.html いろいろな文字書式のソース例]
*[http://www.kuhalabo.net/~kuha/bhtml/font_en.html 英語フォントの例]
*[http://www.kuhalabo.net/~kuha/bhtml/font_jp.html 日本語フォントの例]
*[http://www.j-tanabe.com/fuku/fuku_0.html リンクの例]
*[http://www.kuhalabo.net/~kuha/bhtml/table.html tableタグのソース例]
*[http://www.kuhalabo.net/~kuha/bhtml/ HTML参考]

;参考サイト
* タイポグラフィー http://blog.btrax.com/jp/2014/07/01/type1/
* 伝わるデザイン http://tsutawarudesign.web.fc2.com/index.html

== 論理回路 ==

https://wwws.kobe-c.ac.jp/deguchi/sc180/logic/gate.html

== 参考リンク ==
質より量、量より質
http://gigazine.net/news/20130813-prioritize-quantity-than-quality/

[[Category:授業|授業]]

コンピュータリテラシーA

2026-05-11T08:45:31Z

Kuha：

== 概要 ==

*参考図書　[http://www.infonet.co.jp/ueyama/ip/index.html Webで学ぶ情報処理概論] | [http://www.infonet.co.jp/ueyama/ip/JohoShori_II.pdf 無償PDF版]

== デジタルとアナログ ==

== [[人間とコンピュータ]] ==

== [[アートとテクノロジー]] ==

== [[メディアとコンテンツ]] ==

*[http://www.kuhalabo.net/~kuha/bhtml/dec2hex.htm 10進，16進，2進の関係]
*[http://www.kuhalabo.net/~kuha/bhtml/rgb.htm RGBと16進値]
*[http://www.kuhalabo.net/~kuha/bhtml/hex2rgb.html RGB値と色の一覧表]
*[http://www.kuhalabo.net/~kuha/bhtml/shosiki.html いろいろな文字書式のソース例]
*[http://www.kuhalabo.net/~kuha/bhtml/font_en.html 英語フォントの例]
*[http://www.kuhalabo.net/~kuha/bhtml/font_jp.html 日本語フォントの例]
*[http://www.j-tanabe.com/fuku/fuku_0.html リンクの例]
*[http://www.kuhalabo.net/~kuha/bhtml/table.html tableタグのソース例]
*[http://www.kuhalabo.net/~kuha/bhtml/ HTML参考]

;参考サイト
* タイポグラフィー http://blog.btrax.com/jp/2014/07/01/type1/
* 伝わるデザイン http://tsutawarudesign.web.fc2.com/index.html

== 論理回路 ==

https://wwws.kobe-c.ac.jp/deguchi/sc180/logic/gate.html

== 参考リンク ==
質より量、量より質
http://gigazine.net/news/20130813-prioritize-quantity-than-quality/

[[Category:授業|授業]]

コンピュータリテラシーA

2026-05-11T08:45:10Z

Kuha：

== 概要 ==

*参考図書　[http://www.infonet.co.jp/ueyama/ip/index.html Webで学ぶ情報処理概論] | [http://www.infonet.co.jp/ueyama/ip/JohoShori_II.pdf 無償PDF版]

== [[人間とコンピュータ]] ==

== [[アートとテクノロジー]] ==

== [[メディアとコンテンツ]] ==

*[http://www.kuhalabo.net/~kuha/bhtml/dec2hex.htm 10進，16進，2進の関係]
*[http://www.kuhalabo.net/~kuha/bhtml/rgb.htm RGBと16進値]
*[http://www.kuhalabo.net/~kuha/bhtml/hex2rgb.html RGB値と色の一覧表]
*[http://www.kuhalabo.net/~kuha/bhtml/shosiki.html いろいろな文字書式のソース例]
*[http://www.kuhalabo.net/~kuha/bhtml/font_en.html 英語フォントの例]
*[http://www.kuhalabo.net/~kuha/bhtml/font_jp.html 日本語フォントの例]
*[http://www.j-tanabe.com/fuku/fuku_0.html リンクの例]
*[http://www.kuhalabo.net/~kuha/bhtml/table.html tableタグのソース例]
*[http://www.kuhalabo.net/~kuha/bhtml/ HTML参考]

;参考サイト
* タイポグラフィー http://blog.btrax.com/jp/2014/07/01/type1/
* 伝わるデザイン http://tsutawarudesign.web.fc2.com/index.html

== 論理回路 ==

https://wwws.kobe-c.ac.jp/deguchi/sc180/logic/gate.html

== 参考リンク ==
質より量、量より質
http://gigazine.net/news/20130813-prioritize-quantity-than-quality/

[[Category:授業|授業]]

デジタルとアナログ

2026-05-11T08:44:40Z

Kuha：ページの白紙化

デジタルとアナログ

2026-05-08T07:38:21Z

Kuha：

* デジタル digital
** 指の、数字の．．．
** すべての情報を数字で表現する。
* アナログ analogue
** 類似の、連続した．．．
** 現実世界に存在する連続に変化する物理量を類似の連続したで尺度であらわす。
** A/D変換、D/A変換
* 音
** 人間の耳で聞こえる音の周波数　20Hz～20kHz
** 空気の振動をギザギザのデジタルで表す。
***クオンタイズ（量子化）とサンプリング（標本）
*** 音楽CD　サンプリングレート：44.1KHz, 量子化ビット数：16bit
* 動画
** 画面の解像度
*** 縦×横のピクセル数 NTSC 640*480
** フレームレイト
*** 1秒当たり表示される画面（フレーム）の数。単位は：fps(frame per minutes)
*** 60 fpsほどで十分滑らかな動画になる。
* 色
** 光の3原色
*** RGB : Red, Green, Blue
*** 3色のライトの強さで色が決まる。
** 色の3原色
*** CYM : Cyan, Yellow, Magenta
*** 3色の絵の具の濃さで色が決まる。
**[http://www.kuhalabo.net/~kuha/bhtml/rgb.htm RGBと16進値]
* 2進数と情報量
** ビット bit
*** 1桁の0と1で表せる情報量＝1ビット
**** 1(Yes)か0(No)かの2通り。中ぐらいはない。
*** 2桁の0と1で表せる情報量＝2ビット
**** 00, 01, 10, 11の4通り。4段階で表せる。
**** DNAは'''ATGC'''の4文字で情報を記述している。DNAの1文字は2ビットになる。 http://www.kuhalabo.net/kxoops/modules/d3blog/details.php?bid=5
**** ゲノムのDNAマップ [https://www.ncbi.nlm.nih.gov/genome/gdv/ NCBI Genome Data Viewer]
*** ASCII文字コードは7ビット http://e-words.jp/p/r-ascii.html
** バイト byte　（ひとくちサイズ）
*** 8桁の0か1かで表せる情報量＝8ビット=1バイト
**** 00000000, 00000001, 00000010,…,11111111
**** 2の8乗 = 合計256通り
***漢字を表記できる文字コードは2バイト 256*256=65536
* 16進数と10進数と2進数
** 2進数：2個の文字で数字を表す: 0, 1
** 10進数：10個の文字で数字を表す : 0, 1, 2, 3, 4, 5, 6, 7, 8, 9
** 16進数：16個の文字で数字を表す : 0, 1, 2, 3, 4, 5, 6, 7, 8, 9, A, B, C, D, E, F
** 対応表
*** http://www.kuhalabo.net/~kuha/bhtml/dec2hex.htm
*** http://www.infonet.co.jp/ueyama/ip/binary/binary.html
*700MBの音楽CDには、何分の音楽を記録することができるでしょうか？
**音楽CDのオーディオの規格: サンプリングレート 44.1KHz, 量子化ビット数　16bit, ステレオ
***1 sample 16 bit
***bit / sec = 16 * 441000 = 705600 bit
***stereo 16 * 441000 * 2 = 1411200 bit
*** byte / sec 1411200 bit / 8 = 176400 byte
***CD 700000000
*** sec / CD = 700000000 / 176400 = 3968.3 sec
*** min / CD = 3968.3 / 60 = 66.1 min

[https://www.youtube.com/watch?v=0fKBhvDjuy0 Powers of Ten™ (1977) YouTube] /
[http://eamesoffice.wpengine.com/the-work/powers-of-ten/ Power of Ten Eames Official]

== リンク ==

[[人間とコンピュータ]]

[[コンピュータリテラシーA]]

[[Category:授業]]

コンピュータリテラシーA

2026-05-08T07:38:00Z

Kuha：

== 概要 ==

*参考図書　[http://www.infonet.co.jp/ueyama/ip/index.html Webで学ぶ情報処理概論] | [http://www.infonet.co.jp/ueyama/ip/JohoShori_II.pdf 無償PDF版]

== [[デジタルとアナログ]] ==

== [[人間とコンピュータ]] ==

== [[アートとテクノロジー]] ==

== [[メディアとコンテンツ]] ==

*[http://www.kuhalabo.net/~kuha/bhtml/dec2hex.htm 10進，16進，2進の関係]
*[http://www.kuhalabo.net/~kuha/bhtml/rgb.htm RGBと16進値]
*[http://www.kuhalabo.net/~kuha/bhtml/hex2rgb.html RGB値と色の一覧表]
*[http://www.kuhalabo.net/~kuha/bhtml/shosiki.html いろいろな文字書式のソース例]
*[http://www.kuhalabo.net/~kuha/bhtml/font_en.html 英語フォントの例]
*[http://www.kuhalabo.net/~kuha/bhtml/font_jp.html 日本語フォントの例]
*[http://www.j-tanabe.com/fuku/fuku_0.html リンクの例]
*[http://www.kuhalabo.net/~kuha/bhtml/table.html tableタグのソース例]
*[http://www.kuhalabo.net/~kuha/bhtml/ HTML参考]

;参考サイト
* タイポグラフィー http://blog.btrax.com/jp/2014/07/01/type1/
* 伝わるデザイン http://tsutawarudesign.web.fc2.com/index.html

== 論理回路 ==

https://wwws.kobe-c.ac.jp/deguchi/sc180/logic/gate.html

== 参考リンク ==
質より量、量より質
http://gigazine.net/news/20130813-prioritize-quantity-than-quality/

[[Category:授業|授業]]

コンピュータリテラシーA

2026-05-08T07:35:42Z

Kuha：

== 概要 ==

*参考図書　[http://www.infonet.co.jp/ueyama/ip/index.html Webで学ぶ情報処理概論] | [http://www.infonet.co.jp/ueyama/ip/JohoShori_II.pdf 無償PDF版]

== [[デジタルとアナログ]] ==

== [[人間とコンピュータ]] ==

== [[アートとテクノロジー]] ==

== [[メディアとコンテンツ]] ==

* WWWサーバとクライアント
** [http://news.netcraft.com/archives/web_server_survey.html サーバのシェア調査](Webなど)，[http://www.w3counter.com/trends クライアントのシェア調査](OS,ブラウザなど)

*[http://www.kuhalabo.net/~kuha/bhtml/dec2hex.htm 10進，16進，2進の関係]
*[http://www.kuhalabo.net/~kuha/bhtml/rgb.htm RGBと16進値]
*[http://www.kuhalabo.net/~kuha/bhtml/hex2rgb.html RGB値と色の一覧表]
*[http://www.kuhalabo.net/~kuha/bhtml/shosiki.html いろいろな文字書式のソース例]
*[http://www.kuhalabo.net/~kuha/bhtml/font_en.html 英語フォントの例]
*[http://www.kuhalabo.net/~kuha/bhtml/font_jp.html 日本語フォントの例]
*[http://www.j-tanabe.com/fuku/fuku_0.html リンクの例]
*[http://www.kuhalabo.net/~kuha/bhtml/table.html tableタグのソース例]
*[http://www.kuhalabo.net/~kuha/bhtml/ HTML参考]

;参考サイト
* タイポグラフィー http://blog.btrax.com/jp/2014/07/01/type1/
* 伝わるデザイン http://tsutawarudesign.web.fc2.com/index.html

== 論理回路 ==

https://wwws.kobe-c.ac.jp/deguchi/sc180/logic/gate.html

== 参考リンク ==
質より量、量より質
http://gigazine.net/news/20130813-prioritize-quantity-than-quality/

[[Category:授業|授業]]

メインページ

2026-05-02T07:15:08Z

Kuha：/* その他 */

== [[:Category:授業|授業]] ==

[[コンピュータリテラシーA]]

[[作曲演習]]

[[スケーラブルアート論]]

知性と感性を学ぶ([[Study on Intelligence and Sensibility]]9

カラーサイエンス＆アート([[Color Sciense and Art]])

[[ジェネラティブアート論]] | [[生命情報アート論]]

[[サウンド演習I]] | [[サウンド演習II]] |

[[総合メディア概論]] | [[システムデザイン]] |

[[サイエンスアート特論]] | [[インタラクティブメディア特論I]] | [[インタラクティブメディア特論演習I]]

[[インタラクティブメディア概論A]]

[[Max/MSPによるMIDIプログラミング]] | [[Max/MSPによるオーディオプログラミング]] |

[[MaxとFlashの通信]] |
[[Google Maps API V3]] |
[[openFrameworks for Visual studio]] |
[[VOCALOID seminar]]

[[Scratchプログラミング]]

[https://www.youtube.com/watch?v=Sf5AoCJWLnw&list=PLZBjTmM9PGD94oPGCrMSwzgPAEc47NHok サウンド演習IIベストセレクション2005-2015]

== [[:Category:研究|研究]] ==
[[docker]] / [[nginx]] / [[Deep Learning]] / [[Python]] / [[PyTorch]] / [[PHP]]

[[Color Mapping]] / [[NeoPixel]] / [[Gaudi]] / [[ABC Conjecture]]

[https://www.hiroshige.org.uk/ Ukiyoe Utagawa Hiroshige UK]

[http://www.kuhalabo.net/mng/ mng]

[https://www.amazon.co.jp/?&_encoding=UTF8&tag=q8labo-22&linkCode=ur2&linkId=6ba01c2aa4181dbe238cfe6cb8cb5846&camp=247&creative=1211 Amazon]

VT Piano http://www.kuhalabo.net/~web/vtp/

https://www.youtube.com/@kuhalabo

https://www.youtube.com/playlist?list=PLZBjTmM9PGD9q3aNDgK0STlnewznEpu4w

== 東京工芸大学 ==

[http://www.t-kougei.ac.jp/index.html 公式サイト] /
[https://portal.kougei.net/up/faces/login/Com00501A.jsp コウゲイ.net] /
[https://blog.t-kougei.ac.jp/ KOOGEIブログ] /
[https://100th.t-kougei.ac.jp/activity/ 100周年の取り組み] /

[https://www-lib.t-kougei.ac.jp/ 図書館蔵書検索] /
[http://www.cc.t-kougei.ac.jp/ 情報処理教育研究センター] /
[http://gakuen.t-kougei.ac.jp/ GAKUEN] /
[http://www.univcoop.jp/kougei/ 工芸大生協] /
[http://order.univ.coop/ 生協Webショッピング] /
[https://univpc.com/ uniV PC] /
[https://blog.t-kougei.ac.jp/ KOUGEI PEOPLE] /
[https://collab.t-kougei.ac.jp/ 色の科学芸術センター col.lab]　/
[https://www.t-kougei.ac.jp/activity/extension/ 芸術学部フェスタ] /
[https://kougei.repo.nii.ac.jp/ 学術リポジトリ]

=== インタラクティブメディア学科 ===

[http://www.int.t-kougei.ac.jp/ IM学科オフィシャル]

* [[IM Open Lesson|インタラクティブメディア公開レッスン]]
*[https://blog.t-kougei.ac.jp/int/ IM学科ブログ]
*[https://prezi.com/wve3-xczpvno/presentation/?present=1 IM学科プレゼン資料(Prezi)]
*[https://www.youtube.com/watch?v=lDi-T-yIKFk&t=5s IM学科紹介動画(YouTube)]
*[https://www.youtube.com/channel/UCPHSDDHx9aHBM8c2TcHQd4Q IM学科YouTubeチャンネル]

[[教務]]

[[教職課程]]

[[久原研究室]]

[http://socialakiba.com/ 永江研究室]

旧[[:Category:カリキュラム|カリキュラム]]

== 大学院 ==

[[芸術学研究科]]

== [[:Category:施設|施設]] ==

=== 中野キャンパス ===
[https://www.t-kougei.ac.jp/access/#nakano アクセス] /
[https://www.t-kougei.ac.jp/guide/campus/nakano/ キャンパスマップ]

プロトタイピングラボ /
IM演習室 /
IMスタジオA,B,C,D /
サウンドスタジオ /
映像スタジオ /

=== 厚木キャンパス ===
[https://www.t-kougei.ac.jp/access/#atsugi アクセス] /
[https://www.t-kougei.ac.jp/guide/campus/atsugi/ キャンパスマップ]

[[学科オフィス]] /
[[サウンドスタジオ]] /
[[312教室]] /
[[共同研究室]] /
[[Communication Space]] /
[[専用講義室]] /
デジタルスタジオ

== インタラクティブメディア学科 ==

[https://blog.t-kougei.ac.jp/int/ ブログ] /
[http://prezi.com/wve3-xczpvno/?utm_campaign=share&utm_medium=copy&rc=ex0share 学科紹介プレゼンテーション資料(Prezi Classic)] /
[https://prezi.com/view/2eIvkgJImF4VKYvyIZkI/ 学科紹介ビデオ(Prezi Next)]

== 学会 ==

AI Music Creativity https://aimusiccreativity.org/

== NIME ==

Life Game Orchestra http://www.kuhalabo.net/~kuha/nime/lifegorch/

Tweet Harp http://www.kuhalabo.net/~kuha/nime/tweetharp/

Wii Love Music http://www.kuhalabo.net/~kuha/nime/wiimu/

Multi-track Loop Sequencer http://www.kuhalabo.net/~kuha/nime/lpsqr/

Circle Canon Chorus Frog Round http://www.kuhalabo.net/~kuha/nime/kanon/chorus/

http://www.kuhalabo.net/~web/vtp/

== 宇宙物理・天文 ==

宇宙天気予報 https://swc.nict.go.jp/

ケプラーの惑星音階　https://www.asahi-net.or.jp/~hb9t-ktd/music/Japan/Research/Genre/Fantasy/kepler.html

ダジック・アース　https://www.dagik.net/ | https://www.npo.dagik.org/ | http://dagik.org/dow/

== その他 ==

[[サーバ設定]]

[[:Category:薬|薬]]

[[Kalles Fraktaler]]

[https://www.harjavalta.fi/kulttuuri-ja-vapaa-aika/museo/ Emil Cedercreutzin museo]

[[素数]]

[[誤訳]]

http://www.kuhalabo.net/~kuha/tutorial0/

== Youtube ==

[https://www.youtube.com/channel/UCILd88Su8uj8PDWp2kHC_1w/videos?flow=list Takanori Nagae] /
[https://www.youtube.com/user/kuhalabo/videos?view=57&flow=list Kuhalabo] /
[https://www.youtube.com/user/kikakukougei kikakukougei] /
[https://www.youtube.com/channel/UCPHSDDHx9aHBM8c2TcHQd4Q インタラクティブメディア学科] /
[https://www.youtube.com/channel/UCRHkKJFdiyLG9pQXp_Q4Qtg 工芸大生協] /

== はじめましょう ==
* [//meta.wikimedia.org/wiki/Help:Contents 利用者案内]
* [//www.mediawiki.org/wiki/Manual:Configuration_settings/ja 設定の一覧]
* [//www.mediawiki.org/wiki/Manual:FAQ/ja MediaWiki よくある質問と回答]
* [https://lists.wikimedia.org/mailman/listinfo/mediawiki-announce MediaWikiリリース情報メーリングリスト]

Scratchプログラミング

2026-05-02T07:13:42Z

Kuha：ページの白紙化

サイエンスアート特論

2026-05-02T07:12:38Z

Kuha：ページの白紙化

メインページ

2026-04-30T11:03:53Z

Kuha：/* 参考資料 */

== [[:Category:授業|授業]] ==

[[コンピュータリテラシーA]]

[[作曲演習]]

[[スケーラブルアート論]]

知性と感性を学ぶ([[Study on Intelligence and Sensibility]]9

カラーサイエンス＆アート([[Color Sciense and Art]])

[[ジェネラティブアート論]] | [[生命情報アート論]]

[[サウンド演習I]] | [[サウンド演習II]] |

[[総合メディア概論]] | [[システムデザイン]] |

[[サイエンスアート特論]] | [[インタラクティブメディア特論I]] | [[インタラクティブメディア特論演習I]]

[[インタラクティブメディア概論A]]

[[Max/MSPによるMIDIプログラミング]] | [[Max/MSPによるオーディオプログラミング]] |

[[MaxとFlashの通信]] |
[[Google Maps API V3]] |
[[openFrameworks for Visual studio]] |
[[VOCALOID seminar]]

[[Scratchプログラミング]]

[https://www.youtube.com/watch?v=Sf5AoCJWLnw&list=PLZBjTmM9PGD94oPGCrMSwzgPAEc47NHok サウンド演習IIベストセレクション2005-2015]

== [[:Category:研究|研究]] ==
[[docker]] / [[nginx]] / [[Deep Learning]] / [[Python]] / [[PyTorch]] / [[PHP]]

[[Color Mapping]] / [[NeoPixel]] / [[Gaudi]] / [[ABC Conjecture]]

[https://www.hiroshige.org.uk/ Ukiyoe Utagawa Hiroshige UK]

[http://www.kuhalabo.net/mng/ mng]

[https://www.amazon.co.jp/?&_encoding=UTF8&tag=q8labo-22&linkCode=ur2&linkId=6ba01c2aa4181dbe238cfe6cb8cb5846&camp=247&creative=1211 Amazon]

VT Piano http://www.kuhalabo.net/~web/vtp/

https://www.youtube.com/@kuhalabo

https://www.youtube.com/playlist?list=PLZBjTmM9PGD9q3aNDgK0STlnewznEpu4w

== 東京工芸大学 ==

[http://www.t-kougei.ac.jp/index.html 公式サイト] /
[https://portal.kougei.net/up/faces/login/Com00501A.jsp コウゲイ.net] /
[https://blog.t-kougei.ac.jp/ KOOGEIブログ] /
[https://100th.t-kougei.ac.jp/activity/ 100周年の取り組み] /

[https://www-lib.t-kougei.ac.jp/ 図書館蔵書検索] /
[http://www.cc.t-kougei.ac.jp/ 情報処理教育研究センター] /
[http://gakuen.t-kougei.ac.jp/ GAKUEN] /
[http://www.univcoop.jp/kougei/ 工芸大生協] /
[http://order.univ.coop/ 生協Webショッピング] /
[https://univpc.com/ uniV PC] /
[https://blog.t-kougei.ac.jp/ KOUGEI PEOPLE] /
[https://collab.t-kougei.ac.jp/ 色の科学芸術センター col.lab]　/
[https://www.t-kougei.ac.jp/activity/extension/ 芸術学部フェスタ] /
[https://kougei.repo.nii.ac.jp/ 学術リポジトリ]

=== インタラクティブメディア学科 ===

[http://www.int.t-kougei.ac.jp/ IM学科オフィシャル]

* [[IM Open Lesson|インタラクティブメディア公開レッスン]]
*[https://blog.t-kougei.ac.jp/int/ IM学科ブログ]
*[https://prezi.com/wve3-xczpvno/presentation/?present=1 IM学科プレゼン資料(Prezi)]
*[https://www.youtube.com/watch?v=lDi-T-yIKFk&t=5s IM学科紹介動画(YouTube)]
*[https://www.youtube.com/channel/UCPHSDDHx9aHBM8c2TcHQd4Q IM学科YouTubeチャンネル]

[[教務]]

[[教職課程]]

[[久原研究室]]

[http://socialakiba.com/ 永江研究室]

旧[[:Category:カリキュラム|カリキュラム]]

== 大学院 ==

[[芸術学研究科]]

== [[:Category:施設|施設]] ==

=== 中野キャンパス ===
[https://www.t-kougei.ac.jp/access/#nakano アクセス] /
[https://www.t-kougei.ac.jp/guide/campus/nakano/ キャンパスマップ]

プロトタイピングラボ /
IM演習室 /
IMスタジオA,B,C,D /
サウンドスタジオ /
映像スタジオ /

=== 厚木キャンパス ===
[https://www.t-kougei.ac.jp/access/#atsugi アクセス] /
[https://www.t-kougei.ac.jp/guide/campus/atsugi/ キャンパスマップ]

[[学科オフィス]] /
[[サウンドスタジオ]] /
[[312教室]] /
[[共同研究室]] /
[[Communication Space]] /
[[専用講義室]] /
デジタルスタジオ

== インタラクティブメディア学科 ==

[https://blog.t-kougei.ac.jp/int/ ブログ] /
[http://prezi.com/wve3-xczpvno/?utm_campaign=share&utm_medium=copy&rc=ex0share 学科紹介プレゼンテーション資料(Prezi Classic)] /
[https://prezi.com/view/2eIvkgJImF4VKYvyIZkI/ 学科紹介ビデオ(Prezi Next)]

== 学会 ==

AI Music Creativity https://aimusiccreativity.org/

== NIME ==

Life Game Orchestra http://www.kuhalabo.net/~kuha/nime/lifegorch/

Tweet Harp http://www.kuhalabo.net/~kuha/nime/tweetharp/

Wii Love Music http://www.kuhalabo.net/~kuha/nime/wiimu/

Multi-track Loop Sequencer http://www.kuhalabo.net/~kuha/nime/lpsqr/

Circle Canon Chorus Frog Round http://www.kuhalabo.net/~kuha/nime/kanon/chorus/

http://www.kuhalabo.net/~web/vtp/

== 宇宙物理・天文 ==

宇宙天気予報 https://swc.nict.go.jp/

ケプラーの惑星音階　https://www.asahi-net.or.jp/~hb9t-ktd/music/Japan/Research/Genre/Fantasy/kepler.html

ダジック・アース　https://www.dagik.net/ | https://www.npo.dagik.org/ | http://dagik.org/dow/

== その他 ==

[[サーバ設定]]

[[:Category:薬|薬]]

[[Kalles Fraktaler]]

[https://www.harjavalta.fi/kulttuuri-ja-vapaa-aika/museo/ Emil Cedercreutzin museo]

[[素数]]

[[誤訳]]

http://www.kuhalabo.net/~kuha/tutorial0/

;アマゾンの領収書
https://www.amazon.co.jp/gp/legacy/css/summary/print.html/ref=oh_aui_ajax_invoice?ie=UTF8&orderID=注文番号

== Youtube ==

[https://www.youtube.com/channel/UCILd88Su8uj8PDWp2kHC_1w/videos?flow=list Takanori Nagae] /
[https://www.youtube.com/user/kuhalabo/videos?view=57&flow=list Kuhalabo] /
[https://www.youtube.com/user/kikakukougei kikakukougei] /
[https://www.youtube.com/channel/UCPHSDDHx9aHBM8c2TcHQd4Q インタラクティブメディア学科] /
[https://www.youtube.com/channel/UCRHkKJFdiyLG9pQXp_Q4Qtg 工芸大生協] /

== はじめましょう ==
* [//meta.wikimedia.org/wiki/Help:Contents 利用者案内]
* [//www.mediawiki.org/wiki/Manual:Configuration_settings/ja 設定の一覧]
* [//www.mediawiki.org/wiki/Manual:FAQ/ja MediaWiki よくある質問と回答]
* [https://lists.wikimedia.org/mailman/listinfo/mediawiki-announce MediaWikiリリース情報メーリングリスト]

サウンドスタジオ2010

2026-04-30T11:02:39Z

Kuha：ページの白紙化

教職課程

2026-04-30T10:56:29Z

Kuha：ページの白紙化

芸術学研究科

2026-04-30T10:56:06Z

Kuha：ページの白紙化

メインページ

2026-04-30T10:54:01Z

Kuha：/* 研究 */

== [[:Category:授業|授業]] ==

[[コンピュータリテラシーA]]

[[作曲演習]]

[[スケーラブルアート論]]

知性と感性を学ぶ([[Study on Intelligence and Sensibility]]9

カラーサイエンス＆アート([[Color Sciense and Art]])

[[ジェネラティブアート論]] | [[生命情報アート論]]

[[サウンド演習I]] | [[サウンド演習II]] |

[[総合メディア概論]] | [[システムデザイン]] |

[[サイエンスアート特論]] | [[インタラクティブメディア特論I]] | [[インタラクティブメディア特論演習I]]

[[インタラクティブメディア概論A]]

[[Max/MSPによるMIDIプログラミング]] | [[Max/MSPによるオーディオプログラミング]] |

[[MaxとFlashの通信]] |
[[Google Maps API V3]] |
[[openFrameworks for Visual studio]] |
[[VOCALOID seminar]]

[[Scratchプログラミング]]

[https://www.youtube.com/watch?v=Sf5AoCJWLnw&list=PLZBjTmM9PGD94oPGCrMSwzgPAEc47NHok サウンド演習IIベストセレクション2005-2015]

== [[:Category:研究|研究]] ==
[[docker]] / [[nginx]] / [[Deep Learning]] / [[Python]] / [[PyTorch]] / [[PHP]]

[[Color Mapping]] / [[NeoPixel]] / [[Gaudi]] / [[ABC Conjecture]]

[https://www.hiroshige.org.uk/ Ukiyoe Utagawa Hiroshige UK]

[http://www.kuhalabo.net/mng/ mng]

[https://www.amazon.co.jp/?&_encoding=UTF8&tag=q8labo-22&linkCode=ur2&linkId=6ba01c2aa4181dbe238cfe6cb8cb5846&camp=247&creative=1211 Amazon]

VT Piano http://www.kuhalabo.net/~web/vtp/

https://www.youtube.com/@kuhalabo

https://www.youtube.com/playlist?list=PLZBjTmM9PGD9q3aNDgK0STlnewznEpu4w

== 東京工芸大学 ==

[http://www.t-kougei.ac.jp/index.html 公式サイト] /
[https://portal.kougei.net/up/faces/login/Com00501A.jsp コウゲイ.net] /
[https://blog.t-kougei.ac.jp/ KOOGEIブログ] /
[https://100th.t-kougei.ac.jp/activity/ 100周年の取り組み] /

[https://www-lib.t-kougei.ac.jp/ 図書館蔵書検索] /
[http://www.cc.t-kougei.ac.jp/ 情報処理教育研究センター] /
[http://gakuen.t-kougei.ac.jp/ GAKUEN] /
[http://www.univcoop.jp/kougei/ 工芸大生協] /
[http://order.univ.coop/ 生協Webショッピング] /
[https://univpc.com/ uniV PC] /
[https://blog.t-kougei.ac.jp/ KOUGEI PEOPLE] /
[https://collab.t-kougei.ac.jp/ 色の科学芸術センター col.lab]　/
[https://www.t-kougei.ac.jp/activity/extension/ 芸術学部フェスタ] /
[https://kougei.repo.nii.ac.jp/ 学術リポジトリ]

=== インタラクティブメディア学科 ===

[http://www.int.t-kougei.ac.jp/ IM学科オフィシャル]

* [[IM Open Lesson|インタラクティブメディア公開レッスン]]
*[https://blog.t-kougei.ac.jp/int/ IM学科ブログ]
*[https://prezi.com/wve3-xczpvno/presentation/?present=1 IM学科プレゼン資料(Prezi)]
*[https://www.youtube.com/watch?v=lDi-T-yIKFk&t=5s IM学科紹介動画(YouTube)]
*[https://www.youtube.com/channel/UCPHSDDHx9aHBM8c2TcHQd4Q IM学科YouTubeチャンネル]

[[教務]]

[[教職課程]]

[[久原研究室]]

[http://socialakiba.com/ 永江研究室]

旧[[:Category:カリキュラム|カリキュラム]]

== 大学院 ==

[[芸術学研究科]]

== [[:Category:施設|施設]] ==

=== 中野キャンパス ===
[https://www.t-kougei.ac.jp/access/#nakano アクセス] /
[https://www.t-kougei.ac.jp/guide/campus/nakano/ キャンパスマップ]

プロトタイピングラボ /
IM演習室 /
IMスタジオA,B,C,D /
サウンドスタジオ /
映像スタジオ /

=== 厚木キャンパス ===
[https://www.t-kougei.ac.jp/access/#atsugi アクセス] /
[https://www.t-kougei.ac.jp/guide/campus/atsugi/ キャンパスマップ]

[[学科オフィス]] /
[[サウンドスタジオ]] /
[[312教室]] /
[[共同研究室]] /
[[Communication Space]] /
[[専用講義室]] /
デジタルスタジオ

== インタラクティブメディア学科 ==

[https://blog.t-kougei.ac.jp/int/ ブログ] /
[http://prezi.com/wve3-xczpvno/?utm_campaign=share&utm_medium=copy&rc=ex0share 学科紹介プレゼンテーション資料(Prezi Classic)] /
[https://prezi.com/view/2eIvkgJImF4VKYvyIZkI/ 学科紹介ビデオ(Prezi Next)]

== 参考資料 ==

[http://www.kuhalabo.net/~kuha/tutorial0/ 旧チュートリアルサイト]

[http://tutorial.unity3d.jp/ はじめてのUnity]

https://ars.electronica.art/prix/en/

https://www.artofthecell.com/

== 学会 ==

AI Music Creativity https://aimusiccreativity.org/

== NIME ==

Life Game Orchestra http://www.kuhalabo.net/~kuha/nime/lifegorch/

Tweet Harp http://www.kuhalabo.net/~kuha/nime/tweetharp/

Wii Love Music http://www.kuhalabo.net/~kuha/nime/wiimu/

Multi-track Loop Sequencer http://www.kuhalabo.net/~kuha/nime/lpsqr/

Circle Canon Chorus Frog Round http://www.kuhalabo.net/~kuha/nime/kanon/chorus/

http://www.kuhalabo.net/~web/vtp/

== 宇宙物理・天文 ==

宇宙天気予報 https://swc.nict.go.jp/

ケプラーの惑星音階　https://www.asahi-net.or.jp/~hb9t-ktd/music/Japan/Research/Genre/Fantasy/kepler.html

ダジック・アース　https://www.dagik.net/ | https://www.npo.dagik.org/ | http://dagik.org/dow/

== その他 ==

[[サーバ設定]]

[[:Category:薬|薬]]

[[Kalles Fraktaler]]

[https://www.harjavalta.fi/kulttuuri-ja-vapaa-aika/museo/ Emil Cedercreutzin museo]

[[素数]]

[[誤訳]]

http://www.kuhalabo.net/~kuha/tutorial0/

;アマゾンの領収書
https://www.amazon.co.jp/gp/legacy/css/summary/print.html/ref=oh_aui_ajax_invoice?ie=UTF8&orderID=注文番号

== Youtube ==

[https://www.youtube.com/channel/UCILd88Su8uj8PDWp2kHC_1w/videos?flow=list Takanori Nagae] /
[https://www.youtube.com/user/kuhalabo/videos?view=57&flow=list Kuhalabo] /
[https://www.youtube.com/user/kikakukougei kikakukougei] /
[https://www.youtube.com/channel/UCPHSDDHx9aHBM8c2TcHQd4Q インタラクティブメディア学科] /
[https://www.youtube.com/channel/UCRHkKJFdiyLG9pQXp_Q4Qtg 工芸大生協] /

== はじめましょう ==
* [//meta.wikimedia.org/wiki/Help:Contents 利用者案内]
* [//www.mediawiki.org/wiki/Manual:Configuration_settings/ja 設定の一覧]
* [//www.mediawiki.org/wiki/Manual:FAQ/ja MediaWiki よくある質問と回答]
* [https://lists.wikimedia.org/mailman/listinfo/mediawiki-announce MediaWikiリリース情報メーリングリスト]

教務

2026-04-30T10:53:32Z

Kuha：内容を「== 履修にあたって ==」で置換

== 履修にあたって ==

スケーラブルアート論

2026-01-27T10:16:15Z

Kuha：/* 概要 */

== 概要 ==
;前提スキル
*一年生の時にメディアプログラミング演習Iを履修し、基本的なProcessingのプログラミングができること。
** 不安な人は、以下の野口先生のメディアプログラミング演習Iのサイトで復習してください。https://r-dimension.xsrv.jp/classes_j/category/processing/
*個人のPC（Windows、MacOSのどちらでもよい）に自分でProcessingの環境を構築できることが望ましい。

;授業概要
* インタラクティブアートは芸術を基盤として科学や工学を統合する新しい領域で、プログラミングなどのIT技術によって実現されます。プログラミングによって制作プロセスをアルゴリズム化した作品は、拡張性が高く（スケーラブル）、多様性を持たせることが容易です。これが、スケーラブルアートです。
* この授業では、その中でも、生物に見られる生成的（ジェネラティブ）な特徴をアートに応用したジェネラティブアートに関連する分野を扱います。その中には、人工生命、フラクタル、オートマトン、遺伝的アルゴリズム、ニューラルネットワークなどといったものが含まれます。
*プログラミングを使用して、スケーラブルな特徴を持つ作品を作成します。

;使用ソフト
*Processingを使用します。https://processing.org/

;到達目標
*スケーラブルアートについて理解し、応用例を作成できる。
*生物の特徴と生物的なシステムについて理解する。
*Processingを使ってジェネラティブアートのプログラミングができる。

;成績評価
*確認テスト、課題、まとめテストで、100点満点で評価します。

;参考資料
*「[http://www.kuhalabo.net/kxoops/modules/d3blog/details.php?bid=178 数学から創るジェネラティブアート ―Processingで学ぶかたちのデザイン]」([https://www.openprocessing.org/user/57914 Generative Art with Math])
*「The Nature of Code: Simulating Natural Systems with Processing」
**英語PDF版は無料でダウンロードできます。http://feiramoderna.net/download/pos-positivo/SHIFFMAN-Daniel/Daniel-Shiffman_Nature-of-code.pdf
**日本語PDF版を右のサイトで購入できます。https://wgn-obs.shop-pro.jp/?pid=144269527
**ソースコードがGithubで公開されています。https://github.com/nature-of-code/
*Processingのチュートリアル [https://processing.org/tutorials/ Processing Tutorial]

== 開発環境 ==

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

* https://processing.org/
* p5.js http://p5js.org
** ドットインストールp5.js入門 http://dotinstall.com/lessons/basic_p5js
** Generative Design with p5.js http://www.generative-gestaltung.de/
* Generative Art with Math https://www.openprocessing.org/user/57914
** https://gihyo.jp/book/2019/978-4-297-10463-4/support/

* Generative Design
**https://github.com/generative-design/Code-Package-Processing-3.x

* Reference https://processing.org/reference

== 生物と情報とアート ==
* 生物とは? 生物の特徴とは？
** 例：小石と貝殻
** 「生物と無生物の違いは何か？」説明してみよう。
* ゲノムのDNAマップ [https://www.ncbi.nlm.nih.gov/genome/gdv/ NCBI Genome Map Viewer]
* [http://www.kuhalabo.net/kxoops/modules/d3blog/details.php?bid=5 ヒト一人を再生するのに必要な情報量は？]

;[https://www.jw.org/ja/%E3%83%A9%E3%82%A4%E3%83%96%E3%83%A9%E3%83%AA%E3%83%BC/%E3%83%93%E3%83%87%E3%82%AA/%E5%89%B5%E9%80%A0%E3%81%AE%E9%A9%9A%E7%95%B0%E3%81%AF%E7%A5%9E%E3%81%AE%E6%A0%84%E5%85%89%E3%82%92%E8%A1%A8%E3%82%8F%E3%81%99/%E3%83%91%E3%82%BF%E3%83%BC%E3%83%B3/ 自然界の興味深いパターン]
*自己相似性、フラクタル
**雪の結晶(0:25)
**樹木(1:17)
**オウム貝(1:30)
*らせん、渦巻き状パターン
*黄金角とフィボナッチ数列(3:00)

;ジェネラティブアート
:自律性
:予測不可能性
:パラメータ変形
:偶発性
:自己相似性
:再帰性
:対称性
:周期性
:双対性
:抽象化と具体化

== 数学と力学の基礎 ==
[https://github.com/nature-of-code/noc-examples-processing/tree/master/chp01_vectors Nature of Code Chapter 1 Vector Git Processing]

=== ベクトル ===
「Nature of Code」第1章の「1.1-1.6」[https://wtf.tw/ref/shiffman.pdf pdf]

*ベクトルを復習するための動画：[https://www.youtube.com/playlist?list=PLiRy47VSZM635-b9NzlvebaOzI6m9zzvG 高校数学Bベクトルの定義・成分]

=== 位置・速度・加速度 ===
「Nature of Code」第1章の「1.7-1.10」[https://wtf.tw/ref/shiffman.pdf pdf]

* 動くボールの位置、速度、加速度はベクトルとして表すことができます。
* 速度は、位置の変化の割合、すなわち「次の位置＝現在位置＋速度」
**秒速10m/sのボールの1秒後の位置＝現在位置＋10
*加速度は、速度の変化の割合、すなわち「次の速度＝現在速度＋加速度」
**自然落下運動の加速度は、重力加速度といい、9.8m/s2（秒の2乗）
**したがって、自然落下するボールの1秒後の速度＝現在速度＋9.8

;重力加速度　国土地理院「重力を知る」https://www.gsi.go.jp/buturisokuchi/grageo_gravity.html

=== トポロジー ===
;パックマン型2次元世界は、3次元ではトーラス（ドーナツ型）
: https://wakara.co.jp/mathlog/20200204

== 数学アート ==

=== [[矩形分割]] ===

=== [[フィボナッチ数列]] ===

=== [[らせん]] ===

=== [[整数の合同]] ===

=== [[コラッツ予想]] ===

== 人工生命(ALife) ==

=== [[セルオートマトン]] ===

=== [[ラングトンのアリ]] ===

=== [[レイノルズのボイド]] ===

=== [[反応拡散系]] ===

=== [[フラクタル]] ===

== 人工知能(AI) ==

=== [[Genetic Algorithm]] ===

=== [[Neural Networks]] ===

== Processing Samples ==

===音に反応する円===

minimライブラリーをインストールする。

<pre>
/**
* Circles responding Sound Level
*/

import ddf.minim.spi.*;
import ddf.minim.signals.*;
import ddf.minim.*;
import ddf.minim.analysis.*;
import ddf.minim.ugens.*;
import ddf.minim.effects.*;

Minim minim;
AudioInput in;

void setup(){
size(500, 500);
minim = new Minim(this);
in = minim.getLineIn(Minim.STEREO, 512);
background(0);
}

void draw(){
colorMode(RGB, 255);
fill(0, 150);
rect(-1, -1, width, height);
colorMode(HSB, 360, 100, 100);
float brightness = 50 + map(in.mix.level(), 0, 0.5, 0, 50);
float hue = map(in.mix.level(), 0, 0.7, 0, 360);
fill(hue, 100, brightness);
float radious = 50 + map(in.mix.level(), 0, 0.5, 0, 100);
int x = 250;
int y = 250;
ellipse( x, y, radious *2, radious * 2);
}
void stop(){
in.close();
minim.stop();
super.stop();
}
</pre>

=== カメラ入力 ===
Video|GStreamer-based video library for Processingライブラリをインストール。

;使用可能なカメラのリスト出力
<pre>
import processing.video.*;

void setup(){
size(320, 240);

String[] cameras = Capture.list();

for(int i=0; i<cameras.length; i++){
println("[" + i + "] " + cameras[i]);
}

}
</pre>

;カメラ画像の出力
<pre>
import processing.video.*;
Capture cam;

void setup(){
size(640, 480);

String[] cameras = Capture.list();
for(int i=0; i<cameras.length; i++){
println("[" + i + "] " + cameras[i]);
}

cam = new Capture(this, cameras[1]);
cam.start();
}

void draw(){
if(cam.available() == true){
cam.read();
}

image(cam, 0, 0);
}
</pre>

;差分から動きを検出

<pre>
import processing.video.*;

int numPixels;
int[] previousFrame;
int noiseFilter = 50;
Capture video;

void setup() {
size(640, 480);

video = new Capture(this, width, height, 30);
video.start();

numPixels = video.width * video.height;
previousFrame = new int[numPixels];
loadPixels();
}

void draw() {
if (video.available()) {
video.read();
video.loadPixels();

int movementSum = 0;
for (int i = 0; i < numPixels; i++) {
color currColor = video.pixels[i];
color prevColor = previousFrame[i];

//R, G, B
int currR = (currColor >> 16) & 0xFF;
int currG = (currColor >> 8) & 0xFF;
int currB = currColor & 0xFF;

//
int prevR = (prevColor >> 16) & 0xFF;
int prevG = (prevColor >> 8) & 0xFF;
int prevB = prevColor & 0xFF;

//
int diffR = abs(currR - prevR);
int diffG = abs(currG - prevG);
int diffB = abs(currB - prevB);

//noiseFilter
if (diffR + diffG + diffB > noiseFilter) {
movementSum ++;
pixels[i] = color(currR, currG, currB);
//
//pixels[i] = 0xFF000000 | (currR << 16) | (currG << 8) | currB;
} else {
pixels[i] = color(0);
}

//
previousFrame[i] = currColor;
}

updatePixels(); //
println(movementSum); //
}
}
</pre>

=== 引力と加速度 ===

「Nature of Code」第1章の「1.10 Interactivity with Acceleration」(p57)より。（一部改変）[https://wtf.tw/ref/shiffman.pdf pdf]
*粒子はマウスポインタに引力で引き付けられれ、軌跡を残しながらマウスに近づく。
*引力は、距離が近いほど、強くなる（反比例）。
*速度には上限(topspeed)があり、引力と粒子の運動量（速度）が釣り合うと、マウスのまわりを回る惑星のような動きになる。
*Moverクラスの作成
**ベクトルPVectorを使い、location（位置）、velocity（速度）、acceleration（加速度）定義し、力学運動を記述している。
** 速度は、現在速度に加速度を加算　velocity.add(acceleration);
** 位置は、現在位置に速を加算　location.add(velocity);

<pre>
Mover[] movers = new Mover[1000];//An array of objects
void setup() {
size(1000, 1000);
smooth();
background(0);
for (int i = 0; i < movers.length; i++) {
movers[i] = new Mover();// Initialize each object in the array.
}
}
void draw() {
// background(0);
fill(0,40);
rect(0,0,width,height);
for (int i = 0; i < movers.length; i++) {
//Calling functions on all the objects in the array
movers[i].update();
movers[i].checkEdges();
movers[i].display();
}
}
class Mover {
PVector location;
PVector velocity;
PVector acceleration;
float topspeed;
Mover() {
location = new PVector(random(width), random(height));
velocity = new PVector(0, 0);
topspeed = 4.5;
}
void update() {
//Our algorithm for calculating acceleration:
//Find the vector pointing towards the mouse.
PVector mouse = new PVector(mouseX, mouseY);
PVector dir = PVector.sub(mouse, location);
float magn = dir.mag();
dir.normalize();// Normalize.
dir.mult(13 / magn );
// dir.mult(0.5);// Scale.
acceleration = dir;// Set to acceleration.
//Motion 101! Velocity changes by acceleration. Location changes by velocity.
velocity.add(acceleration);
velocity.limit(topspeed);
location.add(velocity);
}

void display() {// Display the Mover
// stroke(0);
noStroke();
fill(250,255,100);
ellipse(location.x, location.y, 10, 10);
}
void checkEdges() {// What to do at the edges
if (location.x > width) {
location.x = 0;
} else if (location.x < 0) {
location.x = width;
}
if (location.y > height) {
location.y = 0;
} else if (location.y < 0) {
location.y = height;
}
}
}
</pre>

=== 画像ファイルの結合 ===
imagesフォルダにある画像_i000.pngから_i007.png(640*480)を縦2列、横4行に並べて結合する。
<table border=1>
<tr><td>000</td><td>004</td></tr>
<tr><td>001</td><td>005</td></tr>
<tr><td>002</td><td>006</td></tr>
<tr><td>003</td><td>007</td></tr>
</table>

<pre>
String folderName = "images";
String filePrefix = "_i";

int imageWidth = 640;
int imageHeight = 480;

int margin = 0;

int imageNumX = 2;
int imageNumY = 4;
int imageNum = imageNumX * imageNumY;
// X*Y

int canvasWidth = imageNumX * imageWidth;
int canvasHeight = imageNumY * imageHeight;

PImage images[] = new PImage[imageNum];

void setup() {
for (int i = 0; i < imageNum; i++) {
images[i] = loadImage(folderName + "/" + filePrefix + nf(i, 3) + ".png");
}
surface.setSize(canvasWidth, canvasHeight);
noLoop();
}

void draw() {
background(255);

for (int i = 0; i < imageNumX; i++) {
for(int j = 0; j < imageNumY; j++){
image(images[i*imageNumY + j], imageWidth * i, imageHeight * j, imageWidth, imageHeight);
}
}
save(folderName + "_combine.png");
exit();
}
</pre>

===配列のシャッフル===

<pre>
int[] nN = {0,1,2,3,4,5,6};

for(int i=(nN.length - 1); i>0; --i) {
int j = (int)random(i+1);
int tmp = nN[i];
nN[i] = nN[j];
nN[j] = tmp;
}
</pre>

===クラスオブジェクトのソート===
;バブルソート
rectsをメンバlevelの値の小さい順にソートする。

<pre>
Kurasu[] rects = new kurasu[100];

for(int j=0; j < rects.length - 1; j++){
for(int i=0; i < rects.length - 1; i++){
if(rects[i].level > rects[i+1].level){
Kurasu tmp = rects[i+1];
rects[i+1] = rects[i];
rects[i] = tmp;
}
}
}

class Kurasu{
int index;
int level;
}</pre>

===3D回転===
;X軸を中心にフェルマーらせんを回転
* '''rotateX()'''を使う (https://processing.org/reference/rotateX_.html)
* '''size()'''に'''P3D'''を指定
<pre>

int itr = 0; //描画の繰り返し回数
float scalar = 5; //拡大倍率
float rotation;
float r =0;
void setup() {
size(500, 500, P3D); // 3D座標を指定する
background(255); //背景を白くする
rotation = (1 + sqrt(5)) / 2;
}
void draw() {
translate(width / 2, height / 2); //描画ウィンドウの中心に移動
rotateX(r);
fill(0); //点を黒く塗る

float theta = 2 * PI * itr * rotation; //回転角
PVector v = PVector.fromAngle(theta);
v.mult(scalar * sqrt(itr));
ellipse(v.x, v.y, scalar, scalar); //点を描画

itr++;
r = r + 0.01;
}
</pre>

;Y軸を中心にフェルマーらせんを回転
* '''rotateY()'''を使う (https://processing.org/reference/rotateY_.html)
* '''size()'''に'''P3D'''を指定
<pre>

int itr = 0; //描画の繰り返し回数
float scalar = 5; //拡大倍率
float rotation;
float r =0;
void setup() {
size(500, 500, P3D); // 3D座標を指定する
background(255); //背景を白くする
rotation = (1 + sqrt(5)) / 2;
}
void draw() {
translate(width / 2, height / 2); //描画ウィンドウの中心に移動
rotateY(r);
fill(0); //点を黒く塗る

float theta = 2 * PI * itr * rotation; //回転角
PVector v = PVector.fromAngle(theta);
v.mult(scalar * sqrt(itr));
ellipse(v.x, v.y, scalar, scalar); //点を描画

itr++;
r = r + 0.01;
}
</pre>

===文字列を画面中央に表示===
;ウィンドウ画面の中央にテキストを配置する方法

文字の表示について、CENTERやwidth/2を使って、横方法は中央に配置することができます。
しかし、縦方向については、英語のアルファベットの場合、文字によって、高さや縦の位置が異なるので、
CENTERやheight/2では、うまくいきません。

フォントはベースラインを基準に作成されています。ベースラインから上の長さはAscent、ベースラインから下の長さはDescentと言います。
例えば、小文字のj,p などはベースラインから下にはみ出ていますし、小文字のk,lなどは縦に長く、iは短めです。
テキストの高さは、Ascent+Descentになります。

ref: https://github.com/alexheretic/ab-glyph/issues/6

これを計算して、縦の位置を指定する必要があります。
例えば、以下のようにすると、ウィンドウの中央に配置できます。
<pre>
void setup() {
size(400, 400);
textSize(30);
textAlign(CENTER,TOP);
background(0);
}
void draw(){
float ascent = textAscent();
float descent = textDescent();
float textHeight = ascent + descent;
int textPosY = int(height-textHeight)/2;
text("pijlk,hello world", width/2, textPosY);
}
</pre>

===プログラム出力を動画にエクスポート===
Processingで実行したプログラムの出力を動画にするには、
一旦、saveFrame()関数で、コマ送りの静止画を保存して
その後、MovieMakerで静止画をつなげて動画にします。

基本的には、draw()関数の最後にsaveFrame()関数を記述してプログラムを実行した後に、
Processingのツールメニューから、ムービーメーカーを使って、書き出せばよいです。
その際、コマ送りの静止画の数が多くなりすぎないように、frameRateを適度に設定するとよいでしょう。
なお、frameRateのデフォルトは60です。

<pre>
void setup(){
size(500,500);
frameRate(30);
}
int x = 0;
void draw(){
if (x < 100) {
line(x, 0, x, 100);
x = x + 1;
} else {
noLoop();
}
// Saves each frame as line000001.png, line000002.png, etc.
saveFrame("line######.png");
}
</pre>

== リンク ==

http://gushwell.ifdef.jp/

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

== Contents ==

# Scalable art, Generative art, Mathematical art, Artificial Intelligence, Artificial Life, Complext sysytem
# openFrameworks C++ / Xcode MacOSX
# Logic circuit
# 完全情報ゲーム：チェッカー、オセロ、チェス、将棋、囲碁
# Cell auttomaton
# Conway's game of life
# Wire world
# Random walk
# Langton's ant
# Boid
# Box2D
# Fractal, Self-similar
# Recursive call
# Complex square
# Mandelbrot
# Neural network
# Genetic algorithm
# Code, Chyper, Encript
# Space X
# Robotics
# Expert system
# Fourier transform, spectrum
# Fibonacci number
# Belousov-Zhabotinsky reaction
# Gray-Scott model
#* https://mrob.com/pub/comp/xmorphia/ogl/index.html
#* http://pmneila.github.io/jsexp/grayscott/
#* https://github.com/MStrandh/gray_scott_reaction_diffusion
# Turing pattern

[[Category:授業]]

生命情報アート論

2026-01-15T10:16:00Z

Kuha：/* 共感覚 */

== 概要 ==

*成績評価
**出席：学生証scan+[http://www.kuhalabo.net/~web/examination/mpaper/min_paper.php?subj_id=3&grade=2 Minutes paper]
**課題：セルオートマトン課題、再帰呼び出し図形課題、複素平面フラクタル課題
**小テスト：[http://www.kuhalabo.net/~web/examination/result_highscore.php?subj_id=3 ハイスコア]

;授業概要及び到達目標
:インタラクティブアートは芸術を基盤として科学や工学を統合する新しい領域である。生物科学に関連した分野として、人工生命、ライフゲーム、フラクタル、オートマトン、遺伝的アルゴリズム、ニューラルネットワークなど応用範囲の広いものが数多く存在する。
そういった生物に見られる特徴をアートに応用したジェネラティブアートの作品をC++のプログラミングを使用して、実際に作成してみる。

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

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

== アナウンス ==

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

テキストや開発環境については、以下を参照してください。
* http://www.kuhalabo.net/kxoops/modules/d3blog/details.php?bid=141

一年生の時にメディアプログラミング演習I程度のプログラミングスキルがあるものとして、授業を進めます。
もし、プログラミングに不安があるなら、上記テキストを使って、自分で予習や自習をしてください。

== 予定 ==
;2014年度

# 9/30(火) ガイダンス, 生物と情報とアート，openFrameworksプログラミング演習
# 10/7(火) openFrameworks C++プログラミング
# 10/14(火) 幾何学図形の描画
# 10/21(火) ランダムウォーク
# 10/28(火) セルオートマトン
# 11/4(火) セルオートマトン
# 11/11(火) セルオートマトン
# 11/18(火) セルオートマトン
# 11/25(火) セルオートマトン
# 12/2(火) フラクタルと再帰呼び出し
# 12/9(火) 課題制作日
# 12/16(火) フラクタルと再帰呼び出し
# 1/6(火) 予備演習日（出席はとりません）
# 1/20(火) 遺伝的アルゴリズム
# 1/28(火) 小テスト

== 生物と情報とアート ==
* 生物とは? 生物の特徴とは？
** 例：小石と貝殻
** * [http://blossom.media.t-kougei.ac.jp/~kuha/easybbs/easy_bbs4klb2.php 簡単BBS]に「生物と無生物の違いは何か？」説明してみよう。
* ゲノムのDNAマップ [http://www.ncbi.nlm.nih.gov/mapview/ NCBI Map Viewer]
* [http://www.kuhalabo.net/kxoops/modules/d3blog/details.php?bid=5 ヒト一人を再生するのに必要な情報量は？]

== メモ　==
Visual Studioのショートカット

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

[http://yoppa.org/ クリエイティブ・コーダー]

== 複雑系 ==
=== セルオートマトン ===

*配布資料[http://www.kuhalabo.net/~kuha/tutorial0/bioart/cellautomaton2007.pdf PDF]
*[http://ja.wikipedia.org/wiki/%E3%82%B7%E3%82%A7%E3%83%AB%E3%83%94%E3%83%B3%E3%82%B9%E3%82%AD%E3%83%BC%E3%81%AE%E3%82%AE%E3%83%A3%E3%82%B9%E3%82%B1%E3%83%83%E3%83%88 シェルピンスキーのガスケット]
** [http://falconnet.peddie.org/students/2007/nburoojy/projects/cellular/ 256種類の１次元セルオートマトンの画像] /
*[http://ja.wikipedia.org/wiki/%E3%82%BB%E3%83%AB%E3%83%BB%E3%82%AA%E3%83%BC%E3%83%88%E3%83%9E%E3%83%88%E3%83%B3 セルオートマトン]
* [http://en.wikipedia.org/wiki/Elementary_cellular_automaton Elementary cellular automaton]

=== ライフゲーム ===
[http://www.kuhalabo.net/~kuha/tutorial0/bioart/Lifegame.exe ライフゲームの例] /
[http://homepage3.nifty.com/izushi/LifeGame/ ライフゲーム入門] /
[http://www.kuhalabo.net/~kuha/tutorial0/bioart/cagallary/ セルオートマトン・ギャラリー] /

;セルオートマトン音楽
[http://tones.wolfram.com/generate/ WolframTones]/
[http://tamw.atari-users.net/camus.htm CAMUS]/
[http://www.glitchds.com/ Glitch DS]/
[http://www.kuhalabo.net/lifegorch/ Life Game Orchestra] /

;ギャラリー
[http://www.collidoscope.com/modernca/ Modern Cellular Automata]/
[http://prenzl.sourceforge.net/gallery/category.php CArt gallery]/
[http://www.upl.cs.wisc.edu/~oblio/gnarly.html Cellular Automata Art]/
[http://akinao.at.infoseek.co.jp/ascii/index.html ASCII Art Cell Automaton]/

;参考
[http://ja.wikipedia.org/wiki/%E3%83%AF%E3%82%A4%E3%83%A4%E3%83%AF%E3%83%BC%E3%83%AB%E3%83%89 ワイヤワールド] /

=== 人工生命 ===
[http://ja.wikipedia.org/wiki/%E3%83%A9%E3%83%B3%E3%82%B0%E3%83%88%E3%83%B3%E3%81%AE%E3%82%A2%E3%83%AA ラングトンのアリ] /
[http://ja.wikipedia.org/wiki/%E3%83%A9%E3%83%B3%E3%82%B0%E3%83%88%E3%83%B3%E3%81%AE%E3%83%AB%E3%83%BC%E3%83%97 ラングトンのループ] /
[http://necsi.org/postdocs/sayama/sdsr/java/ 自己増殖ループ] /
[http://www.red3d.com/cwr/boids/ 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

== [[C Sharp Programming]] ==

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

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

[http://www.gaia.h.kyoto-u.ac.jp/~fractal/ フラクタル日除け]

== 自己相似系 ==
=== 再帰的呼出しによる樹木の描画 ===
*'''再帰的( recursive )呼び出し'''とは，サブルーチンや関数が，自分自身を呼び出すことをいう。樹木は，枝の１つを取り出して拡大しても，元の枝と同じ形（相似形）をしている。これは，同じサブルーチンで枝を描画しているからである。

*再帰的呼出し的なCollaborate Flash Animation：[http://www.zoomquilt.org/ zoomquilt] ([http://www.media.t-kougei.ac.jp/~kuha/tutorial0/bioart/zoomquilt.swf swf])
*例：実行ファイル，ソース，Taneクラス

=== C#による実装 ===
==== 新しいクラスの定義 ====
*「プロジェクト」メニューから「クラスの追加」で新しいクラス名を入力する。クラスの定義の中にメソッドを記述する。
* 注意
<pre>
using System.Drawing;
</pre>
をTane.csの冒頭に追加

==== 樹木の描画 ====

[[ファイル:Bintree.jpg]]
[[ファイル:Bintree2.JPG]]

;Taneクラスのメソッド
線分(x1,y1)-(x2,y2)が与えられたら、(x2,y2)の先端に(x3,y3), (x4,y4)を取り、線分(x2,y2)-(x3,y3)と線分(x2,y2)-(x4,y4)を描画する。
<pre>
class Tane
{
public void Eda(int n, double x1, double y1, double x2, double y2, double angle, Graphics g, Pen pen)
{
double x3, y3, x4, y4;
double s = Math.Sin(angle * Math.PI / 180.0);
double c = Math.Cos(angle * Math.PI / 180.0);
double dx = 0.7 * (x2 - x1);
double dy = 0.7 * (y2 - y1);

if (n > 0)
{
x3 = x2 + dx * c - dy * s;
y3 = y2 + dx * s + dy * c;
x4 = x2 + dx * c + dy * s;
y4 = y2 - dx * s + dy * c;
// 枝を描画する
g.DrawLine(pen, (float)x1, (float)y1, (float)x2, (float)y2);
g.DrawLine(pen, (float)x2, (float)y2, (float)x3, (float)y3);
g.DrawLine(pen, (float)x2, (float)y2, (float)x4, (float)y4);
//子の再起呼び出し
Eda(n - 1, x2, y2, x3, y3, angle, g, pen);
Eda(n - 1, x2, y2, x4, y4, angle, g, pen);
}
}
}
</pre>

;樹木描画ボタンクリックの中身
<pre>
Graphics g = pictureBox1.CreateGraphics();
Pen pen = new Pen(Color.Green, 2);
Tane tane = new Tane();

int n = 10; //枝の世代数
double x0 = pictureBox1.Width / 2; //開始位置 x座標
double y0 = pictureBox1.Height; //開始位置 y座標
double x1 = pictureBox1.Width / 2; //開始位置 x座標
double y1 = pictureBox1.Height * 0.8; //開始位置 y座標
double angle = 30.0; //子供の枝の角度の差分
tane.Eda(n, x0, y0, x1, y1, angle, g, pen);
</pre>

==== コッホ図形の描画 ====

[[ファイル:Koch.jpg]]
[[ファイル:Koch2.jpg]]

;Taneクラスのメソッド
<pre>
public void Koch(int n, double x1, double y1, double x2, double y2, Graphics g, Pen pen)
{
double x3, y3, x4, y4, x5, y5;
double s = Math.Sin(Math.PI / 3.0);
double c = Math.Cos(Math.PI / 3.0);

if (n > 0)
{
x3 = (2 * x1 + x2) / 3.0;
y3 = (2 * y1 + y2) / 3.0;
x4 = (x1 + 2 * x2) / 3.0;
y4 = (y1 + 2 * y2) / 3.0;
x5 = x3 + (x4 - x3) * c + (y4 - y3) * s;
y5 = y3 - (x4 - x3) * s + (y4 - y3) * c;
// ジェネレータを描画する
pen.Color = Color.Black;
g.DrawLine(pen, (float)x3, (float)y3, (float)x4, (float)y4);
pen.Color = Color.Green;
g.DrawLine(pen, (float)x1, (float)y1, (float)x3, (float)y3);
g.DrawLine(pen, (float)x3, (float)y3, (float)x5, (float)y5);
g.DrawLine(pen, (float)x5, (float)y5, (float)x4, (float)y4);
g.DrawLine(pen, (float)x4, (float)y4, (float)x2, (float)y2);
// 子の再起呼び出し
Koch(n - 1, x1, y1, x3, y3, g, pen);
Koch(n - 1, x3, y3, x5, y5, g, pen);
Koch(n - 1, x5, y5, x4, y4, g, pen);
Koch(n - 1, x4, y4, x2, y2, g, pen);
}
}

</pre>

;コッホ図形描画ボタンクリックの中身

<pre>
Graphics g = pictureBox1.CreateGraphics();
Pen pen = new Pen(Color.Green, 2);
Tane tane = new Tane();

// マウス位置へ直線を描画する
int n = 4; //子の世代数
double x0 = 0; //開始位置 x座標
double y0 = pictureBox1.Height * 0.6 ; //開始位置 y座標
double x1 = pictureBox1.Width; //終了位置 x座標
double y1 = pictureBox1.Height * 0.6; //終了位置 y座標
tane.Koch(n, x0, y0, x1, y1, g, pen);
</pre>

==== ドラゴン図形の描画 ====

[[ファイル:Dragon.jpg]]
[[ファイル:Dragon2.jpg]]

;Taneクラスのメソッド

<pre>
public void Dragon(int n, double x1, double y1, double x2, double y2, Graphics g, Pen pen)
{
double x3, y3, x4, y4, x5, y5;

if (n > 0)
{
x3 = 0.5 * ( x1 + x2);
y3 = 0.5 * ( y1 + y2);
x4 = 0.5 * (x1 + x3 - y1 + y3);
y4 = 0.5 * (x1 - x3 + y1 + y3);
x5 = 0.5 * (x2 + x3 - y2 + y3);
y5 = 0.5 * (x2 - x3 + y2 + y3);

// 枝を描画する
pen.Color = Color.Black;
g.DrawLine(pen, (float)x1, (float)y1, (float)x3, (float)y3);
g.DrawLine(pen, (float)x3, (float)y3, (float)x2, (float)y2);
pen.Color = Color.Green;
g.DrawLine(pen, (float)x1, (float)y1, (float)x4, (float)y4);
g.DrawLine(pen, (float)x4, (float)y4, (float)x3, (float)y3);
g.DrawLine(pen, (float)x3, (float)y3, (float)x5, (float)y5);
g.DrawLine(pen, (float)x5, (float)y5, (float)x2, (float)y2);
Dragon(n - 1, x1, y1, x4, y4, g, pen);
Dragon(n - 1, x4, y4, x3, y3, g, pen);
Dragon(n - 1, x3, y3, x5, y5, g, pen);
Dragon(n - 1, x5, y5, x2, y2, g, pen);
}
}
</pre>

;ドラゴン図形描画ボタンクリックの中身

<pre>
Graphics g = pictureBox1.CreateGraphics();
Pen pen = new Pen(Color.Green, 2);
Tane tane = new Tane();

int n = 7; //子の世代数
double x0 = pictureBox1.Width * 0.1; //開始位置 x座標
double y0 = pictureBox1.Height * 0.5; //開始位置 y座標
double x1 = pictureBox1.Width * 0.9; //終了位置 x座標
double y1 = pictureBox1.Height * 0.5; //終了位置 y座標
tane.Dragon(n, x0, y0, x1, y1, g, pen);

</pre>

==== シダ葉の描画 ====
;ドラゴン図形の変化形
* ドラゴン図形で使用した(x1,y1), (x2,y2), (x3,y3), (x4,y4), (x5,y5)を使う
* 直線(x1,y1)-(x2,y2), 直線(x1,y1)-(x4,y4), 直線(x3,y3)-(x5,y5)を基本図形とする。

[[ファイル:Sida2.JPG]]

;Taneクラスのメソッド

<pre>
public void Fern(int n, double x1, double y1, double x2, double y2, Graphics g, Pen pen)
{
double x3, y3, x4, y4, x5, y5;

if (n > 0)
{
x3 = ( x1 + x2 ) / 2.0;
y3 = ( y1 + y2 ) / 2.0;
x4 = ( x1 + x3 - y1 + y3) / 2.0;
y4 = ( x1 - x3 + y1 + y3) / 2.0;
x5 = ( x2 + x3 - y2 + y3) / 2.0;
y5 = ( x2 - x3 + y2 + y3) / 2.0;
// 枝を描画する
pen.Color = Color.Green;
g.DrawLine(pen, (float)x1, (float)y1, (float)x2, (float)y2);
g.DrawLine(pen, (float)x1, (float)y1, (float)x3, (float)y3);
g.DrawLine(pen, (float)x3, (float)y3, (float)x5, (float)y5);
Fern(n - 1, x1, y1, x4, y4, g, pen);
Fern(n - 1, x1, y1, x3, y3, g, pen);
Fern(n - 1, x3, y3, x2, y2, g, pen);
Fern(n - 1, x3, y3, x5, y5, g, pen);
}
}
</pre>

;シダ葉描画ボタンクリックの中身

<pre>
Graphics g = pictureBox1.CreateGraphics();
Pen pen = new Pen(Color.Green, 2);
Tane tane = new Tane();

int n = 7; //子の世代数
double x0 = pictureBox1.Width * 0.1; //開始位置 x座標
double y0 = pictureBox1.Height * 0.5; //開始位置 y座標
double x1 = pictureBox1.Width * 0.9; //終了位置 x座標
double y1 = pictureBox1.Height * 0.5; //終了位置 y座標
tane.Fern(n, x0, y0, x1, y1, g, pen);
</pre>

==== Cカーブの描画 ====

[[ファイル:Ccurve.jpg]]
[[ファイル:Ccurve2.jpg]]

;Taneクラスのメソッド

<pre>
public void Ccurve(int n, double x1, double y1, double x2, double y2, Graphics g, Pen pen)
{
double x3, y3;

if (n > 0)
{
x3 = 0.5 * (x1 + x2 - y1 + y2);
y3 = 0.5 * (x1 - x2 + y1 + y2);
// 枝を描画する
pen.Color = Color.Black;
g.DrawLine(pen, (float)x1, (float)y1, (float)x2, (float)y2);
pen.Color = Color.Green;
g.DrawLine(pen, (float)x1, (float)y1, (float)x3, (float)y3);
g.DrawLine(pen, (float)x3, (float)y3, (float)x2, (float)y2);
Ccurve(n - 1, x1, y1, x3, y3, g, pen);
Ccurve(n - 1, x3, y3, x2, y2, g, pen);
}
}
</pre>

;Cカーブ画ボタンクリックの中身

<pre>
Graphics g = pictureBox1.CreateGraphics();
Pen pen = new Pen(Color.Green, 2);
Tane tane = new Tane();

int n = 12; //子の世代数
double x0 = pictureBox1.Width * 0.25; //開始位置 x座標
double y0 = pictureBox1.Height * 0.75; //開始位置 y座標
double x1 = pictureBox1.Width * 0.75; //終了位置 x座標
double y1 = pictureBox1.Height * 0.75; //終了位置 y座標
tane.Ccurve(n, x0, y0, x1, y1, g, pen);
</pre>

==== 内分点と回転によるカスタムジェネレータの描画 ====

[[ファイル:gene01.JPG]]
[[ファイル:gene012.JPG]]

;Taneクラスのメソッド

<pre>
public void Gene01(int n, double x1, double y1, double x2, double y2, Graphics g, Pen pen)
{
double x3, y3, x4, y4;
double p = 2.0;
double q = 3.0;
double th = -30.0;
double s = Math.Sin(th * Math.PI / 180.0);
double c = Math.Cos(th * Math.PI / 180.0);

if (n > 0)
{
x3 = (q * x1 + p * x2) / (p + q);
y3 = (q * y1 + p * y2) / (p + q);
x4 = x1 + (x3 - x1) * c - (y3 - y1) * s;
y4 = y1 + (x3 - x1) * s + (y3 - y1) * c;
pen.Color = Color.Yellow;
g.DrawLine(pen, (float)x1, (float)y1, (float)x2, (float)y2);
g.DrawLine(pen, (float)x1, (float)y1, (float)x4, (float)y4);
Gene01(n - 1, x1, y1, x3, y3, g, pen);
Gene01(n - 1, x1, y1, x4, y4, g, pen);
Gene01(n - 1, x3, y3, x2, y2, g, pen);
}
}
</pre>

;カスタムジェネレータ描画ボタンクリックの中身

<pre>
Graphics g = pictureBox1.CreateGraphics();
Pen pen = new Pen(Color.Green, 2);
Tane tane = new Tane();

int n = 7; //子の世代数
double x0 = pictureBox1.Width * 0.1; //開始位置 x座標
double y0 = pictureBox1.Height * 0.5; //開始位置 y座標
double x1 = pictureBox1.Width * 0.9; //終了位置 x座標
double y1 = pictureBox1.Height * 0.5; //終了位置 y座標
tane.Gene01(n, x0, y0, x1, y1, g, pen);
</pre>

;マウスドラッグで始点と終点を決めて描く
*プロパティウィンドウにイベント(稲妻のアイコン)のリストを表示させ、MouseDownイベントをダブルクリックすると、MouseDownのメソッドが自動生成されます。
*label1,label2に始点の座標を、label3, label4に終点の座標を入れる

<pre>
private void pictureBox1_MouseDown(object sender, MouseEventArgs e)
{
label1.Text = e.X.ToString();
label2.Text = e.Y.ToString();

}

private void pictureBox1_MouseUp(object sender, MouseEventArgs e)
{
Graphics g = pictureBox1.CreateGraphics();
Pen pen = new Pen(Color.Green, 2);
Tane tane = new Tane();

int n = 7;
double x0 = double.Parse(label1.Text);
double y0 = double.Parse(label2.Text);
double x1 = double.Parse(label3.Text);
double y1 = double.Parse(label4.Text);

tane.Gene01(n, x0, y0, x1, y1, g, pen);
}

private void pictureBox1_MouseMove(object sender, MouseEventArgs e)
{
label3.Text = e.X.ToString();
label4.Text = e.Y.ToString();

}
</pre>

p,q,thをクラスのメンバー変数にして、外部からランダムに与える。

<pre>
class Tane
{
public double p { get; set; }
public double q { get; set; }
public double th { get; set; }

public void Gene01(int n, double x1, double y1, double x2, double y2, Graphics g, Pen pen)
{
double x3, y3, x4, y4;
double s = Math.Sin(th * Math.PI / 180.0);
double c = Math.Cos(th * Math.PI / 180.0);

if (n > 0)
{
x3 = (q * x1 + p * x2) / (p + q);
y3 = (q * y1 + p * y2) / (p + q);
x4 = x1 + (x3 - x1) * c - (y3 - y1) * s;
y4 = y1 + (x3 - x1) * s + (y3 - y1) * c;
pen.Color = Color.Yellow;
g.DrawLine(pen, (float)x1, (float)y1, (float)x2, (float)y2);
g.DrawLine(pen, (float)x1, (float)y1, (float)x4, (float)y4);
Gene01(n - 1, x1, y1, x3, y3, g, pen);
Gene01(n - 1, x1, y1, x4, y4, g, pen);
Gene01(n - 1, x3, y3, x2, y2, g, pen);
}
}

}

</pre>

<pre>
private void pictureBox1_MouseUp(object sender, MouseEventArgs e)
{
Graphics g = pictureBox1.CreateGraphics();
Pen pen = new Pen(Color.Green, 2);
Tane tane = new Tane();
Random rnd = new Random();

int n = 7;
double x0 = double.Parse(label1.Text);
double y0 = double.Parse(label2.Text);
double x1 = double.Parse(label3.Text);
double y1 = double.Parse(label4.Text);

tane.p = rnd.Next(2, 6);
tane.q = rnd.Next(3, 7);
tane.th = rnd.Next(10, 90);

tane.Gene01(n, x0, y0, x1, y1, g, pen);
}

</pre>

==== タイマーを使用した樹木のアニメーション ====

<pre>
private void button3_Click(object sender, EventArgs e)
{
timer1.Enabled = true;
timer1.Start();
}

private void button4_Click(object sender, EventArgs e)
{
timer1.Stop();
timer1.Enabled = false;
}

public int cnt; //タイマー用カウンタ
private void timer1_Tick(object sender, EventArgs e)
{
Graphics g = pictureBox1.CreateGraphics();
Pen pen = new Pen(Color.Green, 1);
Tane tane = new Tane();

g.Clear(Color.Black);

cnt++; //タイマー用カウンタのカウントアップ
int n = 10; //枝の世代数
double x0 = pictureBox1.Width / 2; //開始位置 x座標
double y0 = pictureBox1.Height; //開始位置 y座標
double x1 = pictureBox1.Width / 2; //開始位置 x座標
double y1 = pictureBox1.Height * 0.9 - cnt * 2; //開始位置 y座標
double angle = 30.0; //子供の枝の角度の変化の差分
double a_rate = angle + cnt * 2;
tane.Eda(n, x0, y0, x1, y1, a_rate, g, pen);
}
</pre>

== 複素平面フラクタル ==
*[http://blossom.media.t-kougei.ac.jp/~kuha/tutorial0/bioart/9_complex.pdf 配布資料PDF]
*[http://blossom.media.t-kougei.ac.jp/~kuha/tutorial0/bioart/mandelv3.exe 複複素平面フラクタル図形描画ソフトウェア for Windows]
**注）comdlg32.ocxがない場合は，[http://www.microsoft.com/downloads/ja-jp/details.aspx?displaylang=ja&FamilyID=7B9BA261-7A9C-43E7-9117-F673077FFB3C ここ]からRuntimeファイル群をダウンロードしてください。

[http://www.youtube.com/watch?v=0fKBhvDjuy0 Powers of Ten]

=== C#の座標変換 ===
;座標原点
原点を移動するには、TranslateTransformメソッドを使う。
<pre>
g.TranslateTransform(x1,y1); //座標原点を(x1,y1)に移動
</pre>

;座標の回転
座標軸をth度(degree)だけ回転するには、RotateTransformメソッドを使う。

<pre>
　 g.RotateTransform(th);
</pre>

;座標軸のスケール、方向
座標スケールを変換するには、ScaleTransformメソッドを使う。
<pre>
g.ScaleTransform(scx,scy); //X軸をscx倍、Y軸をscy倍する
</pre>
X軸は右、Y軸は下が正方向なので、座標軸方向を反転するには、次のとおり。
<pre>
　　　　　　g.ScaleTransform(1,-1); //Y軸方向の反転
　　　　　　g.ScaleTransform(-1,1); //X軸方向の反転
</pre>

=== 複素平面フラクタルの描画 ===
;自己平方の描画プログラム
<pre>
Graphics g = pictureBox1.CreateGraphics();
g.TranslateTransform(pictureBox1.Width / 2, pictureBox1.Height / 2); //原点を中央に移動
g.ScaleTransform(1, -1); //Y軸の向きを反転
Pen pen = new Pen(Color.White);

int Xmax = pictureBox1.Width / 2;
int Xmin = -pictureBox1.Width / 2;
int Ymax = pictureBox1.Height / 2;
int Ymin = -pictureBox1.Height / 2;
double Rmax = 0.5;
double Rmin = -0.5;
double Imax = 0.5;
double Imin = -0.5;
double Zr, newZr;
double Zi, newZi;
double Ar = -0.2;
double Ai = 0.675;
int Nmax = 100;
int Rstep = 1; // 何ピクセルごとに計算するか
int Istep = 1;

for (int x = Xmin; x < Xmax; x = x + Rstep)
{
for (int y = Ymin; y < Ymax; y = y + Istep)
{
Zr = ( x - Xmin ) * (Rmax - Rmin) / (Xmax - Xmin) + Rmin; // pictureBoxの座標を複素平面Zの座標に変換
Zi = ( y - Ymin ) * (Imax - Imin) / (Ymax - Ymin) + Imin;
int n = 0;
while ( Zr * Zr + Zi * Zi < 4 & n < Nmax )
{
newZr = Zr * Zr - Zi * Zi + Ar; // f(z) = X^2 * Aの実数部
newZi = 2 * Zr * Zi + Ai; // f(z) = X^2 * Aの虚数部
Zr = newZr;
Zi = newZi;
n++;
}
if (n < Nmax)
{
pen.Color = Color.FromArgb(255, n * 255 / Nmax, 0, 0);//nの数に応じて色分ける
g.DrawRectangle(pen, x, y, 1, 1);
}
}
}
</pre>

;マンデルブロー集合の描画プログラム
<pre>
Graphics g = pictureBox1.CreateGraphics();
g.TranslateTransform(pictureBox1.Width / 2, pictureBox1.Height / 2); //原点を中央に移動
g.ScaleTransform(1, -1); //Y軸の向きを反転
Pen pen = new Pen(Color.White);

int Xmax = pictureBox1.Width / 2;
int Xmin = -pictureBox1.Width / 2;
int Ymax = pictureBox1.Height / 2;
int Ymin = -pictureBox1.Height / 2;
double Rmax = 1.5;
double Rmin = -1.5;
double Imax = 1.5;
double Imin = -1.5;
double Zr, newZr;
double Zi, newZi;
double Cr;
double Ci;
int Nmax = 50;
int Rstep = 1; // 何ピクセルごとに計算するか
int Istep = 1;

for (int x = Xmin; x < Xmax; x = x + Rstep)
{
for (int y = Ymin; y < Ymax; y = y + Istep)
{
Cr = ( x - Xmin ) * (Rmax - Rmin) / (Xmax - Xmin) + Rmin; // pictureBoxの座標を複素平面Cの座標に変換
Ci = ( y - Ymin ) * (Imax - Imin) / (Ymax - Ymin) + Imin;
int n = 0;
Zr = 0.0;
Zi = 0.0;
while (Zr * Zr + Zi * Zi < 4 & n < Nmax)
{
newZr = Zr * Zr - Zi * Zi + Cr; // f(z) = X^2 * Cの実数部
newZi = 2 * Zr * Zi + Ci; // f(z) = X^2 * Cの虚数部
Zr = newZr;
Zi = newZi;
n++;
}
if (n < Nmax)
{
pen.Color = Color.FromArgb(255, 0, n * 255 / Nmax, 0);//nの数に応じて色分ける
g.DrawRectangle(pen, x, y, 1, 1);
}
}
}
</pre>

;Julia集合
<pre>
Graphics g = pictureBox1.CreateGraphics();
g.TranslateTransform(pictureBox1.Width / 2, pictureBox1.Height / 2); //原点を中央に移動
g.ScaleTransform(1, -1); //Y軸の向きを反転
Pen pen = new Pen(Color.White);

int Xmax = pictureBox1.Width / 2;
int Xmin = -pictureBox1.Width / 2;
int Ymax = pictureBox1.Height / 2;
int Ymin = -pictureBox1.Height / 2;
double Rmax = 1.5;
double Rmin = -1.5;
double Imax = 1.5;
double Imin = -1.5;
double Xr, Xr2, XrXi23, newXr;
double Xi, Xi2, newXi;
double Dr;
double Di;
int Nmax = 50;
int Rstep = 1; // 何ピクセルごとに計算するか
int Istep = 1;

for (int x = Xmin; x < Xmax; x = x + Rstep)
{
for (int y = Ymin; y < Ymax; y = y + Istep)
{
Xr = ( x - Xmin ) * (Rmax - Rmin) / (Xmax - Xmin) + Rmin; // pictureBoxの座標を複素平面Cの座標に変換
Xi = ( y - Ymin ) * (Imax - Imin) / (Ymax - Ymin) + Imin;
int n = 0;
Dr = 1.0;
Di = 1.0;
while (Dr + Di > 0.001 & n < Nmax)
{
Xr2 = Xr * Xr;
Xi2 = Xi * Xi;
XrXi23 = (Xr2 + Xi2) * (Xr2 + Xi2) / 3;
newXr = Xr * 2 / 3 + (Xr2 - Xi2) / XrXi23; // f(z) = X^2 * Cの実数部
newXi = Xi * 2 / 3 - 2 * Xr * Xi / XrXi23; // f(z) = X^2 * Cの虚数部
Dr = Math.Abs(newXr - Xr);
Di = Math.Abs(newXi - Xi);
Xr = newXr;
Xi = newXi;
n++;
}
if (n < Nmax)
{
int rr = n * 255 / Nmax;
int gg = 0;
int bb = 0;
pen.Color = Color.FromArgb(255, rr, gg, bb);//nの数に応じて色分ける
g.DrawRectangle(pen, x, y, 1, 1);
}
}
}
</pre>

=== 配色の工夫 ===

個々の色の差をハッキリさせる。
<pre>
int rr = (n % 13 + 1) * 255 / 14;
int gg = (n % 11 + 1) * 255 / 12;
int bb = (n % 7 + 1) * 255 / 8;
pen.Color = Color.FromArgb(255, rr, gg, bb);
g.DrawRectangle(pen, x, y, Rstep, Istep);
</pre>

ピクセルの目を粗くした時に、矩形の中身を塗りつぶす。
<pre>
pen.Color = Color.FromArgb(255, rr, gg, bb);
brush.Color = Color.FromArgb(255, rr, gg, bb);
g.DrawRectangle(pen, x, y, Rstep, Istep);
g.FillRectangle(brush, x, y, Rstep, Istep);
</pre>

Ar, Ai, Rstep, Istepなどをテキストボックスから入力する。
<pre>
Ar = double.Parse(textBox1.Text);
Ai = double.Parse(textBox2.Text);

Rstep = int.Parse(textBox3.Text);
Istep = Rstep;
</pre>

=== いろいろカスタマイズ ===

*複素平面の座標のスケールをラベルに表示する。
*マウスドラッグで、新しく描画する範囲を選択する。
*選択領域を正方形にするかどうかを、チェックボックスで指定する。
<pre>
//　グローバルに宣言
Point MD = new Point();//マウスダウンの位置
Point MU = new Point(); //マウスアップの位置

bool view = false;//選択領域を描画するかどうかの判定
bool view2 = false;
Graphics g;
int Xmax;
int Xmin;
int Ymax;
int Ymin;

double Rmax;
double Rmin;
double Imax;
double Imin;

double Rmax2;//マウスドラッグで指定した新しい範囲
double Rmin2;
double Imax2;
double Imin2;

public Form1()
{
InitializeComponent();
g = pictureBox1.CreateGraphics();
g.TranslateTransform(pictureBox1.Width / 2, pictureBox1.Height / 2); //原点を中央に移動
g.ScaleTransform(1, -1); //Y軸の向きを反転
view2 = true;

Xmax = pictureBox1.Width / 2;
Xmin = -pictureBox1.Width / 2;
Ymax = pictureBox1.Height / 2;
Ymin = -pictureBox1.Height / 2;

Rmax2 = 0.5;
Rmin2 = -0.5;
Imax2 = 0.5;
Imin2 = -0.5;
Rmax = Rmax2;
Rmin = Rmin2;
Imax = Imax2;
Imin = Imin2;

label1.Text = null;
label2.Text = null;
label3.Text = null;
label4.Text = null;

label5.Text = Rmax2.ToString();
label6.Text = Rmin2.ToString();
label7.Text = Imax2.ToString();
label8.Text = Imin2.ToString();
}

private void button1_Click(object sender, EventArgs e)
{
Pen pen = new Pen(Color.White);
SolidBrush brush = new SolidBrush(Color.FromArgb(90, 200, 200, 200));

g.Clear(Color.Black); //描画領域をクリア（黒で塗りつぶす）

Rmax = Rmax2;
Rmin = Rmin2;
Imax = Imax2;
Imin = Imin2;

label5.Text = Rmax2.ToString();
label6.Text = Rmin2.ToString();
label7.Text = Imax2.ToString();
label8.Text = Imin2.ToString();

label5.Refresh();
label6.Refresh();
label7.Refresh();
label8.Refresh();
view2 = true;

double Zr, newZr;
double Zi, newZi;
double Ar = -0.2;
double Ai = 0.675;
// double Ar = -0.3;
// double Ai = 0.63;
Ar = double.Parse(textBox1.Text);//テキストボックスから値を取得
Ai = double.Parse(textBox2.Text);

int Nmax = 500;
int Rstep = 3; // 何ピクセルごとに計算するか
int Istep = 3;

Rstep = int.Parse(textBox3.Text);
Istep = Rstep;

for (int x = Xmin; x < Xmax; x = x + Rstep)
{
for (int y = Ymin; y < Ymax; y = y + Istep)
{
Zr = ( x - Xmin ) * (Rmax - Rmin) / (Xmax - Xmin) + Rmin; // pictureBoxの座標を複素平面Zの座標に変換
Zi = ( y - Ymin ) * (Imax - Imin) / (Ymax - Ymin) + Imin;
int n = 0;
while ( Zr * Zr + Zi * Zi < 4 & n < Nmax )
{
newZr = Zr * Zr - Zi * Zi + Ar; // f(z) = X^2 * Aの実数部
newZi = 2 * Zr * Zi + Ai; // f(z) = X^2 * Aの虚数部
Zr = newZr;
Zi = newZi;
n++;
}
if (n < Nmax)
{
int dr = 17;
int rr = (n % dr + 1) * 255 / (dr + 1);
int gg = (n % 11 + 1) * 255 / 12;
int bb = (n % 7 + 1) * 255 / 8;
pen.Color = Color.FromArgb(255, rr, gg, 255 - bb);//nの数に応じて色分ける
brush.Color = Color.FromArgb(255, rr, gg, 255 - bb);//nの数に応じて色分ける
g.DrawRectangle(pen, x, y, Rstep, Istep);
g.FillRectangle(brush, x, y, Rstep, Istep);
}
}
}
}

private void button2_Click(object sender, EventArgs e)
{
Graphics g = pictureBox1.CreateGraphics();
g.Clear(Color.Black); //描画領域をクリア（黒で塗りつぶす）

label1.Text = null;
label2.Text = null;
label3.Text = null;
label4.Text = null;

label5.Text = Rmax2.ToString();
label6.Text = Rmin2.ToString();
label7.Text = Imax2.ToString();
label8.Text = Imin2.ToString();

view2 = true;

}

//　以下、マウスイベントによって選択範囲を取得する処理
private void pictureBox1_MouseDown(object sender, MouseEventArgs e)
{
if (view2 == false) return;
// 描画フラグON
view = true;

// Mouseを押した座標を記録
MD.X = e.X - Xmax;
MD.Y = Ymax - e.Y;
}

private void pictureBox1_MouseUp(object sender, MouseEventArgs e)
{
if (view2 == false) return;

Point start = new Point();
Point end = new Point();

// Mouseを離した座標を記録
MU.X = e.X - Xmax;
MU.Y = Ymax - e.Y;

// 座標から(X,Y)座標を計算
GetRegion(MD, MU, ref start, ref end);

// 領域を描画
DrawRegion(start, end);

// 描画フラグOFF
view = false;
view2 = false;

}

private void pictureBox1_MouseMove(object sender, MouseEventArgs e)
{
if (view2 == false) return;

Point p = new Point();

p.X = e.X - Xmax;
p.Y = Ymax - e.Y;

// 描画フラグcheck
if (view == false)
{
label1.Text = ( ( p.X - Xmin ) * (Rmax - Rmin) / (Xmax - Xmin) + Rmin ).ToString();
label2.Text = ( ( p.Y - Ymin ) * (Imax - Imin) / (Ymax - Ymin) + Imin ).ToString();

label3.Text = null;
label4.Text = null;

return;
}

// カーソルが示している場所の座標を取得
label3.Text = ( (p.X - Xmin) * (Rmax - Rmin) / (Xmax - Xmin) + Rmin ).ToString();
label4.Text = ( (p.Y - Ymin) * (Imax - Imin) / (Ymax - Ymin) + Imin ).ToString();
}

private void GetRegion(Point p1, Point p2, ref Point start, ref Point end)
{
start.X = Math.Min(p1.X, p2.X);
start.Y = Math.Min(p1.Y, p2.Y);

end.X = Math.Max(p1.X, p2.X);
end.Y = Math.Max(p1.Y, p2.Y);

if (checkBox1.Checked == true) //選択領域を正方形にする
{
int min_x_y = Math.Min(Math.Abs(end.X - start.X), Math.Abs(end.Y - start.Y));

end.X = start.X + min_x_y;
end.Y = start.Y + min_x_y;
}

Rmax2 = ( end.X - Xmin ) * (Rmax - Rmin) / (Xmax - Xmin) + Rmin; // pictureBoxの座標を複素平面Zの座標に変換
Imax2 = ( end.Y - Ymin ) * (Imax - Imin) / (Ymax - Ymin) + Imin;
Rmin2 = ( start.X - Xmin ) * (Rmax - Rmin) / (Xmax - Xmin) + Rmin;
Imin2 = ( start.Y - Ymin ) * (Imax - Imin) / (Ymax - Ymin) + Imin;
}

private int GetLength(int start, int end)
{
return Math.Abs(start - end);
}

private void DrawRegion(Point start, Point end)
{
Pen blackPen = new Pen(Color.White);
SolidBrush tbrush = new SolidBrush(Color.FromArgb(100,220,220,220));

// 描画する線を点線に設定
// blackPen.DashStyle = System.Drawing.Drawing2D.DashStyle.Dash;

// 画面を消去
// g.Clear(SystemColors.Control);

// 領域を描画
g.DrawRectangle(blackPen, start.X, start.Y, GetLength(start.X, end.X), GetLength(start.Y, end.Y));
g.FillRectangle(tbrush, start.X, start.Y, GetLength(start.X, end.X), GetLength(start.Y, end.Y));
}

private void button5_Click(object sender, EventArgs e)
{
// 座標を初期値に戻す
Rmax2 = 0.5;
Rmin2 = -0.5;
Imax2 = 0.5;
Imin2 = -0.5;

label1.Text = null;
label2.Text = null;
label3.Text = null;
label4.Text = null;

label5.Text = Rmax2.ToString();
label6.Text = Rmin2.ToString();
label7.Text = Imax2.ToString();
label8.Text = Imin2.ToString();
}
</pre>

*座標のスケールの拡大、縮小ボタンを付ける
<pre>
private void button6_Click(object sender, EventArgs e)
{
// 座標のスケールを５倍にする
double ratio = 5.0;
double R_ave = ( Rmax2 + Rmin2 ) / 2;
double R_dif2 = ( Rmax2 - Rmin2 ) / 2;
double I_ave = ( Imax2 + Imin2 ) / 2;
double I_dif2 = ( Imax2 - Imin2 ) / 2;

Rmax2 = R_ave + R_dif2 * ratio;
Rmin2 = R_ave - R_dif2 * ratio;
Imax2 = I_ave + I_dif2 * ratio;
Imin2 = I_ave - I_dif2 * ratio;

label5.Text = Rmax2.ToString();
label6.Text = Rmin2.ToString();
label7.Text = Imax2.ToString();
label8.Text = Imin2.ToString();
}

private void button7_Click(object sender, EventArgs e)
{
// 座標のスケールを５分の１倍にする
double ratio = 5.0;
double R_ave = (Rmax2 + Rmin2) / 2;
double R_dif2 = (Rmax2 - Rmin2) / 2;
double I_ave = (Imax2 + Imin2) / 2;
double I_dif2 = (Imax2 - Imin2) / 2;

Rmax2 = R_ave + R_dif2 / ratio;
Rmin2 = R_ave - R_dif2 / ratio;
Imax2 = I_ave + I_dif2 / ratio;
Imin2 = I_ave - I_dif2 / ratio;

label5.Text = Rmax2.ToString();
label6.Text = Rmin2.ToString();
label7.Text = Imax2.ToString();
label8.Text = Imin2.ToString();
}
</pre>

*座標の上下左右へシフトさせるボタンを付ける
<pre>
private void button8_Click(object sender, EventArgs e)
{
// 座標のスケールを左に0.5スケールシフトする
double R_ave = (Rmax2 + Rmin2) * 0.5;
double R_dif2 = (Rmax2 - Rmin2) * 0.5;

Rmax2 = Rmax2 - R_dif2;
Rmin2 = Rmin2 - R_dif2;

label5.Text = Rmax2.ToString();
label6.Text = Rmin2.ToString();
}

private void button9_Click(object sender, EventArgs e)
{
// 座標のスケールを右に0.5スケールシフトする
double R_ave = (Rmax2 + Rmin2) * 0.5;
double R_dif2 = (Rmax2 - Rmin2) * 0.5;

Rmax2 = Rmax2 + R_dif2;
Rmin2 = Rmin2 + R_dif2;

label5.Text = Rmax2.ToString();
label6.Text = Rmin2.ToString();
}

private void button10_Click(object sender, EventArgs e)
{
// 座標のスケールを下に0.5スケールシフトする
double I_ave = (Imax2 + Imin2) * 0.5 ;
double I_dif2 = (Imax2 - Imin2) * 0.5;

Imax2 = Imax2 - I_dif2;
Imin2 = Imin2 - I_dif2;

label7.Text = Imax2.ToString();
label8.Text = Imin2.ToString();
}

private void button11_Click(object sender, EventArgs e)
{
// 座標のスケールを上に0.5スケールシフトする
double I_ave = (Imax2 + Imin2) * 0.5;
double I_dif2 = (Imax2 - Imin2) * 0.5;

Imax2 = Imax2 + I_dif2;
Imin2 = Imin2 + I_dif2;

label7.Text = Imax2.ToString();
label8.Text = Imin2.ToString();
}
</pre>

== 人間の感覚 ==
=== アロマアート ===
嗅覚を利用したアート

[http://w3.media.t-kougei.ac.jp/kuha/asp/asp00kuha/bbs.asp かんたん掲示板]に「香りの特徴」を書いてみよう。

*[http://www.kuhalabo.net/~kuha/doc/pclit_manu200510.pdf 香りの印刷]
*[http://www.kuhalabo.net/~kuha/doc/aromap20040312.pdf アロマプリンタ]
*[http://ja.wikipedia.org/wiki/RAMPO 映画RAMPO]
*ブンマー・モンティエン,呼吸の家
**彫刻の中に入ってハーブの香りを体感するもの　(東京都現代美術館) http://www.tokyoartbeat.com/tablog/images/ShowMeThai3.jpg
*アムラックスシアター
**シーンに合わせた座席の振動・香りつきのシアター（トヨタ・アムラックス）

=== 共感覚 ===
*[http://www.kuhalabo.net/~projectk/color_sound/trial-product/new/ 色彩と調性の関係性についての実験サイト]（久原ゼミの実験企画）
*[http://ist.ksc.kwansei.ac.jp/~nagata/synesthesia/ 色聴は共感覚]（関西学院理工学部情報科学科の長田典子先生の研究室）

=== ヒーリングアート ===
;リラックスとリフレッシュ
:リラックス時には副交感神経が優勢に，興奮状態にある場合は、交感神経が優勢になる。
:リラックス時にはアルファ波が出る？

;1/f揺らぎ
*ホワイトノイズ、サイン波、ピンクノイズ(1/f揺らぎ)
*自然界の音を使用した楽曲 [http://www.media.t-kougei.ac.jp/~projectk/healmusic/ URL]
* スペクトル
** EQ(イコライザ)によって，音のスペクトルを加工する。
** スペクトルとは[[周波数構成]]のこと。ピッチ感のある音は，ピークとなる基本周波数を中心として複数の倍音成分から構成される。
*** [http://www.cycleof5th.com/products/soundengine/ SoundEngine]や[http://audacity.sourceforge.net/?lang=ja Audacity]でsin波などを生成し，周波数構成を観察。sin波は基本周波数１つのみ。ノコギリ波はsin波の倍数の無限級数。ホワイトノイズはランダムな周波数構成。
*** 人のボーカル，楽器の音，車のエンジン音のスペクトルを比較してみる。
;子守唄
*子守唄の特徴、西洋の子守唄、日本の子守唄
*子守唄自動作曲プログラム(Max/MSP)[http://www.media.t-kougei.ac.jp/~kuha/doc/sigmus68_suyama_kuhara07.pdf PDF]
*生理食塩水内レコーディング[http://www.media.t-kougei.ac.jp/kuhalaaa/mdata.php?catego=3&wks_id=230&mode=detail 竹田の子守唄]

;生物的なシステム，生物の癒し効果
[http://www.kazsh.com/ flash effects] /
[http://levitated.net/ Levitated the Exploration of Computation] /
[http://sodaplay.com/ sodaplay]/
[http://www.vectorpark.com/ Vector Park] /
[http://www.livly.com/ リヴリー・アイランド] /
[http://electroplankton.com/ エレクトロプランクトン] /
[http://www.bandai.co.jp/releases/J2004020301.html たまごっちプラス] /
[http://www.aist.go.jp/pr/expo/contents/paro/paro.html メンタルコミットロボアザラシ型「パロ」] /
[http://www.necoro.com/home.html 猫型コミュニケーションロボット「ネコロ」] /
[http://www.nintendo.co.jp/ds/adgj/index.html nintendogs] /
[http://www.nhk.or.jp/digista/onair/hall_2004.html What is TRUTH?] /

*[http://blossom.media.t-kougei.ac.jp/~kuha/tutorial0/bioart/egg.swf Vector Parkのegg.swf]
*[http://www.ebiebi.net//F_SAMPLES/clambon/ CLAMBON FARM]
*[http://intihuatani.usc.edu/cloud/flowing/ flOw]
*電子ペット Comたま [http://blossom.media.t-kougei.ac.jp/comtama/ URL] / [http://blossom.media.t-kougei.ac.jp/~kuha/doc/genko_comtama.pdf PDF]

== [[脳]] ==

== [[Neural Networks]] ==

== [[Genetic Algorithm]] ==

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

学内のプロキシー環境で作業する場合、コンソールで
<pre>
git config --global http.proxy proxy-n.t-kougei.ac.jp:8080
git config --global https.proxy proxy-n.t-kougei.ac.jp:8080
</pre>
とする。

通常のプロキシーのない環境で作業する場合、コンソールで
<pre>
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
</pre>
とする。

現在の設定を確認するには、コンソールで、
<pre>
git config --list
</pre>
とする。

== リンク ==

http://gushwell.ifdef.jp/

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

[[Category:授業]]

生命情報アート論

2026-01-15T10:15:25Z

Kuha：/* アロマアート */

== 概要 ==

*成績評価
**出席：学生証scan+[http://www.kuhalabo.net/~web/examination/mpaper/min_paper.php?subj_id=3&grade=2 Minutes paper]
**課題：セルオートマトン課題、再帰呼び出し図形課題、複素平面フラクタル課題
**小テスト：[http://www.kuhalabo.net/~web/examination/result_highscore.php?subj_id=3 ハイスコア]

;授業概要及び到達目標
:インタラクティブアートは芸術を基盤として科学や工学を統合する新しい領域である。生物科学に関連した分野として、人工生命、ライフゲーム、フラクタル、オートマトン、遺伝的アルゴリズム、ニューラルネットワークなど応用範囲の広いものが数多く存在する。
そういった生物に見られる特徴をアートに応用したジェネラティブアートの作品をC++のプログラミングを使用して、実際に作成してみる。

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

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

== アナウンス ==

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

テキストや開発環境については、以下を参照してください。
* http://www.kuhalabo.net/kxoops/modules/d3blog/details.php?bid=141

一年生の時にメディアプログラミング演習I程度のプログラミングスキルがあるものとして、授業を進めます。
もし、プログラミングに不安があるなら、上記テキストを使って、自分で予習や自習をしてください。

== 予定 ==
;2014年度

# 9/30(火) ガイダンス, 生物と情報とアート，openFrameworksプログラミング演習
# 10/7(火) openFrameworks C++プログラミング
# 10/14(火) 幾何学図形の描画
# 10/21(火) ランダムウォーク
# 10/28(火) セルオートマトン
# 11/4(火) セルオートマトン
# 11/11(火) セルオートマトン
# 11/18(火) セルオートマトン
# 11/25(火) セルオートマトン
# 12/2(火) フラクタルと再帰呼び出し
# 12/9(火) 課題制作日
# 12/16(火) フラクタルと再帰呼び出し
# 1/6(火) 予備演習日（出席はとりません）
# 1/20(火) 遺伝的アルゴリズム
# 1/28(火) 小テスト

== 生物と情報とアート ==
* 生物とは? 生物の特徴とは？
** 例：小石と貝殻
** * [http://blossom.media.t-kougei.ac.jp/~kuha/easybbs/easy_bbs4klb2.php 簡単BBS]に「生物と無生物の違いは何か？」説明してみよう。
* ゲノムのDNAマップ [http://www.ncbi.nlm.nih.gov/mapview/ NCBI Map Viewer]
* [http://www.kuhalabo.net/kxoops/modules/d3blog/details.php?bid=5 ヒト一人を再生するのに必要な情報量は？]

== メモ　==
Visual Studioのショートカット

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

[http://yoppa.org/ クリエイティブ・コーダー]

== 複雑系 ==
=== セルオートマトン ===

*配布資料[http://www.kuhalabo.net/~kuha/tutorial0/bioart/cellautomaton2007.pdf PDF]
*[http://ja.wikipedia.org/wiki/%E3%82%B7%E3%82%A7%E3%83%AB%E3%83%94%E3%83%B3%E3%82%B9%E3%82%AD%E3%83%BC%E3%81%AE%E3%82%AE%E3%83%A3%E3%82%B9%E3%82%B1%E3%83%83%E3%83%88 シェルピンスキーのガスケット]
** [http://falconnet.peddie.org/students/2007/nburoojy/projects/cellular/ 256種類の１次元セルオートマトンの画像] /
*[http://ja.wikipedia.org/wiki/%E3%82%BB%E3%83%AB%E3%83%BB%E3%82%AA%E3%83%BC%E3%83%88%E3%83%9E%E3%83%88%E3%83%B3 セルオートマトン]
* [http://en.wikipedia.org/wiki/Elementary_cellular_automaton Elementary cellular automaton]

=== ライフゲーム ===
[http://www.kuhalabo.net/~kuha/tutorial0/bioart/Lifegame.exe ライフゲームの例] /
[http://homepage3.nifty.com/izushi/LifeGame/ ライフゲーム入門] /
[http://www.kuhalabo.net/~kuha/tutorial0/bioart/cagallary/ セルオートマトン・ギャラリー] /

;セルオートマトン音楽
[http://tones.wolfram.com/generate/ WolframTones]/
[http://tamw.atari-users.net/camus.htm CAMUS]/
[http://www.glitchds.com/ Glitch DS]/
[http://www.kuhalabo.net/lifegorch/ Life Game Orchestra] /

;ギャラリー
[http://www.collidoscope.com/modernca/ Modern Cellular Automata]/
[http://prenzl.sourceforge.net/gallery/category.php CArt gallery]/
[http://www.upl.cs.wisc.edu/~oblio/gnarly.html Cellular Automata Art]/
[http://akinao.at.infoseek.co.jp/ascii/index.html ASCII Art Cell Automaton]/

;参考
[http://ja.wikipedia.org/wiki/%E3%83%AF%E3%82%A4%E3%83%A4%E3%83%AF%E3%83%BC%E3%83%AB%E3%83%89 ワイヤワールド] /

=== 人工生命 ===
[http://ja.wikipedia.org/wiki/%E3%83%A9%E3%83%B3%E3%82%B0%E3%83%88%E3%83%B3%E3%81%AE%E3%82%A2%E3%83%AA ラングトンのアリ] /
[http://ja.wikipedia.org/wiki/%E3%83%A9%E3%83%B3%E3%82%B0%E3%83%88%E3%83%B3%E3%81%AE%E3%83%AB%E3%83%BC%E3%83%97 ラングトンのループ] /
[http://necsi.org/postdocs/sayama/sdsr/java/ 自己増殖ループ] /
[http://www.red3d.com/cwr/boids/ 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

== [[C Sharp Programming]] ==

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

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

[http://www.gaia.h.kyoto-u.ac.jp/~fractal/ フラクタル日除け]

== 自己相似系 ==
=== 再帰的呼出しによる樹木の描画 ===
*'''再帰的( recursive )呼び出し'''とは，サブルーチンや関数が，自分自身を呼び出すことをいう。樹木は，枝の１つを取り出して拡大しても，元の枝と同じ形（相似形）をしている。これは，同じサブルーチンで枝を描画しているからである。

*再帰的呼出し的なCollaborate Flash Animation：[http://www.zoomquilt.org/ zoomquilt] ([http://www.media.t-kougei.ac.jp/~kuha/tutorial0/bioart/zoomquilt.swf swf])
*例：実行ファイル，ソース，Taneクラス

=== C#による実装 ===
==== 新しいクラスの定義 ====
*「プロジェクト」メニューから「クラスの追加」で新しいクラス名を入力する。クラスの定義の中にメソッドを記述する。
* 注意
<pre>
using System.Drawing;
</pre>
をTane.csの冒頭に追加

==== 樹木の描画 ====

[[ファイル:Bintree.jpg]]
[[ファイル:Bintree2.JPG]]

;Taneクラスのメソッド
線分(x1,y1)-(x2,y2)が与えられたら、(x2,y2)の先端に(x3,y3), (x4,y4)を取り、線分(x2,y2)-(x3,y3)と線分(x2,y2)-(x4,y4)を描画する。
<pre>
class Tane
{
public void Eda(int n, double x1, double y1, double x2, double y2, double angle, Graphics g, Pen pen)
{
double x3, y3, x4, y4;
double s = Math.Sin(angle * Math.PI / 180.0);
double c = Math.Cos(angle * Math.PI / 180.0);
double dx = 0.7 * (x2 - x1);
double dy = 0.7 * (y2 - y1);

if (n > 0)
{
x3 = x2 + dx * c - dy * s;
y3 = y2 + dx * s + dy * c;
x4 = x2 + dx * c + dy * s;
y4 = y2 - dx * s + dy * c;
// 枝を描画する
g.DrawLine(pen, (float)x1, (float)y1, (float)x2, (float)y2);
g.DrawLine(pen, (float)x2, (float)y2, (float)x3, (float)y3);
g.DrawLine(pen, (float)x2, (float)y2, (float)x4, (float)y4);
//子の再起呼び出し
Eda(n - 1, x2, y2, x3, y3, angle, g, pen);
Eda(n - 1, x2, y2, x4, y4, angle, g, pen);
}
}
}
</pre>

;樹木描画ボタンクリックの中身
<pre>
Graphics g = pictureBox1.CreateGraphics();
Pen pen = new Pen(Color.Green, 2);
Tane tane = new Tane();

int n = 10; //枝の世代数
double x0 = pictureBox1.Width / 2; //開始位置 x座標
double y0 = pictureBox1.Height; //開始位置 y座標
double x1 = pictureBox1.Width / 2; //開始位置 x座標
double y1 = pictureBox1.Height * 0.8; //開始位置 y座標
double angle = 30.0; //子供の枝の角度の差分
tane.Eda(n, x0, y0, x1, y1, angle, g, pen);
</pre>

==== コッホ図形の描画 ====

[[ファイル:Koch.jpg]]
[[ファイル:Koch2.jpg]]

;Taneクラスのメソッド
<pre>
public void Koch(int n, double x1, double y1, double x2, double y2, Graphics g, Pen pen)
{
double x3, y3, x4, y4, x5, y5;
double s = Math.Sin(Math.PI / 3.0);
double c = Math.Cos(Math.PI / 3.0);

if (n > 0)
{
x3 = (2 * x1 + x2) / 3.0;
y3 = (2 * y1 + y2) / 3.0;
x4 = (x1 + 2 * x2) / 3.0;
y4 = (y1 + 2 * y2) / 3.0;
x5 = x3 + (x4 - x3) * c + (y4 - y3) * s;
y5 = y3 - (x4 - x3) * s + (y4 - y3) * c;
// ジェネレータを描画する
pen.Color = Color.Black;
g.DrawLine(pen, (float)x3, (float)y3, (float)x4, (float)y4);
pen.Color = Color.Green;
g.DrawLine(pen, (float)x1, (float)y1, (float)x3, (float)y3);
g.DrawLine(pen, (float)x3, (float)y3, (float)x5, (float)y5);
g.DrawLine(pen, (float)x5, (float)y5, (float)x4, (float)y4);
g.DrawLine(pen, (float)x4, (float)y4, (float)x2, (float)y2);
// 子の再起呼び出し
Koch(n - 1, x1, y1, x3, y3, g, pen);
Koch(n - 1, x3, y3, x5, y5, g, pen);
Koch(n - 1, x5, y5, x4, y4, g, pen);
Koch(n - 1, x4, y4, x2, y2, g, pen);
}
}

</pre>

;コッホ図形描画ボタンクリックの中身

<pre>
Graphics g = pictureBox1.CreateGraphics();
Pen pen = new Pen(Color.Green, 2);
Tane tane = new Tane();

// マウス位置へ直線を描画する
int n = 4; //子の世代数
double x0 = 0; //開始位置 x座標
double y0 = pictureBox1.Height * 0.6 ; //開始位置 y座標
double x1 = pictureBox1.Width; //終了位置 x座標
double y1 = pictureBox1.Height * 0.6; //終了位置 y座標
tane.Koch(n, x0, y0, x1, y1, g, pen);
</pre>

==== ドラゴン図形の描画 ====

[[ファイル:Dragon.jpg]]
[[ファイル:Dragon2.jpg]]

;Taneクラスのメソッド

<pre>
public void Dragon(int n, double x1, double y1, double x2, double y2, Graphics g, Pen pen)
{
double x3, y3, x4, y4, x5, y5;

if (n > 0)
{
x3 = 0.5 * ( x1 + x2);
y3 = 0.5 * ( y1 + y2);
x4 = 0.5 * (x1 + x3 - y1 + y3);
y4 = 0.5 * (x1 - x3 + y1 + y3);
x5 = 0.5 * (x2 + x3 - y2 + y3);
y5 = 0.5 * (x2 - x3 + y2 + y3);

// 枝を描画する
pen.Color = Color.Black;
g.DrawLine(pen, (float)x1, (float)y1, (float)x3, (float)y3);
g.DrawLine(pen, (float)x3, (float)y3, (float)x2, (float)y2);
pen.Color = Color.Green;
g.DrawLine(pen, (float)x1, (float)y1, (float)x4, (float)y4);
g.DrawLine(pen, (float)x4, (float)y4, (float)x3, (float)y3);
g.DrawLine(pen, (float)x3, (float)y3, (float)x5, (float)y5);
g.DrawLine(pen, (float)x5, (float)y5, (float)x2, (float)y2);
Dragon(n - 1, x1, y1, x4, y4, g, pen);
Dragon(n - 1, x4, y4, x3, y3, g, pen);
Dragon(n - 1, x3, y3, x5, y5, g, pen);
Dragon(n - 1, x5, y5, x2, y2, g, pen);
}
}
</pre>

;ドラゴン図形描画ボタンクリックの中身

<pre>
Graphics g = pictureBox1.CreateGraphics();
Pen pen = new Pen(Color.Green, 2);
Tane tane = new Tane();

int n = 7; //子の世代数
double x0 = pictureBox1.Width * 0.1; //開始位置 x座標
double y0 = pictureBox1.Height * 0.5; //開始位置 y座標
double x1 = pictureBox1.Width * 0.9; //終了位置 x座標
double y1 = pictureBox1.Height * 0.5; //終了位置 y座標
tane.Dragon(n, x0, y0, x1, y1, g, pen);

</pre>

==== シダ葉の描画 ====
;ドラゴン図形の変化形
* ドラゴン図形で使用した(x1,y1), (x2,y2), (x3,y3), (x4,y4), (x5,y5)を使う
* 直線(x1,y1)-(x2,y2), 直線(x1,y1)-(x4,y4), 直線(x3,y3)-(x5,y5)を基本図形とする。

[[ファイル:Sida2.JPG]]

;Taneクラスのメソッド

<pre>
public void Fern(int n, double x1, double y1, double x2, double y2, Graphics g, Pen pen)
{
double x3, y3, x4, y4, x5, y5;

if (n > 0)
{
x3 = ( x1 + x2 ) / 2.0;
y3 = ( y1 + y2 ) / 2.0;
x4 = ( x1 + x3 - y1 + y3) / 2.0;
y4 = ( x1 - x3 + y1 + y3) / 2.0;
x5 = ( x2 + x3 - y2 + y3) / 2.0;
y5 = ( x2 - x3 + y2 + y3) / 2.0;
// 枝を描画する
pen.Color = Color.Green;
g.DrawLine(pen, (float)x1, (float)y1, (float)x2, (float)y2);
g.DrawLine(pen, (float)x1, (float)y1, (float)x3, (float)y3);
g.DrawLine(pen, (float)x3, (float)y3, (float)x5, (float)y5);
Fern(n - 1, x1, y1, x4, y4, g, pen);
Fern(n - 1, x1, y1, x3, y3, g, pen);
Fern(n - 1, x3, y3, x2, y2, g, pen);
Fern(n - 1, x3, y3, x5, y5, g, pen);
}
}
</pre>

;シダ葉描画ボタンクリックの中身

<pre>
Graphics g = pictureBox1.CreateGraphics();
Pen pen = new Pen(Color.Green, 2);
Tane tane = new Tane();

int n = 7; //子の世代数
double x0 = pictureBox1.Width * 0.1; //開始位置 x座標
double y0 = pictureBox1.Height * 0.5; //開始位置 y座標
double x1 = pictureBox1.Width * 0.9; //終了位置 x座標
double y1 = pictureBox1.Height * 0.5; //終了位置 y座標
tane.Fern(n, x0, y0, x1, y1, g, pen);
</pre>

==== Cカーブの描画 ====

[[ファイル:Ccurve.jpg]]
[[ファイル:Ccurve2.jpg]]

;Taneクラスのメソッド

<pre>
public void Ccurve(int n, double x1, double y1, double x2, double y2, Graphics g, Pen pen)
{
double x3, y3;

if (n > 0)
{
x3 = 0.5 * (x1 + x2 - y1 + y2);
y3 = 0.5 * (x1 - x2 + y1 + y2);
// 枝を描画する
pen.Color = Color.Black;
g.DrawLine(pen, (float)x1, (float)y1, (float)x2, (float)y2);
pen.Color = Color.Green;
g.DrawLine(pen, (float)x1, (float)y1, (float)x3, (float)y3);
g.DrawLine(pen, (float)x3, (float)y3, (float)x2, (float)y2);
Ccurve(n - 1, x1, y1, x3, y3, g, pen);
Ccurve(n - 1, x3, y3, x2, y2, g, pen);
}
}
</pre>

;Cカーブ画ボタンクリックの中身

<pre>
Graphics g = pictureBox1.CreateGraphics();
Pen pen = new Pen(Color.Green, 2);
Tane tane = new Tane();

int n = 12; //子の世代数
double x0 = pictureBox1.Width * 0.25; //開始位置 x座標
double y0 = pictureBox1.Height * 0.75; //開始位置 y座標
double x1 = pictureBox1.Width * 0.75; //終了位置 x座標
double y1 = pictureBox1.Height * 0.75; //終了位置 y座標
tane.Ccurve(n, x0, y0, x1, y1, g, pen);
</pre>

==== 内分点と回転によるカスタムジェネレータの描画 ====

[[ファイル:gene01.JPG]]
[[ファイル:gene012.JPG]]

;Taneクラスのメソッド

<pre>
public void Gene01(int n, double x1, double y1, double x2, double y2, Graphics g, Pen pen)
{
double x3, y3, x4, y4;
double p = 2.0;
double q = 3.0;
double th = -30.0;
double s = Math.Sin(th * Math.PI / 180.0);
double c = Math.Cos(th * Math.PI / 180.0);

if (n > 0)
{
x3 = (q * x1 + p * x2) / (p + q);
y3 = (q * y1 + p * y2) / (p + q);
x4 = x1 + (x3 - x1) * c - (y3 - y1) * s;
y4 = y1 + (x3 - x1) * s + (y3 - y1) * c;
pen.Color = Color.Yellow;
g.DrawLine(pen, (float)x1, (float)y1, (float)x2, (float)y2);
g.DrawLine(pen, (float)x1, (float)y1, (float)x4, (float)y4);
Gene01(n - 1, x1, y1, x3, y3, g, pen);
Gene01(n - 1, x1, y1, x4, y4, g, pen);
Gene01(n - 1, x3, y3, x2, y2, g, pen);
}
}
</pre>

;カスタムジェネレータ描画ボタンクリックの中身

<pre>
Graphics g = pictureBox1.CreateGraphics();
Pen pen = new Pen(Color.Green, 2);
Tane tane = new Tane();

int n = 7; //子の世代数
double x0 = pictureBox1.Width * 0.1; //開始位置 x座標
double y0 = pictureBox1.Height * 0.5; //開始位置 y座標
double x1 = pictureBox1.Width * 0.9; //終了位置 x座標
double y1 = pictureBox1.Height * 0.5; //終了位置 y座標
tane.Gene01(n, x0, y0, x1, y1, g, pen);
</pre>

;マウスドラッグで始点と終点を決めて描く
*プロパティウィンドウにイベント(稲妻のアイコン)のリストを表示させ、MouseDownイベントをダブルクリックすると、MouseDownのメソッドが自動生成されます。
*label1,label2に始点の座標を、label3, label4に終点の座標を入れる

<pre>
private void pictureBox1_MouseDown(object sender, MouseEventArgs e)
{
label1.Text = e.X.ToString();
label2.Text = e.Y.ToString();

}

private void pictureBox1_MouseUp(object sender, MouseEventArgs e)
{
Graphics g = pictureBox1.CreateGraphics();
Pen pen = new Pen(Color.Green, 2);
Tane tane = new Tane();

int n = 7;
double x0 = double.Parse(label1.Text);
double y0 = double.Parse(label2.Text);
double x1 = double.Parse(label3.Text);
double y1 = double.Parse(label4.Text);

tane.Gene01(n, x0, y0, x1, y1, g, pen);
}

private void pictureBox1_MouseMove(object sender, MouseEventArgs e)
{
label3.Text = e.X.ToString();
label4.Text = e.Y.ToString();

}
</pre>

p,q,thをクラスのメンバー変数にして、外部からランダムに与える。

<pre>
class Tane
{
public double p { get; set; }
public double q { get; set; }
public double th { get; set; }

public void Gene01(int n, double x1, double y1, double x2, double y2, Graphics g, Pen pen)
{
double x3, y3, x4, y4;
double s = Math.Sin(th * Math.PI / 180.0);
double c = Math.Cos(th * Math.PI / 180.0);

if (n > 0)
{
x3 = (q * x1 + p * x2) / (p + q);
y3 = (q * y1 + p * y2) / (p + q);
x4 = x1 + (x3 - x1) * c - (y3 - y1) * s;
y4 = y1 + (x3 - x1) * s + (y3 - y1) * c;
pen.Color = Color.Yellow;
g.DrawLine(pen, (float)x1, (float)y1, (float)x2, (float)y2);
g.DrawLine(pen, (float)x1, (float)y1, (float)x4, (float)y4);
Gene01(n - 1, x1, y1, x3, y3, g, pen);
Gene01(n - 1, x1, y1, x4, y4, g, pen);
Gene01(n - 1, x3, y3, x2, y2, g, pen);
}
}

}

</pre>

<pre>
private void pictureBox1_MouseUp(object sender, MouseEventArgs e)
{
Graphics g = pictureBox1.CreateGraphics();
Pen pen = new Pen(Color.Green, 2);
Tane tane = new Tane();
Random rnd = new Random();

int n = 7;
double x0 = double.Parse(label1.Text);
double y0 = double.Parse(label2.Text);
double x1 = double.Parse(label3.Text);
double y1 = double.Parse(label4.Text);

tane.p = rnd.Next(2, 6);
tane.q = rnd.Next(3, 7);
tane.th = rnd.Next(10, 90);

tane.Gene01(n, x0, y0, x1, y1, g, pen);
}

</pre>

==== タイマーを使用した樹木のアニメーション ====

<pre>
private void button3_Click(object sender, EventArgs e)
{
timer1.Enabled = true;
timer1.Start();
}

private void button4_Click(object sender, EventArgs e)
{
timer1.Stop();
timer1.Enabled = false;
}

public int cnt; //タイマー用カウンタ
private void timer1_Tick(object sender, EventArgs e)
{
Graphics g = pictureBox1.CreateGraphics();
Pen pen = new Pen(Color.Green, 1);
Tane tane = new Tane();

g.Clear(Color.Black);

cnt++; //タイマー用カウンタのカウントアップ
int n = 10; //枝の世代数
double x0 = pictureBox1.Width / 2; //開始位置 x座標
double y0 = pictureBox1.Height; //開始位置 y座標
double x1 = pictureBox1.Width / 2; //開始位置 x座標
double y1 = pictureBox1.Height * 0.9 - cnt * 2; //開始位置 y座標
double angle = 30.0; //子供の枝の角度の変化の差分
double a_rate = angle + cnt * 2;
tane.Eda(n, x0, y0, x1, y1, a_rate, g, pen);
}
</pre>

== 複素平面フラクタル ==
*[http://blossom.media.t-kougei.ac.jp/~kuha/tutorial0/bioart/9_complex.pdf 配布資料PDF]
*[http://blossom.media.t-kougei.ac.jp/~kuha/tutorial0/bioart/mandelv3.exe 複複素平面フラクタル図形描画ソフトウェア for Windows]
**注）comdlg32.ocxがない場合は，[http://www.microsoft.com/downloads/ja-jp/details.aspx?displaylang=ja&FamilyID=7B9BA261-7A9C-43E7-9117-F673077FFB3C ここ]からRuntimeファイル群をダウンロードしてください。

[http://www.youtube.com/watch?v=0fKBhvDjuy0 Powers of Ten]

=== C#の座標変換 ===
;座標原点
原点を移動するには、TranslateTransformメソッドを使う。
<pre>
g.TranslateTransform(x1,y1); //座標原点を(x1,y1)に移動
</pre>

;座標の回転
座標軸をth度(degree)だけ回転するには、RotateTransformメソッドを使う。

<pre>
　 g.RotateTransform(th);
</pre>

;座標軸のスケール、方向
座標スケールを変換するには、ScaleTransformメソッドを使う。
<pre>
g.ScaleTransform(scx,scy); //X軸をscx倍、Y軸をscy倍する
</pre>
X軸は右、Y軸は下が正方向なので、座標軸方向を反転するには、次のとおり。
<pre>
　　　　　　g.ScaleTransform(1,-1); //Y軸方向の反転
　　　　　　g.ScaleTransform(-1,1); //X軸方向の反転
</pre>

=== 複素平面フラクタルの描画 ===
;自己平方の描画プログラム
<pre>
Graphics g = pictureBox1.CreateGraphics();
g.TranslateTransform(pictureBox1.Width / 2, pictureBox1.Height / 2); //原点を中央に移動
g.ScaleTransform(1, -1); //Y軸の向きを反転
Pen pen = new Pen(Color.White);

int Xmax = pictureBox1.Width / 2;
int Xmin = -pictureBox1.Width / 2;
int Ymax = pictureBox1.Height / 2;
int Ymin = -pictureBox1.Height / 2;
double Rmax = 0.5;
double Rmin = -0.5;
double Imax = 0.5;
double Imin = -0.5;
double Zr, newZr;
double Zi, newZi;
double Ar = -0.2;
double Ai = 0.675;
int Nmax = 100;
int Rstep = 1; // 何ピクセルごとに計算するか
int Istep = 1;

for (int x = Xmin; x < Xmax; x = x + Rstep)
{
for (int y = Ymin; y < Ymax; y = y + Istep)
{
Zr = ( x - Xmin ) * (Rmax - Rmin) / (Xmax - Xmin) + Rmin; // pictureBoxの座標を複素平面Zの座標に変換
Zi = ( y - Ymin ) * (Imax - Imin) / (Ymax - Ymin) + Imin;
int n = 0;
while ( Zr * Zr + Zi * Zi < 4 & n < Nmax )
{
newZr = Zr * Zr - Zi * Zi + Ar; // f(z) = X^2 * Aの実数部
newZi = 2 * Zr * Zi + Ai; // f(z) = X^2 * Aの虚数部
Zr = newZr;
Zi = newZi;
n++;
}
if (n < Nmax)
{
pen.Color = Color.FromArgb(255, n * 255 / Nmax, 0, 0);//nの数に応じて色分ける
g.DrawRectangle(pen, x, y, 1, 1);
}
}
}
</pre>

;マンデルブロー集合の描画プログラム
<pre>
Graphics g = pictureBox1.CreateGraphics();
g.TranslateTransform(pictureBox1.Width / 2, pictureBox1.Height / 2); //原点を中央に移動
g.ScaleTransform(1, -1); //Y軸の向きを反転
Pen pen = new Pen(Color.White);

int Xmax = pictureBox1.Width / 2;
int Xmin = -pictureBox1.Width / 2;
int Ymax = pictureBox1.Height / 2;
int Ymin = -pictureBox1.Height / 2;
double Rmax = 1.5;
double Rmin = -1.5;
double Imax = 1.5;
double Imin = -1.5;
double Zr, newZr;
double Zi, newZi;
double Cr;
double Ci;
int Nmax = 50;
int Rstep = 1; // 何ピクセルごとに計算するか
int Istep = 1;

for (int x = Xmin; x < Xmax; x = x + Rstep)
{
for (int y = Ymin; y < Ymax; y = y + Istep)
{
Cr = ( x - Xmin ) * (Rmax - Rmin) / (Xmax - Xmin) + Rmin; // pictureBoxの座標を複素平面Cの座標に変換
Ci = ( y - Ymin ) * (Imax - Imin) / (Ymax - Ymin) + Imin;
int n = 0;
Zr = 0.0;
Zi = 0.0;
while (Zr * Zr + Zi * Zi < 4 & n < Nmax)
{
newZr = Zr * Zr - Zi * Zi + Cr; // f(z) = X^2 * Cの実数部
newZi = 2 * Zr * Zi + Ci; // f(z) = X^2 * Cの虚数部
Zr = newZr;
Zi = newZi;
n++;
}
if (n < Nmax)
{
pen.Color = Color.FromArgb(255, 0, n * 255 / Nmax, 0);//nの数に応じて色分ける
g.DrawRectangle(pen, x, y, 1, 1);
}
}
}
</pre>

;Julia集合
<pre>
Graphics g = pictureBox1.CreateGraphics();
g.TranslateTransform(pictureBox1.Width / 2, pictureBox1.Height / 2); //原点を中央に移動
g.ScaleTransform(1, -1); //Y軸の向きを反転
Pen pen = new Pen(Color.White);

int Xmax = pictureBox1.Width / 2;
int Xmin = -pictureBox1.Width / 2;
int Ymax = pictureBox1.Height / 2;
int Ymin = -pictureBox1.Height / 2;
double Rmax = 1.5;
double Rmin = -1.5;
double Imax = 1.5;
double Imin = -1.5;
double Xr, Xr2, XrXi23, newXr;
double Xi, Xi2, newXi;
double Dr;
double Di;
int Nmax = 50;
int Rstep = 1; // 何ピクセルごとに計算するか
int Istep = 1;

for (int x = Xmin; x < Xmax; x = x + Rstep)
{
for (int y = Ymin; y < Ymax; y = y + Istep)
{
Xr = ( x - Xmin ) * (Rmax - Rmin) / (Xmax - Xmin) + Rmin; // pictureBoxの座標を複素平面Cの座標に変換
Xi = ( y - Ymin ) * (Imax - Imin) / (Ymax - Ymin) + Imin;
int n = 0;
Dr = 1.0;
Di = 1.0;
while (Dr + Di > 0.001 & n < Nmax)
{
Xr2 = Xr * Xr;
Xi2 = Xi * Xi;
XrXi23 = (Xr2 + Xi2) * (Xr2 + Xi2) / 3;
newXr = Xr * 2 / 3 + (Xr2 - Xi2) / XrXi23; // f(z) = X^2 * Cの実数部
newXi = Xi * 2 / 3 - 2 * Xr * Xi / XrXi23; // f(z) = X^2 * Cの虚数部
Dr = Math.Abs(newXr - Xr);
Di = Math.Abs(newXi - Xi);
Xr = newXr;
Xi = newXi;
n++;
}
if (n < Nmax)
{
int rr = n * 255 / Nmax;
int gg = 0;
int bb = 0;
pen.Color = Color.FromArgb(255, rr, gg, bb);//nの数に応じて色分ける
g.DrawRectangle(pen, x, y, 1, 1);
}
}
}
</pre>

=== 配色の工夫 ===

個々の色の差をハッキリさせる。
<pre>
int rr = (n % 13 + 1) * 255 / 14;
int gg = (n % 11 + 1) * 255 / 12;
int bb = (n % 7 + 1) * 255 / 8;
pen.Color = Color.FromArgb(255, rr, gg, bb);
g.DrawRectangle(pen, x, y, Rstep, Istep);
</pre>

ピクセルの目を粗くした時に、矩形の中身を塗りつぶす。
<pre>
pen.Color = Color.FromArgb(255, rr, gg, bb);
brush.Color = Color.FromArgb(255, rr, gg, bb);
g.DrawRectangle(pen, x, y, Rstep, Istep);
g.FillRectangle(brush, x, y, Rstep, Istep);
</pre>

Ar, Ai, Rstep, Istepなどをテキストボックスから入力する。
<pre>
Ar = double.Parse(textBox1.Text);
Ai = double.Parse(textBox2.Text);

Rstep = int.Parse(textBox3.Text);
Istep = Rstep;
</pre>

=== いろいろカスタマイズ ===

*複素平面の座標のスケールをラベルに表示する。
*マウスドラッグで、新しく描画する範囲を選択する。
*選択領域を正方形にするかどうかを、チェックボックスで指定する。
<pre>
//　グローバルに宣言
Point MD = new Point();//マウスダウンの位置
Point MU = new Point(); //マウスアップの位置

bool view = false;//選択領域を描画するかどうかの判定
bool view2 = false;
Graphics g;
int Xmax;
int Xmin;
int Ymax;
int Ymin;

double Rmax;
double Rmin;
double Imax;
double Imin;

double Rmax2;//マウスドラッグで指定した新しい範囲
double Rmin2;
double Imax2;
double Imin2;

public Form1()
{
InitializeComponent();
g = pictureBox1.CreateGraphics();
g.TranslateTransform(pictureBox1.Width / 2, pictureBox1.Height / 2); //原点を中央に移動
g.ScaleTransform(1, -1); //Y軸の向きを反転
view2 = true;

Xmax = pictureBox1.Width / 2;
Xmin = -pictureBox1.Width / 2;
Ymax = pictureBox1.Height / 2;
Ymin = -pictureBox1.Height / 2;

Rmax2 = 0.5;
Rmin2 = -0.5;
Imax2 = 0.5;
Imin2 = -0.5;
Rmax = Rmax2;
Rmin = Rmin2;
Imax = Imax2;
Imin = Imin2;

label1.Text = null;
label2.Text = null;
label3.Text = null;
label4.Text = null;

label5.Text = Rmax2.ToString();
label6.Text = Rmin2.ToString();
label7.Text = Imax2.ToString();
label8.Text = Imin2.ToString();
}

private void button1_Click(object sender, EventArgs e)
{
Pen pen = new Pen(Color.White);
SolidBrush brush = new SolidBrush(Color.FromArgb(90, 200, 200, 200));

g.Clear(Color.Black); //描画領域をクリア（黒で塗りつぶす）

Rmax = Rmax2;
Rmin = Rmin2;
Imax = Imax2;
Imin = Imin2;

label5.Text = Rmax2.ToString();
label6.Text = Rmin2.ToString();
label7.Text = Imax2.ToString();
label8.Text = Imin2.ToString();

label5.Refresh();
label6.Refresh();
label7.Refresh();
label8.Refresh();
view2 = true;

double Zr, newZr;
double Zi, newZi;
double Ar = -0.2;
double Ai = 0.675;
// double Ar = -0.3;
// double Ai = 0.63;
Ar = double.Parse(textBox1.Text);//テキストボックスから値を取得
Ai = double.Parse(textBox2.Text);

int Nmax = 500;
int Rstep = 3; // 何ピクセルごとに計算するか
int Istep = 3;

Rstep = int.Parse(textBox3.Text);
Istep = Rstep;

for (int x = Xmin; x < Xmax; x = x + Rstep)
{
for (int y = Ymin; y < Ymax; y = y + Istep)
{
Zr = ( x - Xmin ) * (Rmax - Rmin) / (Xmax - Xmin) + Rmin; // pictureBoxの座標を複素平面Zの座標に変換
Zi = ( y - Ymin ) * (Imax - Imin) / (Ymax - Ymin) + Imin;
int n = 0;
while ( Zr * Zr + Zi * Zi < 4 & n < Nmax )
{
newZr = Zr * Zr - Zi * Zi + Ar; // f(z) = X^2 * Aの実数部
newZi = 2 * Zr * Zi + Ai; // f(z) = X^2 * Aの虚数部
Zr = newZr;
Zi = newZi;
n++;
}
if (n < Nmax)
{
int dr = 17;
int rr = (n % dr + 1) * 255 / (dr + 1);
int gg = (n % 11 + 1) * 255 / 12;
int bb = (n % 7 + 1) * 255 / 8;
pen.Color = Color.FromArgb(255, rr, gg, 255 - bb);//nの数に応じて色分ける
brush.Color = Color.FromArgb(255, rr, gg, 255 - bb);//nの数に応じて色分ける
g.DrawRectangle(pen, x, y, Rstep, Istep);
g.FillRectangle(brush, x, y, Rstep, Istep);
}
}
}
}

private void button2_Click(object sender, EventArgs e)
{
Graphics g = pictureBox1.CreateGraphics();
g.Clear(Color.Black); //描画領域をクリア（黒で塗りつぶす）

label1.Text = null;
label2.Text = null;
label3.Text = null;
label4.Text = null;

label5.Text = Rmax2.ToString();
label6.Text = Rmin2.ToString();
label7.Text = Imax2.ToString();
label8.Text = Imin2.ToString();

view2 = true;

}

//　以下、マウスイベントによって選択範囲を取得する処理
private void pictureBox1_MouseDown(object sender, MouseEventArgs e)
{
if (view2 == false) return;
// 描画フラグON
view = true;

// Mouseを押した座標を記録
MD.X = e.X - Xmax;
MD.Y = Ymax - e.Y;
}

private void pictureBox1_MouseUp(object sender, MouseEventArgs e)
{
if (view2 == false) return;

Point start = new Point();
Point end = new Point();

// Mouseを離した座標を記録
MU.X = e.X - Xmax;
MU.Y = Ymax - e.Y;

// 座標から(X,Y)座標を計算
GetRegion(MD, MU, ref start, ref end);

// 領域を描画
DrawRegion(start, end);

// 描画フラグOFF
view = false;
view2 = false;

}

private void pictureBox1_MouseMove(object sender, MouseEventArgs e)
{
if (view2 == false) return;

Point p = new Point();

p.X = e.X - Xmax;
p.Y = Ymax - e.Y;

// 描画フラグcheck
if (view == false)
{
label1.Text = ( ( p.X - Xmin ) * (Rmax - Rmin) / (Xmax - Xmin) + Rmin ).ToString();
label2.Text = ( ( p.Y - Ymin ) * (Imax - Imin) / (Ymax - Ymin) + Imin ).ToString();

label3.Text = null;
label4.Text = null;

return;
}

// カーソルが示している場所の座標を取得
label3.Text = ( (p.X - Xmin) * (Rmax - Rmin) / (Xmax - Xmin) + Rmin ).ToString();
label4.Text = ( (p.Y - Ymin) * (Imax - Imin) / (Ymax - Ymin) + Imin ).ToString();
}

private void GetRegion(Point p1, Point p2, ref Point start, ref Point end)
{
start.X = Math.Min(p1.X, p2.X);
start.Y = Math.Min(p1.Y, p2.Y);

end.X = Math.Max(p1.X, p2.X);
end.Y = Math.Max(p1.Y, p2.Y);

if (checkBox1.Checked == true) //選択領域を正方形にする
{
int min_x_y = Math.Min(Math.Abs(end.X - start.X), Math.Abs(end.Y - start.Y));

end.X = start.X + min_x_y;
end.Y = start.Y + min_x_y;
}

Rmax2 = ( end.X - Xmin ) * (Rmax - Rmin) / (Xmax - Xmin) + Rmin; // pictureBoxの座標を複素平面Zの座標に変換
Imax2 = ( end.Y - Ymin ) * (Imax - Imin) / (Ymax - Ymin) + Imin;
Rmin2 = ( start.X - Xmin ) * (Rmax - Rmin) / (Xmax - Xmin) + Rmin;
Imin2 = ( start.Y - Ymin ) * (Imax - Imin) / (Ymax - Ymin) + Imin;
}

private int GetLength(int start, int end)
{
return Math.Abs(start - end);
}

private void DrawRegion(Point start, Point end)
{
Pen blackPen = new Pen(Color.White);
SolidBrush tbrush = new SolidBrush(Color.FromArgb(100,220,220,220));

// 描画する線を点線に設定
// blackPen.DashStyle = System.Drawing.Drawing2D.DashStyle.Dash;

// 画面を消去
// g.Clear(SystemColors.Control);

// 領域を描画
g.DrawRectangle(blackPen, start.X, start.Y, GetLength(start.X, end.X), GetLength(start.Y, end.Y));
g.FillRectangle(tbrush, start.X, start.Y, GetLength(start.X, end.X), GetLength(start.Y, end.Y));
}

private void button5_Click(object sender, EventArgs e)
{
// 座標を初期値に戻す
Rmax2 = 0.5;
Rmin2 = -0.5;
Imax2 = 0.5;
Imin2 = -0.5;

label1.Text = null;
label2.Text = null;
label3.Text = null;
label4.Text = null;

label5.Text = Rmax2.ToString();
label6.Text = Rmin2.ToString();
label7.Text = Imax2.ToString();
label8.Text = Imin2.ToString();
}
</pre>

*座標のスケールの拡大、縮小ボタンを付ける
<pre>
private void button6_Click(object sender, EventArgs e)
{
// 座標のスケールを５倍にする
double ratio = 5.0;
double R_ave = ( Rmax2 + Rmin2 ) / 2;
double R_dif2 = ( Rmax2 - Rmin2 ) / 2;
double I_ave = ( Imax2 + Imin2 ) / 2;
double I_dif2 = ( Imax2 - Imin2 ) / 2;

Rmax2 = R_ave + R_dif2 * ratio;
Rmin2 = R_ave - R_dif2 * ratio;
Imax2 = I_ave + I_dif2 * ratio;
Imin2 = I_ave - I_dif2 * ratio;

label5.Text = Rmax2.ToString();
label6.Text = Rmin2.ToString();
label7.Text = Imax2.ToString();
label8.Text = Imin2.ToString();
}

private void button7_Click(object sender, EventArgs e)
{
// 座標のスケールを５分の１倍にする
double ratio = 5.0;
double R_ave = (Rmax2 + Rmin2) / 2;
double R_dif2 = (Rmax2 - Rmin2) / 2;
double I_ave = (Imax2 + Imin2) / 2;
double I_dif2 = (Imax2 - Imin2) / 2;

Rmax2 = R_ave + R_dif2 / ratio;
Rmin2 = R_ave - R_dif2 / ratio;
Imax2 = I_ave + I_dif2 / ratio;
Imin2 = I_ave - I_dif2 / ratio;

label5.Text = Rmax2.ToString();
label6.Text = Rmin2.ToString();
label7.Text = Imax2.ToString();
label8.Text = Imin2.ToString();
}
</pre>

*座標の上下左右へシフトさせるボタンを付ける
<pre>
private void button8_Click(object sender, EventArgs e)
{
// 座標のスケールを左に0.5スケールシフトする
double R_ave = (Rmax2 + Rmin2) * 0.5;
double R_dif2 = (Rmax2 - Rmin2) * 0.5;

Rmax2 = Rmax2 - R_dif2;
Rmin2 = Rmin2 - R_dif2;

label5.Text = Rmax2.ToString();
label6.Text = Rmin2.ToString();
}

private void button9_Click(object sender, EventArgs e)
{
// 座標のスケールを右に0.5スケールシフトする
double R_ave = (Rmax2 + Rmin2) * 0.5;
double R_dif2 = (Rmax2 - Rmin2) * 0.5;

Rmax2 = Rmax2 + R_dif2;
Rmin2 = Rmin2 + R_dif2;

label5.Text = Rmax2.ToString();
label6.Text = Rmin2.ToString();
}

private void button10_Click(object sender, EventArgs e)
{
// 座標のスケールを下に0.5スケールシフトする
double I_ave = (Imax2 + Imin2) * 0.5 ;
double I_dif2 = (Imax2 - Imin2) * 0.5;

Imax2 = Imax2 - I_dif2;
Imin2 = Imin2 - I_dif2;

label7.Text = Imax2.ToString();
label8.Text = Imin2.ToString();
}

private void button11_Click(object sender, EventArgs e)
{
// 座標のスケールを上に0.5スケールシフトする
double I_ave = (Imax2 + Imin2) * 0.5;
double I_dif2 = (Imax2 - Imin2) * 0.5;

Imax2 = Imax2 + I_dif2;
Imin2 = Imin2 + I_dif2;

label7.Text = Imax2.ToString();
label8.Text = Imin2.ToString();
}
</pre>

== 人間の感覚 ==
=== アロマアート ===
嗅覚を利用したアート

[http://w3.media.t-kougei.ac.jp/kuha/asp/asp00kuha/bbs.asp かんたん掲示板]に「香りの特徴」を書いてみよう。

*[http://www.kuhalabo.net/~kuha/doc/pclit_manu200510.pdf 香りの印刷]
*[http://www.kuhalabo.net/~kuha/doc/aromap20040312.pdf アロマプリンタ]
*[http://ja.wikipedia.org/wiki/RAMPO 映画RAMPO]
*ブンマー・モンティエン,呼吸の家
**彫刻の中に入ってハーブの香りを体感するもの　(東京都現代美術館) http://www.tokyoartbeat.com/tablog/images/ShowMeThai3.jpg
*アムラックスシアター
**シーンに合わせた座席の振動・香りつきのシアター（トヨタ・アムラックス）

=== 共感覚 ===
*[http://www.media.t-kougei.ac.jp/~projectk/color_sound/trial-product/new/ 色彩と調性の関係性についての実験サイト]（久原ゼミの実験企画）
*[http://ist.ksc.kwansei.ac.jp/~nagata/synesthesia/ 色聴は共感覚]（関西学院理工学部情報科学科の長田典子先生の研究室）

=== ヒーリングアート ===
;リラックスとリフレッシュ
:リラックス時には副交感神経が優勢に，興奮状態にある場合は、交感神経が優勢になる。
:リラックス時にはアルファ波が出る？

;1/f揺らぎ
*ホワイトノイズ、サイン波、ピンクノイズ(1/f揺らぎ)
*自然界の音を使用した楽曲 [http://www.media.t-kougei.ac.jp/~projectk/healmusic/ URL]
* スペクトル
** EQ(イコライザ)によって，音のスペクトルを加工する。
** スペクトルとは[[周波数構成]]のこと。ピッチ感のある音は，ピークとなる基本周波数を中心として複数の倍音成分から構成される。
*** [http://www.cycleof5th.com/products/soundengine/ SoundEngine]や[http://audacity.sourceforge.net/?lang=ja Audacity]でsin波などを生成し，周波数構成を観察。sin波は基本周波数１つのみ。ノコギリ波はsin波の倍数の無限級数。ホワイトノイズはランダムな周波数構成。
*** 人のボーカル，楽器の音，車のエンジン音のスペクトルを比較してみる。
;子守唄
*子守唄の特徴、西洋の子守唄、日本の子守唄
*子守唄自動作曲プログラム(Max/MSP)[http://www.media.t-kougei.ac.jp/~kuha/doc/sigmus68_suyama_kuhara07.pdf PDF]
*生理食塩水内レコーディング[http://www.media.t-kougei.ac.jp/kuhalaaa/mdata.php?catego=3&wks_id=230&mode=detail 竹田の子守唄]

;生物的なシステム，生物の癒し効果
[http://www.kazsh.com/ flash effects] /
[http://levitated.net/ Levitated the Exploration of Computation] /
[http://sodaplay.com/ sodaplay]/
[http://www.vectorpark.com/ Vector Park] /
[http://www.livly.com/ リヴリー・アイランド] /
[http://electroplankton.com/ エレクトロプランクトン] /
[http://www.bandai.co.jp/releases/J2004020301.html たまごっちプラス] /
[http://www.aist.go.jp/pr/expo/contents/paro/paro.html メンタルコミットロボアザラシ型「パロ」] /
[http://www.necoro.com/home.html 猫型コミュニケーションロボット「ネコロ」] /
[http://www.nintendo.co.jp/ds/adgj/index.html nintendogs] /
[http://www.nhk.or.jp/digista/onair/hall_2004.html What is TRUTH?] /

*[http://blossom.media.t-kougei.ac.jp/~kuha/tutorial0/bioart/egg.swf Vector Parkのegg.swf]
*[http://www.ebiebi.net//F_SAMPLES/clambon/ CLAMBON FARM]
*[http://intihuatani.usc.edu/cloud/flowing/ flOw]
*電子ペット Comたま [http://blossom.media.t-kougei.ac.jp/comtama/ URL] / [http://blossom.media.t-kougei.ac.jp/~kuha/doc/genko_comtama.pdf PDF]

== [[脳]] ==

== [[Neural Networks]] ==

== [[Genetic Algorithm]] ==

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

学内のプロキシー環境で作業する場合、コンソールで
<pre>
git config --global http.proxy proxy-n.t-kougei.ac.jp:8080
git config --global https.proxy proxy-n.t-kougei.ac.jp:8080
</pre>
とする。

通常のプロキシーのない環境で作業する場合、コンソールで
<pre>
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
</pre>
とする。

現在の設定を確認するには、コンソールで、
<pre>
git config --list
</pre>
とする。

== リンク ==

http://gushwell.ifdef.jp/

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

[[Category:授業]]

生命情報アート論

2026-01-15T10:14:53Z

Kuha：/* アロマアート */

== 概要 ==

*成績評価
**出席：学生証scan+[http://www.kuhalabo.net/~web/examination/mpaper/min_paper.php?subj_id=3&grade=2 Minutes paper]
**課題：セルオートマトン課題、再帰呼び出し図形課題、複素平面フラクタル課題
**小テスト：[http://www.kuhalabo.net/~web/examination/result_highscore.php?subj_id=3 ハイスコア]

;授業概要及び到達目標
:インタラクティブアートは芸術を基盤として科学や工学を統合する新しい領域である。生物科学に関連した分野として、人工生命、ライフゲーム、フラクタル、オートマトン、遺伝的アルゴリズム、ニューラルネットワークなど応用範囲の広いものが数多く存在する。
そういった生物に見られる特徴をアートに応用したジェネラティブアートの作品をC++のプログラミングを使用して、実際に作成してみる。

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

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

== アナウンス ==

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

テキストや開発環境については、以下を参照してください。
* http://www.kuhalabo.net/kxoops/modules/d3blog/details.php?bid=141

一年生の時にメディアプログラミング演習I程度のプログラミングスキルがあるものとして、授業を進めます。
もし、プログラミングに不安があるなら、上記テキストを使って、自分で予習や自習をしてください。

== 予定 ==
;2014年度

# 9/30(火) ガイダンス, 生物と情報とアート，openFrameworksプログラミング演習
# 10/7(火) openFrameworks C++プログラミング
# 10/14(火) 幾何学図形の描画
# 10/21(火) ランダムウォーク
# 10/28(火) セルオートマトン
# 11/4(火) セルオートマトン
# 11/11(火) セルオートマトン
# 11/18(火) セルオートマトン
# 11/25(火) セルオートマトン
# 12/2(火) フラクタルと再帰呼び出し
# 12/9(火) 課題制作日
# 12/16(火) フラクタルと再帰呼び出し
# 1/6(火) 予備演習日（出席はとりません）
# 1/20(火) 遺伝的アルゴリズム
# 1/28(火) 小テスト

== 生物と情報とアート ==
* 生物とは? 生物の特徴とは？
** 例：小石と貝殻
** * [http://blossom.media.t-kougei.ac.jp/~kuha/easybbs/easy_bbs4klb2.php 簡単BBS]に「生物と無生物の違いは何か？」説明してみよう。
* ゲノムのDNAマップ [http://www.ncbi.nlm.nih.gov/mapview/ NCBI Map Viewer]
* [http://www.kuhalabo.net/kxoops/modules/d3blog/details.php?bid=5 ヒト一人を再生するのに必要な情報量は？]

== メモ　==
Visual Studioのショートカット

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

[http://yoppa.org/ クリエイティブ・コーダー]

== 複雑系 ==
=== セルオートマトン ===

*配布資料[http://www.kuhalabo.net/~kuha/tutorial0/bioart/cellautomaton2007.pdf PDF]
*[http://ja.wikipedia.org/wiki/%E3%82%B7%E3%82%A7%E3%83%AB%E3%83%94%E3%83%B3%E3%82%B9%E3%82%AD%E3%83%BC%E3%81%AE%E3%82%AE%E3%83%A3%E3%82%B9%E3%82%B1%E3%83%83%E3%83%88 シェルピンスキーのガスケット]
** [http://falconnet.peddie.org/students/2007/nburoojy/projects/cellular/ 256種類の１次元セルオートマトンの画像] /
*[http://ja.wikipedia.org/wiki/%E3%82%BB%E3%83%AB%E3%83%BB%E3%82%AA%E3%83%BC%E3%83%88%E3%83%9E%E3%83%88%E3%83%B3 セルオートマトン]
* [http://en.wikipedia.org/wiki/Elementary_cellular_automaton Elementary cellular automaton]

=== ライフゲーム ===
[http://www.kuhalabo.net/~kuha/tutorial0/bioart/Lifegame.exe ライフゲームの例] /
[http://homepage3.nifty.com/izushi/LifeGame/ ライフゲーム入門] /
[http://www.kuhalabo.net/~kuha/tutorial0/bioart/cagallary/ セルオートマトン・ギャラリー] /

;セルオートマトン音楽
[http://tones.wolfram.com/generate/ WolframTones]/
[http://tamw.atari-users.net/camus.htm CAMUS]/
[http://www.glitchds.com/ Glitch DS]/
[http://www.kuhalabo.net/lifegorch/ Life Game Orchestra] /

;ギャラリー
[http://www.collidoscope.com/modernca/ Modern Cellular Automata]/
[http://prenzl.sourceforge.net/gallery/category.php CArt gallery]/
[http://www.upl.cs.wisc.edu/~oblio/gnarly.html Cellular Automata Art]/
[http://akinao.at.infoseek.co.jp/ascii/index.html ASCII Art Cell Automaton]/

;参考
[http://ja.wikipedia.org/wiki/%E3%83%AF%E3%82%A4%E3%83%A4%E3%83%AF%E3%83%BC%E3%83%AB%E3%83%89 ワイヤワールド] /

=== 人工生命 ===
[http://ja.wikipedia.org/wiki/%E3%83%A9%E3%83%B3%E3%82%B0%E3%83%88%E3%83%B3%E3%81%AE%E3%82%A2%E3%83%AA ラングトンのアリ] /
[http://ja.wikipedia.org/wiki/%E3%83%A9%E3%83%B3%E3%82%B0%E3%83%88%E3%83%B3%E3%81%AE%E3%83%AB%E3%83%BC%E3%83%97 ラングトンのループ] /
[http://necsi.org/postdocs/sayama/sdsr/java/ 自己増殖ループ] /
[http://www.red3d.com/cwr/boids/ 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

== [[C Sharp Programming]] ==

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

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

[http://www.gaia.h.kyoto-u.ac.jp/~fractal/ フラクタル日除け]

== 自己相似系 ==
=== 再帰的呼出しによる樹木の描画 ===
*'''再帰的( recursive )呼び出し'''とは，サブルーチンや関数が，自分自身を呼び出すことをいう。樹木は，枝の１つを取り出して拡大しても，元の枝と同じ形（相似形）をしている。これは，同じサブルーチンで枝を描画しているからである。

*再帰的呼出し的なCollaborate Flash Animation：[http://www.zoomquilt.org/ zoomquilt] ([http://www.media.t-kougei.ac.jp/~kuha/tutorial0/bioart/zoomquilt.swf swf])
*例：実行ファイル，ソース，Taneクラス

=== C#による実装 ===
==== 新しいクラスの定義 ====
*「プロジェクト」メニューから「クラスの追加」で新しいクラス名を入力する。クラスの定義の中にメソッドを記述する。
* 注意
<pre>
using System.Drawing;
</pre>
をTane.csの冒頭に追加

==== 樹木の描画 ====

[[ファイル:Bintree.jpg]]
[[ファイル:Bintree2.JPG]]

;Taneクラスのメソッド
線分(x1,y1)-(x2,y2)が与えられたら、(x2,y2)の先端に(x3,y3), (x4,y4)を取り、線分(x2,y2)-(x3,y3)と線分(x2,y2)-(x4,y4)を描画する。
<pre>
class Tane
{
public void Eda(int n, double x1, double y1, double x2, double y2, double angle, Graphics g, Pen pen)
{
double x3, y3, x4, y4;
double s = Math.Sin(angle * Math.PI / 180.0);
double c = Math.Cos(angle * Math.PI / 180.0);
double dx = 0.7 * (x2 - x1);
double dy = 0.7 * (y2 - y1);

if (n > 0)
{
x3 = x2 + dx * c - dy * s;
y3 = y2 + dx * s + dy * c;
x4 = x2 + dx * c + dy * s;
y4 = y2 - dx * s + dy * c;
// 枝を描画する
g.DrawLine(pen, (float)x1, (float)y1, (float)x2, (float)y2);
g.DrawLine(pen, (float)x2, (float)y2, (float)x3, (float)y3);
g.DrawLine(pen, (float)x2, (float)y2, (float)x4, (float)y4);
//子の再起呼び出し
Eda(n - 1, x2, y2, x3, y3, angle, g, pen);
Eda(n - 1, x2, y2, x4, y4, angle, g, pen);
}
}
}
</pre>

;樹木描画ボタンクリックの中身
<pre>
Graphics g = pictureBox1.CreateGraphics();
Pen pen = new Pen(Color.Green, 2);
Tane tane = new Tane();

int n = 10; //枝の世代数
double x0 = pictureBox1.Width / 2; //開始位置 x座標
double y0 = pictureBox1.Height; //開始位置 y座標
double x1 = pictureBox1.Width / 2; //開始位置 x座標
double y1 = pictureBox1.Height * 0.8; //開始位置 y座標
double angle = 30.0; //子供の枝の角度の差分
tane.Eda(n, x0, y0, x1, y1, angle, g, pen);
</pre>

==== コッホ図形の描画 ====

[[ファイル:Koch.jpg]]
[[ファイル:Koch2.jpg]]

;Taneクラスのメソッド
<pre>
public void Koch(int n, double x1, double y1, double x2, double y2, Graphics g, Pen pen)
{
double x3, y3, x4, y4, x5, y5;
double s = Math.Sin(Math.PI / 3.0);
double c = Math.Cos(Math.PI / 3.0);

if (n > 0)
{
x3 = (2 * x1 + x2) / 3.0;
y3 = (2 * y1 + y2) / 3.0;
x4 = (x1 + 2 * x2) / 3.0;
y4 = (y1 + 2 * y2) / 3.0;
x5 = x3 + (x4 - x3) * c + (y4 - y3) * s;
y5 = y3 - (x4 - x3) * s + (y4 - y3) * c;
// ジェネレータを描画する
pen.Color = Color.Black;
g.DrawLine(pen, (float)x3, (float)y3, (float)x4, (float)y4);
pen.Color = Color.Green;
g.DrawLine(pen, (float)x1, (float)y1, (float)x3, (float)y3);
g.DrawLine(pen, (float)x3, (float)y3, (float)x5, (float)y5);
g.DrawLine(pen, (float)x5, (float)y5, (float)x4, (float)y4);
g.DrawLine(pen, (float)x4, (float)y4, (float)x2, (float)y2);
// 子の再起呼び出し
Koch(n - 1, x1, y1, x3, y3, g, pen);
Koch(n - 1, x3, y3, x5, y5, g, pen);
Koch(n - 1, x5, y5, x4, y4, g, pen);
Koch(n - 1, x4, y4, x2, y2, g, pen);
}
}

</pre>

;コッホ図形描画ボタンクリックの中身

<pre>
Graphics g = pictureBox1.CreateGraphics();
Pen pen = new Pen(Color.Green, 2);
Tane tane = new Tane();

// マウス位置へ直線を描画する
int n = 4; //子の世代数
double x0 = 0; //開始位置 x座標
double y0 = pictureBox1.Height * 0.6 ; //開始位置 y座標
double x1 = pictureBox1.Width; //終了位置 x座標
double y1 = pictureBox1.Height * 0.6; //終了位置 y座標
tane.Koch(n, x0, y0, x1, y1, g, pen);
</pre>

==== ドラゴン図形の描画 ====

[[ファイル:Dragon.jpg]]
[[ファイル:Dragon2.jpg]]

;Taneクラスのメソッド

<pre>
public void Dragon(int n, double x1, double y1, double x2, double y2, Graphics g, Pen pen)
{
double x3, y3, x4, y4, x5, y5;

if (n > 0)
{
x3 = 0.5 * ( x1 + x2);
y3 = 0.5 * ( y1 + y2);
x4 = 0.5 * (x1 + x3 - y1 + y3);
y4 = 0.5 * (x1 - x3 + y1 + y3);
x5 = 0.5 * (x2 + x3 - y2 + y3);
y5 = 0.5 * (x2 - x3 + y2 + y3);

// 枝を描画する
pen.Color = Color.Black;
g.DrawLine(pen, (float)x1, (float)y1, (float)x3, (float)y3);
g.DrawLine(pen, (float)x3, (float)y3, (float)x2, (float)y2);
pen.Color = Color.Green;
g.DrawLine(pen, (float)x1, (float)y1, (float)x4, (float)y4);
g.DrawLine(pen, (float)x4, (float)y4, (float)x3, (float)y3);
g.DrawLine(pen, (float)x3, (float)y3, (float)x5, (float)y5);
g.DrawLine(pen, (float)x5, (float)y5, (float)x2, (float)y2);
Dragon(n - 1, x1, y1, x4, y4, g, pen);
Dragon(n - 1, x4, y4, x3, y3, g, pen);
Dragon(n - 1, x3, y3, x5, y5, g, pen);
Dragon(n - 1, x5, y5, x2, y2, g, pen);
}
}
</pre>

;ドラゴン図形描画ボタンクリックの中身

<pre>
Graphics g = pictureBox1.CreateGraphics();
Pen pen = new Pen(Color.Green, 2);
Tane tane = new Tane();

int n = 7; //子の世代数
double x0 = pictureBox1.Width * 0.1; //開始位置 x座標
double y0 = pictureBox1.Height * 0.5; //開始位置 y座標
double x1 = pictureBox1.Width * 0.9; //終了位置 x座標
double y1 = pictureBox1.Height * 0.5; //終了位置 y座標
tane.Dragon(n, x0, y0, x1, y1, g, pen);

</pre>

==== シダ葉の描画 ====
;ドラゴン図形の変化形
* ドラゴン図形で使用した(x1,y1), (x2,y2), (x3,y3), (x4,y4), (x5,y5)を使う
* 直線(x1,y1)-(x2,y2), 直線(x1,y1)-(x4,y4), 直線(x3,y3)-(x5,y5)を基本図形とする。

[[ファイル:Sida2.JPG]]

;Taneクラスのメソッド

<pre>
public void Fern(int n, double x1, double y1, double x2, double y2, Graphics g, Pen pen)
{
double x3, y3, x4, y4, x5, y5;

if (n > 0)
{
x3 = ( x1 + x2 ) / 2.0;
y3 = ( y1 + y2 ) / 2.0;
x4 = ( x1 + x3 - y1 + y3) / 2.0;
y4 = ( x1 - x3 + y1 + y3) / 2.0;
x5 = ( x2 + x3 - y2 + y3) / 2.0;
y5 = ( x2 - x3 + y2 + y3) / 2.0;
// 枝を描画する
pen.Color = Color.Green;
g.DrawLine(pen, (float)x1, (float)y1, (float)x2, (float)y2);
g.DrawLine(pen, (float)x1, (float)y1, (float)x3, (float)y3);
g.DrawLine(pen, (float)x3, (float)y3, (float)x5, (float)y5);
Fern(n - 1, x1, y1, x4, y4, g, pen);
Fern(n - 1, x1, y1, x3, y3, g, pen);
Fern(n - 1, x3, y3, x2, y2, g, pen);
Fern(n - 1, x3, y3, x5, y5, g, pen);
}
}
</pre>

;シダ葉描画ボタンクリックの中身

<pre>
Graphics g = pictureBox1.CreateGraphics();
Pen pen = new Pen(Color.Green, 2);
Tane tane = new Tane();

int n = 7; //子の世代数
double x0 = pictureBox1.Width * 0.1; //開始位置 x座標
double y0 = pictureBox1.Height * 0.5; //開始位置 y座標
double x1 = pictureBox1.Width * 0.9; //終了位置 x座標
double y1 = pictureBox1.Height * 0.5; //終了位置 y座標
tane.Fern(n, x0, y0, x1, y1, g, pen);
</pre>

==== Cカーブの描画 ====

[[ファイル:Ccurve.jpg]]
[[ファイル:Ccurve2.jpg]]

;Taneクラスのメソッド

<pre>
public void Ccurve(int n, double x1, double y1, double x2, double y2, Graphics g, Pen pen)
{
double x3, y3;

if (n > 0)
{
x3 = 0.5 * (x1 + x2 - y1 + y2);
y3 = 0.5 * (x1 - x2 + y1 + y2);
// 枝を描画する
pen.Color = Color.Black;
g.DrawLine(pen, (float)x1, (float)y1, (float)x2, (float)y2);
pen.Color = Color.Green;
g.DrawLine(pen, (float)x1, (float)y1, (float)x3, (float)y3);
g.DrawLine(pen, (float)x3, (float)y3, (float)x2, (float)y2);
Ccurve(n - 1, x1, y1, x3, y3, g, pen);
Ccurve(n - 1, x3, y3, x2, y2, g, pen);
}
}
</pre>

;Cカーブ画ボタンクリックの中身

<pre>
Graphics g = pictureBox1.CreateGraphics();
Pen pen = new Pen(Color.Green, 2);
Tane tane = new Tane();

int n = 12; //子の世代数
double x0 = pictureBox1.Width * 0.25; //開始位置 x座標
double y0 = pictureBox1.Height * 0.75; //開始位置 y座標
double x1 = pictureBox1.Width * 0.75; //終了位置 x座標
double y1 = pictureBox1.Height * 0.75; //終了位置 y座標
tane.Ccurve(n, x0, y0, x1, y1, g, pen);
</pre>

==== 内分点と回転によるカスタムジェネレータの描画 ====

[[ファイル:gene01.JPG]]
[[ファイル:gene012.JPG]]

;Taneクラスのメソッド

<pre>
public void Gene01(int n, double x1, double y1, double x2, double y2, Graphics g, Pen pen)
{
double x3, y3, x4, y4;
double p = 2.0;
double q = 3.0;
double th = -30.0;
double s = Math.Sin(th * Math.PI / 180.0);
double c = Math.Cos(th * Math.PI / 180.0);

if (n > 0)
{
x3 = (q * x1 + p * x2) / (p + q);
y3 = (q * y1 + p * y2) / (p + q);
x4 = x1 + (x3 - x1) * c - (y3 - y1) * s;
y4 = y1 + (x3 - x1) * s + (y3 - y1) * c;
pen.Color = Color.Yellow;
g.DrawLine(pen, (float)x1, (float)y1, (float)x2, (float)y2);
g.DrawLine(pen, (float)x1, (float)y1, (float)x4, (float)y4);
Gene01(n - 1, x1, y1, x3, y3, g, pen);
Gene01(n - 1, x1, y1, x4, y4, g, pen);
Gene01(n - 1, x3, y3, x2, y2, g, pen);
}
}
</pre>

;カスタムジェネレータ描画ボタンクリックの中身

<pre>
Graphics g = pictureBox1.CreateGraphics();
Pen pen = new Pen(Color.Green, 2);
Tane tane = new Tane();

int n = 7; //子の世代数
double x0 = pictureBox1.Width * 0.1; //開始位置 x座標
double y0 = pictureBox1.Height * 0.5; //開始位置 y座標
double x1 = pictureBox1.Width * 0.9; //終了位置 x座標
double y1 = pictureBox1.Height * 0.5; //終了位置 y座標
tane.Gene01(n, x0, y0, x1, y1, g, pen);
</pre>

;マウスドラッグで始点と終点を決めて描く
*プロパティウィンドウにイベント(稲妻のアイコン)のリストを表示させ、MouseDownイベントをダブルクリックすると、MouseDownのメソッドが自動生成されます。
*label1,label2に始点の座標を、label3, label4に終点の座標を入れる

<pre>
private void pictureBox1_MouseDown(object sender, MouseEventArgs e)
{
label1.Text = e.X.ToString();
label2.Text = e.Y.ToString();

}

private void pictureBox1_MouseUp(object sender, MouseEventArgs e)
{
Graphics g = pictureBox1.CreateGraphics();
Pen pen = new Pen(Color.Green, 2);
Tane tane = new Tane();

int n = 7;
double x0 = double.Parse(label1.Text);
double y0 = double.Parse(label2.Text);
double x1 = double.Parse(label3.Text);
double y1 = double.Parse(label4.Text);

tane.Gene01(n, x0, y0, x1, y1, g, pen);
}

private void pictureBox1_MouseMove(object sender, MouseEventArgs e)
{
label3.Text = e.X.ToString();
label4.Text = e.Y.ToString();

}
</pre>

p,q,thをクラスのメンバー変数にして、外部からランダムに与える。

<pre>
class Tane
{
public double p { get; set; }
public double q { get; set; }
public double th { get; set; }

public void Gene01(int n, double x1, double y1, double x2, double y2, Graphics g, Pen pen)
{
double x3, y3, x4, y4;
double s = Math.Sin(th * Math.PI / 180.0);
double c = Math.Cos(th * Math.PI / 180.0);

if (n > 0)
{
x3 = (q * x1 + p * x2) / (p + q);
y3 = (q * y1 + p * y2) / (p + q);
x4 = x1 + (x3 - x1) * c - (y3 - y1) * s;
y4 = y1 + (x3 - x1) * s + (y3 - y1) * c;
pen.Color = Color.Yellow;
g.DrawLine(pen, (float)x1, (float)y1, (float)x2, (float)y2);
g.DrawLine(pen, (float)x1, (float)y1, (float)x4, (float)y4);
Gene01(n - 1, x1, y1, x3, y3, g, pen);
Gene01(n - 1, x1, y1, x4, y4, g, pen);
Gene01(n - 1, x3, y3, x2, y2, g, pen);
}
}

}

</pre>

<pre>
private void pictureBox1_MouseUp(object sender, MouseEventArgs e)
{
Graphics g = pictureBox1.CreateGraphics();
Pen pen = new Pen(Color.Green, 2);
Tane tane = new Tane();
Random rnd = new Random();

int n = 7;
double x0 = double.Parse(label1.Text);
double y0 = double.Parse(label2.Text);
double x1 = double.Parse(label3.Text);
double y1 = double.Parse(label4.Text);

tane.p = rnd.Next(2, 6);
tane.q = rnd.Next(3, 7);
tane.th = rnd.Next(10, 90);

tane.Gene01(n, x0, y0, x1, y1, g, pen);
}

</pre>

==== タイマーを使用した樹木のアニメーション ====

<pre>
private void button3_Click(object sender, EventArgs e)
{
timer1.Enabled = true;
timer1.Start();
}

private void button4_Click(object sender, EventArgs e)
{
timer1.Stop();
timer1.Enabled = false;
}

public int cnt; //タイマー用カウンタ
private void timer1_Tick(object sender, EventArgs e)
{
Graphics g = pictureBox1.CreateGraphics();
Pen pen = new Pen(Color.Green, 1);
Tane tane = new Tane();

g.Clear(Color.Black);

cnt++; //タイマー用カウンタのカウントアップ
int n = 10; //枝の世代数
double x0 = pictureBox1.Width / 2; //開始位置 x座標
double y0 = pictureBox1.Height; //開始位置 y座標
double x1 = pictureBox1.Width / 2; //開始位置 x座標
double y1 = pictureBox1.Height * 0.9 - cnt * 2; //開始位置 y座標
double angle = 30.0; //子供の枝の角度の変化の差分
double a_rate = angle + cnt * 2;
tane.Eda(n, x0, y0, x1, y1, a_rate, g, pen);
}
</pre>

== 複素平面フラクタル ==
*[http://blossom.media.t-kougei.ac.jp/~kuha/tutorial0/bioart/9_complex.pdf 配布資料PDF]
*[http://blossom.media.t-kougei.ac.jp/~kuha/tutorial0/bioart/mandelv3.exe 複複素平面フラクタル図形描画ソフトウェア for Windows]
**注）comdlg32.ocxがない場合は，[http://www.microsoft.com/downloads/ja-jp/details.aspx?displaylang=ja&FamilyID=7B9BA261-7A9C-43E7-9117-F673077FFB3C ここ]からRuntimeファイル群をダウンロードしてください。

[http://www.youtube.com/watch?v=0fKBhvDjuy0 Powers of Ten]

=== C#の座標変換 ===
;座標原点
原点を移動するには、TranslateTransformメソッドを使う。
<pre>
g.TranslateTransform(x1,y1); //座標原点を(x1,y1)に移動
</pre>

;座標の回転
座標軸をth度(degree)だけ回転するには、RotateTransformメソッドを使う。

<pre>
　 g.RotateTransform(th);
</pre>

;座標軸のスケール、方向
座標スケールを変換するには、ScaleTransformメソッドを使う。
<pre>
g.ScaleTransform(scx,scy); //X軸をscx倍、Y軸をscy倍する
</pre>
X軸は右、Y軸は下が正方向なので、座標軸方向を反転するには、次のとおり。
<pre>
　　　　　　g.ScaleTransform(1,-1); //Y軸方向の反転
　　　　　　g.ScaleTransform(-1,1); //X軸方向の反転
</pre>

=== 複素平面フラクタルの描画 ===
;自己平方の描画プログラム
<pre>
Graphics g = pictureBox1.CreateGraphics();
g.TranslateTransform(pictureBox1.Width / 2, pictureBox1.Height / 2); //原点を中央に移動
g.ScaleTransform(1, -1); //Y軸の向きを反転
Pen pen = new Pen(Color.White);

int Xmax = pictureBox1.Width / 2;
int Xmin = -pictureBox1.Width / 2;
int Ymax = pictureBox1.Height / 2;
int Ymin = -pictureBox1.Height / 2;
double Rmax = 0.5;
double Rmin = -0.5;
double Imax = 0.5;
double Imin = -0.5;
double Zr, newZr;
double Zi, newZi;
double Ar = -0.2;
double Ai = 0.675;
int Nmax = 100;
int Rstep = 1; // 何ピクセルごとに計算するか
int Istep = 1;

for (int x = Xmin; x < Xmax; x = x + Rstep)
{
for (int y = Ymin; y < Ymax; y = y + Istep)
{
Zr = ( x - Xmin ) * (Rmax - Rmin) / (Xmax - Xmin) + Rmin; // pictureBoxの座標を複素平面Zの座標に変換
Zi = ( y - Ymin ) * (Imax - Imin) / (Ymax - Ymin) + Imin;
int n = 0;
while ( Zr * Zr + Zi * Zi < 4 & n < Nmax )
{
newZr = Zr * Zr - Zi * Zi + Ar; // f(z) = X^2 * Aの実数部
newZi = 2 * Zr * Zi + Ai; // f(z) = X^2 * Aの虚数部
Zr = newZr;
Zi = newZi;
n++;
}
if (n < Nmax)
{
pen.Color = Color.FromArgb(255, n * 255 / Nmax, 0, 0);//nの数に応じて色分ける
g.DrawRectangle(pen, x, y, 1, 1);
}
}
}
</pre>

;マンデルブロー集合の描画プログラム
<pre>
Graphics g = pictureBox1.CreateGraphics();
g.TranslateTransform(pictureBox1.Width / 2, pictureBox1.Height / 2); //原点を中央に移動
g.ScaleTransform(1, -1); //Y軸の向きを反転
Pen pen = new Pen(Color.White);

int Xmax = pictureBox1.Width / 2;
int Xmin = -pictureBox1.Width / 2;
int Ymax = pictureBox1.Height / 2;
int Ymin = -pictureBox1.Height / 2;
double Rmax = 1.5;
double Rmin = -1.5;
double Imax = 1.5;
double Imin = -1.5;
double Zr, newZr;
double Zi, newZi;
double Cr;
double Ci;
int Nmax = 50;
int Rstep = 1; // 何ピクセルごとに計算するか
int Istep = 1;

for (int x = Xmin; x < Xmax; x = x + Rstep)
{
for (int y = Ymin; y < Ymax; y = y + Istep)
{
Cr = ( x - Xmin ) * (Rmax - Rmin) / (Xmax - Xmin) + Rmin; // pictureBoxの座標を複素平面Cの座標に変換
Ci = ( y - Ymin ) * (Imax - Imin) / (Ymax - Ymin) + Imin;
int n = 0;
Zr = 0.0;
Zi = 0.0;
while (Zr * Zr + Zi * Zi < 4 & n < Nmax)
{
newZr = Zr * Zr - Zi * Zi + Cr; // f(z) = X^2 * Cの実数部
newZi = 2 * Zr * Zi + Ci; // f(z) = X^2 * Cの虚数部
Zr = newZr;
Zi = newZi;
n++;
}
if (n < Nmax)
{
pen.Color = Color.FromArgb(255, 0, n * 255 / Nmax, 0);//nの数に応じて色分ける
g.DrawRectangle(pen, x, y, 1, 1);
}
}
}
</pre>

;Julia集合
<pre>
Graphics g = pictureBox1.CreateGraphics();
g.TranslateTransform(pictureBox1.Width / 2, pictureBox1.Height / 2); //原点を中央に移動
g.ScaleTransform(1, -1); //Y軸の向きを反転
Pen pen = new Pen(Color.White);

int Xmax = pictureBox1.Width / 2;
int Xmin = -pictureBox1.Width / 2;
int Ymax = pictureBox1.Height / 2;
int Ymin = -pictureBox1.Height / 2;
double Rmax = 1.5;
double Rmin = -1.5;
double Imax = 1.5;
double Imin = -1.5;
double Xr, Xr2, XrXi23, newXr;
double Xi, Xi2, newXi;
double Dr;
double Di;
int Nmax = 50;
int Rstep = 1; // 何ピクセルごとに計算するか
int Istep = 1;

for (int x = Xmin; x < Xmax; x = x + Rstep)
{
for (int y = Ymin; y < Ymax; y = y + Istep)
{
Xr = ( x - Xmin ) * (Rmax - Rmin) / (Xmax - Xmin) + Rmin; // pictureBoxの座標を複素平面Cの座標に変換
Xi = ( y - Ymin ) * (Imax - Imin) / (Ymax - Ymin) + Imin;
int n = 0;
Dr = 1.0;
Di = 1.0;
while (Dr + Di > 0.001 & n < Nmax)
{
Xr2 = Xr * Xr;
Xi2 = Xi * Xi;
XrXi23 = (Xr2 + Xi2) * (Xr2 + Xi2) / 3;
newXr = Xr * 2 / 3 + (Xr2 - Xi2) / XrXi23; // f(z) = X^2 * Cの実数部
newXi = Xi * 2 / 3 - 2 * Xr * Xi / XrXi23; // f(z) = X^2 * Cの虚数部
Dr = Math.Abs(newXr - Xr);
Di = Math.Abs(newXi - Xi);
Xr = newXr;
Xi = newXi;
n++;
}
if (n < Nmax)
{
int rr = n * 255 / Nmax;
int gg = 0;
int bb = 0;
pen.Color = Color.FromArgb(255, rr, gg, bb);//nの数に応じて色分ける
g.DrawRectangle(pen, x, y, 1, 1);
}
}
}
</pre>

=== 配色の工夫 ===

個々の色の差をハッキリさせる。
<pre>
int rr = (n % 13 + 1) * 255 / 14;
int gg = (n % 11 + 1) * 255 / 12;
int bb = (n % 7 + 1) * 255 / 8;
pen.Color = Color.FromArgb(255, rr, gg, bb);
g.DrawRectangle(pen, x, y, Rstep, Istep);
</pre>

ピクセルの目を粗くした時に、矩形の中身を塗りつぶす。
<pre>
pen.Color = Color.FromArgb(255, rr, gg, bb);
brush.Color = Color.FromArgb(255, rr, gg, bb);
g.DrawRectangle(pen, x, y, Rstep, Istep);
g.FillRectangle(brush, x, y, Rstep, Istep);
</pre>

Ar, Ai, Rstep, Istepなどをテキストボックスから入力する。
<pre>
Ar = double.Parse(textBox1.Text);
Ai = double.Parse(textBox2.Text);

Rstep = int.Parse(textBox3.Text);
Istep = Rstep;
</pre>

=== いろいろカスタマイズ ===

*複素平面の座標のスケールをラベルに表示する。
*マウスドラッグで、新しく描画する範囲を選択する。
*選択領域を正方形にするかどうかを、チェックボックスで指定する。
<pre>
//　グローバルに宣言
Point MD = new Point();//マウスダウンの位置
Point MU = new Point(); //マウスアップの位置

bool view = false;//選択領域を描画するかどうかの判定
bool view2 = false;
Graphics g;
int Xmax;
int Xmin;
int Ymax;
int Ymin;

double Rmax;
double Rmin;
double Imax;
double Imin;

double Rmax2;//マウスドラッグで指定した新しい範囲
double Rmin2;
double Imax2;
double Imin2;

public Form1()
{
InitializeComponent();
g = pictureBox1.CreateGraphics();
g.TranslateTransform(pictureBox1.Width / 2, pictureBox1.Height / 2); //原点を中央に移動
g.ScaleTransform(1, -1); //Y軸の向きを反転
view2 = true;

Xmax = pictureBox1.Width / 2;
Xmin = -pictureBox1.Width / 2;
Ymax = pictureBox1.Height / 2;
Ymin = -pictureBox1.Height / 2;

Rmax2 = 0.5;
Rmin2 = -0.5;
Imax2 = 0.5;
Imin2 = -0.5;
Rmax = Rmax2;
Rmin = Rmin2;
Imax = Imax2;
Imin = Imin2;

label1.Text = null;
label2.Text = null;
label3.Text = null;
label4.Text = null;

label5.Text = Rmax2.ToString();
label6.Text = Rmin2.ToString();
label7.Text = Imax2.ToString();
label8.Text = Imin2.ToString();
}

private void button1_Click(object sender, EventArgs e)
{
Pen pen = new Pen(Color.White);
SolidBrush brush = new SolidBrush(Color.FromArgb(90, 200, 200, 200));

g.Clear(Color.Black); //描画領域をクリア（黒で塗りつぶす）

Rmax = Rmax2;
Rmin = Rmin2;
Imax = Imax2;
Imin = Imin2;

label5.Text = Rmax2.ToString();
label6.Text = Rmin2.ToString();
label7.Text = Imax2.ToString();
label8.Text = Imin2.ToString();

label5.Refresh();
label6.Refresh();
label7.Refresh();
label8.Refresh();
view2 = true;

double Zr, newZr;
double Zi, newZi;
double Ar = -0.2;
double Ai = 0.675;
// double Ar = -0.3;
// double Ai = 0.63;
Ar = double.Parse(textBox1.Text);//テキストボックスから値を取得
Ai = double.Parse(textBox2.Text);

int Nmax = 500;
int Rstep = 3; // 何ピクセルごとに計算するか
int Istep = 3;

Rstep = int.Parse(textBox3.Text);
Istep = Rstep;

for (int x = Xmin; x < Xmax; x = x + Rstep)
{
for (int y = Ymin; y < Ymax; y = y + Istep)
{
Zr = ( x - Xmin ) * (Rmax - Rmin) / (Xmax - Xmin) + Rmin; // pictureBoxの座標を複素平面Zの座標に変換
Zi = ( y - Ymin ) * (Imax - Imin) / (Ymax - Ymin) + Imin;
int n = 0;
while ( Zr * Zr + Zi * Zi < 4 & n < Nmax )
{
newZr = Zr * Zr - Zi * Zi + Ar; // f(z) = X^2 * Aの実数部
newZi = 2 * Zr * Zi + Ai; // f(z) = X^2 * Aの虚数部
Zr = newZr;
Zi = newZi;
n++;
}
if (n < Nmax)
{
int dr = 17;
int rr = (n % dr + 1) * 255 / (dr + 1);
int gg = (n % 11 + 1) * 255 / 12;
int bb = (n % 7 + 1) * 255 / 8;
pen.Color = Color.FromArgb(255, rr, gg, 255 - bb);//nの数に応じて色分ける
brush.Color = Color.FromArgb(255, rr, gg, 255 - bb);//nの数に応じて色分ける
g.DrawRectangle(pen, x, y, Rstep, Istep);
g.FillRectangle(brush, x, y, Rstep, Istep);
}
}
}
}

private void button2_Click(object sender, EventArgs e)
{
Graphics g = pictureBox1.CreateGraphics();
g.Clear(Color.Black); //描画領域をクリア（黒で塗りつぶす）

label1.Text = null;
label2.Text = null;
label3.Text = null;
label4.Text = null;

label5.Text = Rmax2.ToString();
label6.Text = Rmin2.ToString();
label7.Text = Imax2.ToString();
label8.Text = Imin2.ToString();

view2 = true;

}

//　以下、マウスイベントによって選択範囲を取得する処理
private void pictureBox1_MouseDown(object sender, MouseEventArgs e)
{
if (view2 == false) return;
// 描画フラグON
view = true;

// Mouseを押した座標を記録
MD.X = e.X - Xmax;
MD.Y = Ymax - e.Y;
}

private void pictureBox1_MouseUp(object sender, MouseEventArgs e)
{
if (view2 == false) return;

Point start = new Point();
Point end = new Point();

// Mouseを離した座標を記録
MU.X = e.X - Xmax;
MU.Y = Ymax - e.Y;

// 座標から(X,Y)座標を計算
GetRegion(MD, MU, ref start, ref end);

// 領域を描画
DrawRegion(start, end);

// 描画フラグOFF
view = false;
view2 = false;

}

private void pictureBox1_MouseMove(object sender, MouseEventArgs e)
{
if (view2 == false) return;

Point p = new Point();

p.X = e.X - Xmax;
p.Y = Ymax - e.Y;

// 描画フラグcheck
if (view == false)
{
label1.Text = ( ( p.X - Xmin ) * (Rmax - Rmin) / (Xmax - Xmin) + Rmin ).ToString();
label2.Text = ( ( p.Y - Ymin ) * (Imax - Imin) / (Ymax - Ymin) + Imin ).ToString();

label3.Text = null;
label4.Text = null;

return;
}

// カーソルが示している場所の座標を取得
label3.Text = ( (p.X - Xmin) * (Rmax - Rmin) / (Xmax - Xmin) + Rmin ).ToString();
label4.Text = ( (p.Y - Ymin) * (Imax - Imin) / (Ymax - Ymin) + Imin ).ToString();
}

private void GetRegion(Point p1, Point p2, ref Point start, ref Point end)
{
start.X = Math.Min(p1.X, p2.X);
start.Y = Math.Min(p1.Y, p2.Y);

end.X = Math.Max(p1.X, p2.X);
end.Y = Math.Max(p1.Y, p2.Y);

if (checkBox1.Checked == true) //選択領域を正方形にする
{
int min_x_y = Math.Min(Math.Abs(end.X - start.X), Math.Abs(end.Y - start.Y));

end.X = start.X + min_x_y;
end.Y = start.Y + min_x_y;
}

Rmax2 = ( end.X - Xmin ) * (Rmax - Rmin) / (Xmax - Xmin) + Rmin; // pictureBoxの座標を複素平面Zの座標に変換
Imax2 = ( end.Y - Ymin ) * (Imax - Imin) / (Ymax - Ymin) + Imin;
Rmin2 = ( start.X - Xmin ) * (Rmax - Rmin) / (Xmax - Xmin) + Rmin;
Imin2 = ( start.Y - Ymin ) * (Imax - Imin) / (Ymax - Ymin) + Imin;
}

private int GetLength(int start, int end)
{
return Math.Abs(start - end);
}

private void DrawRegion(Point start, Point end)
{
Pen blackPen = new Pen(Color.White);
SolidBrush tbrush = new SolidBrush(Color.FromArgb(100,220,220,220));

// 描画する線を点線に設定
// blackPen.DashStyle = System.Drawing.Drawing2D.DashStyle.Dash;

// 画面を消去
// g.Clear(SystemColors.Control);

// 領域を描画
g.DrawRectangle(blackPen, start.X, start.Y, GetLength(start.X, end.X), GetLength(start.Y, end.Y));
g.FillRectangle(tbrush, start.X, start.Y, GetLength(start.X, end.X), GetLength(start.Y, end.Y));
}

private void button5_Click(object sender, EventArgs e)
{
// 座標を初期値に戻す
Rmax2 = 0.5;
Rmin2 = -0.5;
Imax2 = 0.5;
Imin2 = -0.5;

label1.Text = null;
label2.Text = null;
label3.Text = null;
label4.Text = null;

label5.Text = Rmax2.ToString();
label6.Text = Rmin2.ToString();
label7.Text = Imax2.ToString();
label8.Text = Imin2.ToString();
}
</pre>

*座標のスケールの拡大、縮小ボタンを付ける
<pre>
private void button6_Click(object sender, EventArgs e)
{
// 座標のスケールを５倍にする
double ratio = 5.0;
double R_ave = ( Rmax2 + Rmin2 ) / 2;
double R_dif2 = ( Rmax2 - Rmin2 ) / 2;
double I_ave = ( Imax2 + Imin2 ) / 2;
double I_dif2 = ( Imax2 - Imin2 ) / 2;

Rmax2 = R_ave + R_dif2 * ratio;
Rmin2 = R_ave - R_dif2 * ratio;
Imax2 = I_ave + I_dif2 * ratio;
Imin2 = I_ave - I_dif2 * ratio;

label5.Text = Rmax2.ToString();
label6.Text = Rmin2.ToString();
label7.Text = Imax2.ToString();
label8.Text = Imin2.ToString();
}

private void button7_Click(object sender, EventArgs e)
{
// 座標のスケールを５分の１倍にする
double ratio = 5.0;
double R_ave = (Rmax2 + Rmin2) / 2;
double R_dif2 = (Rmax2 - Rmin2) / 2;
double I_ave = (Imax2 + Imin2) / 2;
double I_dif2 = (Imax2 - Imin2) / 2;

Rmax2 = R_ave + R_dif2 / ratio;
Rmin2 = R_ave - R_dif2 / ratio;
Imax2 = I_ave + I_dif2 / ratio;
Imin2 = I_ave - I_dif2 / ratio;

label5.Text = Rmax2.ToString();
label6.Text = Rmin2.ToString();
label7.Text = Imax2.ToString();
label8.Text = Imin2.ToString();
}
</pre>

*座標の上下左右へシフトさせるボタンを付ける
<pre>
private void button8_Click(object sender, EventArgs e)
{
// 座標のスケールを左に0.5スケールシフトする
double R_ave = (Rmax2 + Rmin2) * 0.5;
double R_dif2 = (Rmax2 - Rmin2) * 0.5;

Rmax2 = Rmax2 - R_dif2;
Rmin2 = Rmin2 - R_dif2;

label5.Text = Rmax2.ToString();
label6.Text = Rmin2.ToString();
}

private void button9_Click(object sender, EventArgs e)
{
// 座標のスケールを右に0.5スケールシフトする
double R_ave = (Rmax2 + Rmin2) * 0.5;
double R_dif2 = (Rmax2 - Rmin2) * 0.5;

Rmax2 = Rmax2 + R_dif2;
Rmin2 = Rmin2 + R_dif2;

label5.Text = Rmax2.ToString();
label6.Text = Rmin2.ToString();
}

private void button10_Click(object sender, EventArgs e)
{
// 座標のスケールを下に0.5スケールシフトする
double I_ave = (Imax2 + Imin2) * 0.5 ;
double I_dif2 = (Imax2 - Imin2) * 0.5;

Imax2 = Imax2 - I_dif2;
Imin2 = Imin2 - I_dif2;

label7.Text = Imax2.ToString();
label8.Text = Imin2.ToString();
}

private void button11_Click(object sender, EventArgs e)
{
// 座標のスケールを上に0.5スケールシフトする
double I_ave = (Imax2 + Imin2) * 0.5;
double I_dif2 = (Imax2 - Imin2) * 0.5;

Imax2 = Imax2 + I_dif2;
Imin2 = Imin2 + I_dif2;

label7.Text = Imax2.ToString();
label8.Text = Imin2.ToString();
}
</pre>

== 人間の感覚 ==
=== アロマアート ===
嗅覚を利用したアート

[http://w3.media.t-kougei.ac.jp/kuha/asp/asp00kuha/bbs.asp かんたん掲示板]に「香りの特徴」を書いてみよう。

*[http://www.media.t-kougei.ac.jp/~kuha/doc/pclit_manu200510.pdf 香りの印刷]
*[http://www.kuhalabo.net/~kuha/doc/aromap20040312.pdf アロマプリンタ]
*[http://ja.wikipedia.org/wiki/RAMPO 映画RAMPO]
*ブンマー・モンティエン,呼吸の家
**彫刻の中に入ってハーブの香りを体感するもの　(東京都現代美術館) http://www.tokyoartbeat.com/tablog/images/ShowMeThai3.jpg
*アムラックスシアター
**シーンに合わせた座席の振動・香りつきのシアター（トヨタ・アムラックス）

=== 共感覚 ===
*[http://www.media.t-kougei.ac.jp/~projectk/color_sound/trial-product/new/ 色彩と調性の関係性についての実験サイト]（久原ゼミの実験企画）
*[http://ist.ksc.kwansei.ac.jp/~nagata/synesthesia/ 色聴は共感覚]（関西学院理工学部情報科学科の長田典子先生の研究室）

=== ヒーリングアート ===
;リラックスとリフレッシュ
:リラックス時には副交感神経が優勢に，興奮状態にある場合は、交感神経が優勢になる。
:リラックス時にはアルファ波が出る？

;1/f揺らぎ
*ホワイトノイズ、サイン波、ピンクノイズ(1/f揺らぎ)
*自然界の音を使用した楽曲 [http://www.media.t-kougei.ac.jp/~projectk/healmusic/ URL]
* スペクトル
** EQ(イコライザ)によって，音のスペクトルを加工する。
** スペクトルとは[[周波数構成]]のこと。ピッチ感のある音は，ピークとなる基本周波数を中心として複数の倍音成分から構成される。
*** [http://www.cycleof5th.com/products/soundengine/ SoundEngine]や[http://audacity.sourceforge.net/?lang=ja Audacity]でsin波などを生成し，周波数構成を観察。sin波は基本周波数１つのみ。ノコギリ波はsin波の倍数の無限級数。ホワイトノイズはランダムな周波数構成。
*** 人のボーカル，楽器の音，車のエンジン音のスペクトルを比較してみる。
;子守唄
*子守唄の特徴、西洋の子守唄、日本の子守唄
*子守唄自動作曲プログラム(Max/MSP)[http://www.media.t-kougei.ac.jp/~kuha/doc/sigmus68_suyama_kuhara07.pdf PDF]
*生理食塩水内レコーディング[http://www.media.t-kougei.ac.jp/kuhalaaa/mdata.php?catego=3&wks_id=230&mode=detail 竹田の子守唄]

;生物的なシステム，生物の癒し効果
[http://www.kazsh.com/ flash effects] /
[http://levitated.net/ Levitated the Exploration of Computation] /
[http://sodaplay.com/ sodaplay]/
[http://www.vectorpark.com/ Vector Park] /
[http://www.livly.com/ リヴリー・アイランド] /
[http://electroplankton.com/ エレクトロプランクトン] /
[http://www.bandai.co.jp/releases/J2004020301.html たまごっちプラス] /
[http://www.aist.go.jp/pr/expo/contents/paro/paro.html メンタルコミットロボアザラシ型「パロ」] /
[http://www.necoro.com/home.html 猫型コミュニケーションロボット「ネコロ」] /
[http://www.nintendo.co.jp/ds/adgj/index.html nintendogs] /
[http://www.nhk.or.jp/digista/onair/hall_2004.html What is TRUTH?] /

*[http://blossom.media.t-kougei.ac.jp/~kuha/tutorial0/bioart/egg.swf Vector Parkのegg.swf]
*[http://www.ebiebi.net//F_SAMPLES/clambon/ CLAMBON FARM]
*[http://intihuatani.usc.edu/cloud/flowing/ flOw]
*電子ペット Comたま [http://blossom.media.t-kougei.ac.jp/comtama/ URL] / [http://blossom.media.t-kougei.ac.jp/~kuha/doc/genko_comtama.pdf PDF]

== [[脳]] ==

== [[Neural Networks]] ==

== [[Genetic Algorithm]] ==

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

学内のプロキシー環境で作業する場合、コンソールで
<pre>
git config --global http.proxy proxy-n.t-kougei.ac.jp:8080
git config --global https.proxy proxy-n.t-kougei.ac.jp:8080
</pre>
とする。

通常のプロキシーのない環境で作業する場合、コンソールで
<pre>
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
</pre>
とする。

現在の設定を確認するには、コンソールで、
<pre>
git config --list
</pre>
とする。

== リンク ==

http://gushwell.ifdef.jp/

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

[[Category:授業]]

らせん

2026-01-06T07:55:47Z

Kuha：/* フェルマーらせん */

;自然界のらせん(渦巻き)
*巻貝の貝殻
*台風
*銀河の星の渦
*ひまわりの種の配列

;座標系
* 直交座標と極座標　[https://www.try-it.jp/chapters-7149/sections-7215/lessons-7222/ 参考サイト]
** 三角関数 [https://www.try-it.jp/chapters-6150/sections-6151/lessons-6160/ 参考サイト]

;3種のらせん
:アルキメデスらせん
:フェルマーらせん
:対数らせん

;らせんの描画
<pre>
float theta = 0;
float STEP = 2 * PI * 0.01; //曲線の精度（2*PI = 360度）を100等分
void setup(){
size(500, 500);
}
void draw(){
translate(width / 2, height / 2); //描画ウィンドウの中心に移動
line(rad(theta) * cos(theta), rad(theta) * sin(theta),
rad(theta + STEP) * cos(theta + STEP), rad(theta + STEP) * sin(theta + STEP));
theta += STEP;
}
float rad(float t){ //動径を定める関数
float r = 5 * t; //アルキメデスらせん
//float r = 20 * sqrt(t); //フェルマーらせん
// float r = pow(1.1, t); //対数らせん
return(r);
}
</pre>
* PIは円周率で3.14159265…
* rad() 角度を度数法から弧度法に変換する。[https://www.try-it.jp/chapters-6673/sections-6687/lessons-6688/ 参考サイト]
* pow(x,a) べき乗の計算 xのa乗
* sqrt() は平方根

;自己相似な対数らせん
<pre>
float STEP = 2 * PI * 0.01; //曲線の精度
void setup(){
size(500, 500);
colorMode(HSB, 1);
}
void draw(){
background(1,0,1);
drawLogSpiral(); //対数らせんを描画
}

</pre>

<pre>
void drawLogSpiral(){
float theta = 0;
float scalar = pow(10, (float) mouseX / width) * height / 2;
//マウスのx座標によって1～10倍に拡大する
translate(width / 2, height / 2); //描画ウィンドウの中心に移動
for(int i = 0; i < 2000; i++){
line(scalar * rad(theta) * cos(theta),
scalar * rad(theta) * sin(theta),
scalar * rad(theta + STEP) * cos(theta + STEP),
scalar * rad(theta + STEP) * sin(theta + STEP));
theta -= STEP; //反時計回りに進むほど動径は減少する
}
}
float rad(float t){ //動径を定める関数
float r = pow(1.1, t);
return(r);
}

</pre>
* mouseX マウスのX座標

=== 再帰的な描画と対数らせん ===

* ベクトル操作：(x,y)の2つの値を1まとめに扱う。位置や運動を整理して扱うことができる。[https://funacchi.qrunch.io/entries/ZlygjgxrGamwt2fz 参考サイト](閉鎖されました)
** [https://processing.org/reference/PVector.html PVector Reference]
** [https://processing.org/tutorials/pvector/ PVector Tutorial]
** [https://www.try-it.jp/chapters-5458/sections-5459/ 高校数学Bベクトル]

正方形の中に正方形を再帰的に描く

<pre>
PVector[] vec; //PVector型の配列を宣言
float gap = 0.01; //内接する正方形のずれ
void setup(){
size(500, 500);
vec = new PVector[4]; //正方形の4つの頂点をベクトルとして生成
vec[0] = new PVector(0, 0); //ウィンドウ左上の角
vec[1] = new PVector(width, 0); //ウィンドウ右上の角
vec[2] = new PVector(width, height); //ウィンドウ右下の角
vec[3] = new PVector(0, height); //ウィンドウ左下の角
}
void draw(){
drawSquare(vec); //4つのベクトルを頂点とする四角形を描画
vec = getVector(vec); //ベクトルをgapの分だけずらす
}
</pre>

<pre>
void drawSquare(PVector[] v){
for(int i = 0; i < 4; i++){
line(v[i].x, v[i].y, v[(i + 1) % 4].x, v[(i + 1) % 4].y);
//頂点v[i]と頂点v[i+1]のx座標とy座標の値を取りだし，線分を描く
}
}
</pre>

<pre>
PVector[] getVector(PVector[] vec){
PVector[] nextVec = new PVector[4];
for(int i = 0; i < 4; i++){
PVector dir = PVector.sub(vec[(i + 1) % 4], vec[i]); //2頂点間の方向ベクトル
dir.mult(gap); //ずれの分を方向ベクトルにかける
nextVec[i] = PVector.add(vec[i], dir); //元の頂点の位置ベクトルをずらして新たなベクトルを作る
}
return(nextVec);
}
</pre>
* %は割り算のあまり。9%4=1 (9を4で割るとあまり1)
*頂点は0,1,2,3なので、3の次は、3+1=4になるが、4で割った余りを考えると4%4=0となる。あまり（剰余系）を使うと、0,1,2,3,0,1,2,3…の循環を表せる。
* v[i].xはベクトルv[i]のx座標
* v[i].yはベクトルv[i]のy座標
* .add(a,b)はベクトルの足し算
* .sub(a,b)はベクトルの引き算
* .mult(a)はベクトルの掛け算

<pre>
void mouseClicked(){
background(255);
gap = random(1) / 2;
println("gap =", gap);
vec[0] = new PVector(0, 0);
vec[1] = new PVector(width, 0);
vec[2] = new PVector(width, height);
vec[3] = new PVector(0, height);
}
</pre>

;多角形に拡張する。
* PVector [https://www.processing.org/reference/PVector_fromAngle_.html fromAngle] : 指定した角度（ラジアン）の傾きを持つ単位ベクトル（大きさ１）を返す。

<pre>
PVector[] vec; //PVector型の配列を宣言
float gap = 0.1; //内接する正多角形のずれ
int gon = 8; //正多角形の頂点の数
void setup(){
size(500, 500);
vec = new PVector[gon];
for(int i = 0; i < gon; i++){ //正多角形の頂点の位置ベクトル
vec[i] = PVector.fromAngle(2 * i * PI / gon);
vec[i].mult(width / 2);
}
}
void draw(){
translate(width / 2, height / 2); //描画ウィンドウの中心に移動
drawPolygon(vec);
vec = getVector(vec);
}
</pre>

<pre>
void drawPolygon(PVector[] v){
for(int i = 0; i < gon; i++){
line(v[i].x, v[i].y, v[(i + 1) % gon].x, v[(i + 1) % gon].y);
}
}
</pre>

<pre>
PVector[] getVector(PVector[] v){
PVector[] nextVec = new PVector[gon];
for(int i = 0; i < gon; i++){
PVector dir = PVector.sub(v[(i + 1) % gon], v[i]);
dir.mult(gap);
nextVec[i] = PVector.add(v[i], dir);
}
return nextVec;
}
</pre>

<pre>
void mouseClicked(){
gap = random(1) / 2;
gon = int(random(4, 16));
background(255);
vec = new PVector[gon];
for(int i = 0; i < gon; i++){ //正多角形の頂点の位置ベクトル
vec[i] = PVector.fromAngle(2 * i * PI / gon);
vec[i].mult(width / 2);
}
}
</pre>

=== フェルマーらせん ===

;離散的らせん

*回転角
** 有理数
*** 1/2,1/3,1/5,1/10,1/20,1/40
*** /61
*** / 72
*** / 17
*** / 305
*** / 109
*** / 360
*** 17/55
** 無理数
*** sqrt(5)
*** 黄金比 (1+√5)/2
*** 円周率 PI

<pre>
int itr = 0; //描画の繰り返し回数
float scalar = 5; //拡大倍率
float rotation;
void setup() {
size(500, 500);
background(255); //背景を白くする
rotation = 17.0 / 55;
// rotation = sqrt(5);
// rotation = (1 + sqrt(5)) / 2;
}
void draw() {
translate(width / 2, height / 2); //描画ウィンドウの中心に移動
fill(0); //点を黒く塗る
drawFermatSpiral(rotation); //引数を回転角とするフェルマーらせんの描画
itr++;
}
void drawFermatSpiral(float rot){
float theta = 2 * PI * itr * rot; //回転角
PVector v = PVector.fromAngle(theta);
v.mult(scalar * sqrt(itr));
ellipse(v.x, v.y, scalar, scalar); //点を描画
}
</pre>

複数の離散的らせん
<pre>
int itr = 0; //描画の繰り返し回数
float scalar = 5; //拡大倍率
void setup() {
size(500, 500);
background(255);
}
void draw() {
translate(width / 2, height / 2); //描画ウィンドウの中心に移動

noStroke();
fill(255, 0, 0, 127); //点を赤く塗る
drawFermatSpiral(4.0 / 17);
fill(0, 0, 255, 127); //点を青く塗る
drawFermatSpiral(17.0 / 72);
fill(0, 255, 0, 127); //点を緑に塗る
drawFermatSpiral(72.0 / 305);
itr++;
}
void drawFermatSpiral(float rot){
float theta = 2 * PI * itr * rot; //回転角
PVector v = PVector.fromAngle(theta);
v.mult(scalar * sqrt(itr));
ellipse(v.x, v.y, scalar, scalar); //点を描画
}
</pre>

== リンク ==

[[スケーラブルアート論]]

[[Category:授業]]

久原研究室

2025-10-20T04:34:37Z

Kuha：/* リンク */

[http://www.kuhalabo.net/~kuha/dokuwiki/doku.php 久原研究室のオフィシャルサイト]

== リンク ==

* https://note.com/kuhalabo
*[http://www.kuhalabo.net/kxoops/ ゼミkuhaL@boX]
*[http://www.kuhalabo.net/mng/ kuhaL@BO Archive ]
*[http://www.kuhalabo.net/~kuha/tutorial0/ 久原授業旧チュートリアル]
*[http://www.nime.org/ NIME]
** http://www.eecs.umich.edu/nime2012
**[http://www.educ.dab.uts.edu.au/nime/ NIME2010]
**[http://www.nime2009.org/ NIME2009]
*[http://www.sigmus.jp/ 音楽情報科学研究会]
*[http://www.art-science.org/ 芸術科学会]
*[http://ocw.u-tokyo.ac.jp/ UT OpenCourseWare]
*[http://www.maxobjects.com/ Max External objects]
*[https://ccrma.stanford.edu/ CCRMA]
*[http://cnmat.berkeley.edu/ CNMAT]
*[http://events.berkeley.edu/ UC Berkeley Events]
*[http://www.media.mit.edu/ MIT Media lab]

https://note.com/kuhalabo

http://www.otoginosato.com/

[http://connect.apple.com/cgi-bin/WebObjects/MemberSite.woa/wa/downloads Apple Developer Conection]

[[サウンドスタジオ]] /

久原研究室

2025-10-15T12:12:20Z

Kuha：/* リンク */

[http://www.kuhalabo.net/~kuha/dokuwiki/doku.php 久原研究室のオフィシャルサイト]

== リンク ==
*[http://www.kuhalabo.net/kxoops/ ゼミkuhaL@boX]
*[http://www.kuhalabo.net/mng/ kuhaL@BO Archive ]
*[http://www.kuhalabo.net/~kuha/tutorial0/ 久原授業旧チュートリアル]
*[http://www.nime.org/ NIME]
** http://www.eecs.umich.edu/nime2012
**[http://www.educ.dab.uts.edu.au/nime/ NIME2010]
**[http://www.nime2009.org/ NIME2009]
*[http://www.sigmus.jp/ 音楽情報科学研究会]
*[http://www.art-science.org/ 芸術科学会]
*[http://ocw.u-tokyo.ac.jp/ UT OpenCourseWare]
*[http://www.maxobjects.com/ Max External objects]
*[https://ccrma.stanford.edu/ CCRMA]
*[http://cnmat.berkeley.edu/ CNMAT]
*[http://events.berkeley.edu/ UC Berkeley Events]
*[http://www.media.mit.edu/ MIT Media lab]

https://note.com/kuhalabo

http://www.otoginosato.com/

[http://connect.apple.com/cgi-bin/WebObjects/MemberSite.woa/wa/downloads Apple Developer Conection]

[[サウンドスタジオ]] /

メインページ

2025-10-14T08:00:59Z

Kuha：/* その他 */

== [[:Category:授業|授業]] ==

[[コンピュータリテラシーA]]

[[作曲演習]]

[[スケーラブルアート論]]

知性と感性を学ぶ([[Study on Intelligence and Sensibility]]9

カラーサイエンス＆アート([[Color Sciense and Art]])

[[ジェネラティブアート論]] | [[生命情報アート論]]

[[サウンド演習I]] | [[サウンド演習II]] |

[[総合メディア概論]] | [[システムデザイン]] |

[[サイエンスアート特論]] | [[インタラクティブメディア特論I]] | [[インタラクティブメディア特論演習I]]

[[インタラクティブメディア概論A]]

[[Max/MSPによるMIDIプログラミング]] | [[Max/MSPによるオーディオプログラミング]] |

[[MaxとFlashの通信]] |
[[Google Maps API V3]] |
[[openFrameworks for Visual studio]] |
[[VOCALOID seminar]]

[[Scratchプログラミング]]

[https://www.youtube.com/watch?v=Sf5AoCJWLnw&list=PLZBjTmM9PGD94oPGCrMSwzgPAEc47NHok サウンド演習IIベストセレクション2005-2015]

== [[:Category:研究|研究]] ==
[[docker]] / [[nginx]] / [[Deep Learning]] / [[Python]] / [[PyTorch]] / [[PHP]]

[[Color Mapping]] / [[NeoPixel]] / [[Gaudi]] / [[ABC Conjecture]]

[https://www.hiroshige.org.uk/ Ukiyoe Utagawa Hiroshige UK]

[http://www.kuhalabo.net/mng/ mng]

[https://www.amazon.co.jp/?&_encoding=UTF8&tag=q8labo-22&linkCode=ur2&linkId=6ba01c2aa4181dbe238cfe6cb8cb5846&camp=247&creative=1211 Amazon]

[https://chat.openai.com/auth/login chatGPT]

VT Piano http://www.kuhalabo.net/~web/vtp/

https://www.youtube.com/@kuhalabo

https://www.youtube.com/playlist?list=PLZBjTmM9PGD9q3aNDgK0STlnewznEpu4w

== 東京工芸大学 ==

[http://www.t-kougei.ac.jp/index.html 公式サイト] /
[https://portal.kougei.net/up/faces/login/Com00501A.jsp コウゲイ.net] /
[https://blog.t-kougei.ac.jp/ KOOGEIブログ] /
[https://100th.t-kougei.ac.jp/activity/ 100周年の取り組み] /

[https://www-lib.t-kougei.ac.jp/ 図書館蔵書検索] /
[http://www.cc.t-kougei.ac.jp/ 情報処理教育研究センター] /
[http://gakuen.t-kougei.ac.jp/ GAKUEN] /
[http://www.univcoop.jp/kougei/ 工芸大生協] /
[http://order.univ.coop/ 生協Webショッピング] /
[https://univpc.com/ uniV PC] /
[https://blog.t-kougei.ac.jp/ KOUGEI PEOPLE] /
[https://collab.t-kougei.ac.jp/ 色の科学芸術センター col.lab]　/
[https://www.t-kougei.ac.jp/activity/extension/ 芸術学部フェスタ] /
[https://kougei.repo.nii.ac.jp/ 学術リポジトリ]

=== インタラクティブメディア学科 ===

[http://www.int.t-kougei.ac.jp/ IM学科オフィシャル]

* [[IM Open Lesson|インタラクティブメディア公開レッスン]]
*[https://blog.t-kougei.ac.jp/int/ IM学科ブログ]
*[https://prezi.com/wve3-xczpvno/presentation/?present=1 IM学科プレゼン資料(Prezi)]
*[https://www.youtube.com/watch?v=lDi-T-yIKFk&t=5s IM学科紹介動画(YouTube)]
*[https://www.youtube.com/channel/UCPHSDDHx9aHBM8c2TcHQd4Q IM学科YouTubeチャンネル]

[[教務]]

[[教職課程]]

[[久原研究室]]

[http://socialakiba.com/ 永江研究室]

旧[[:Category:カリキュラム|カリキュラム]]

== 大学院 ==

[[芸術学研究科]]

== [[:Category:施設|施設]] ==

=== 中野キャンパス ===
[https://www.t-kougei.ac.jp/access/#nakano アクセス] /
[https://www.t-kougei.ac.jp/guide/campus/nakano/ キャンパスマップ]

プロトタイピングラボ /
IM演習室 /
IMスタジオA,B,C,D /
サウンドスタジオ /
映像スタジオ /

=== 厚木キャンパス ===
[https://www.t-kougei.ac.jp/access/#atsugi アクセス] /
[https://www.t-kougei.ac.jp/guide/campus/atsugi/ キャンパスマップ]

[[学科オフィス]] /
[[サウンドスタジオ]] /
[[312教室]] /
[[共同研究室]] /
[[Communication Space]] /
[[専用講義室]] /
デジタルスタジオ

== インタラクティブメディア学科 ==

[https://blog.t-kougei.ac.jp/int/ ブログ] /
[http://prezi.com/wve3-xczpvno/?utm_campaign=share&utm_medium=copy&rc=ex0share 学科紹介プレゼンテーション資料(Prezi Classic)] /
[https://prezi.com/view/2eIvkgJImF4VKYvyIZkI/ 学科紹介ビデオ(Prezi Next)]

== 参考資料 ==

[http://www.kuhalabo.net/~kuha/tutorial0/ 旧チュートリアルサイト]

[http://tutorial.unity3d.jp/ はじめてのUnity]

https://ars.electronica.art/prix/en/

https://www.artofthecell.com/

== 学会 ==

AI Music Creativity https://aimusiccreativity.org/

== NIME ==

Life Game Orchestra http://www.kuhalabo.net/~kuha/nime/lifegorch/

Tweet Harp http://www.kuhalabo.net/~kuha/nime/tweetharp/

Wii Love Music http://www.kuhalabo.net/~kuha/nime/wiimu/

Multi-track Loop Sequencer http://www.kuhalabo.net/~kuha/nime/lpsqr/

Circle Canon Chorus Frog Round http://www.kuhalabo.net/~kuha/nime/kanon/chorus/

http://www.kuhalabo.net/~web/vtp/

== 宇宙物理・天文 ==

宇宙天気予報 https://swc.nict.go.jp/

ケプラーの惑星音階　https://www.asahi-net.or.jp/~hb9t-ktd/music/Japan/Research/Genre/Fantasy/kepler.html

ダジック・アース　https://www.dagik.net/ | https://www.npo.dagik.org/ | http://dagik.org/dow/

== その他 ==

[[サーバ設定]]

[[:Category:薬|薬]]

[[Kalles Fraktaler]]

[https://www.harjavalta.fi/kulttuuri-ja-vapaa-aika/museo/ Emil Cedercreutzin museo]

[[素数]]

[[誤訳]]

http://www.kuhalabo.net/~kuha/tutorial0/

;アマゾンの領収書
https://www.amazon.co.jp/gp/legacy/css/summary/print.html/ref=oh_aui_ajax_invoice?ie=UTF8&orderID=注文番号

== Youtube ==

[https://www.youtube.com/channel/UCILd88Su8uj8PDWp2kHC_1w/videos?flow=list Takanori Nagae] /
[https://www.youtube.com/user/kuhalabo/videos?view=57&flow=list Kuhalabo] /
[https://www.youtube.com/user/kikakukougei kikakukougei] /
[https://www.youtube.com/channel/UCPHSDDHx9aHBM8c2TcHQd4Q インタラクティブメディア学科] /
[https://www.youtube.com/channel/UCRHkKJFdiyLG9pQXp_Q4Qtg 工芸大生協] /

== はじめましょう ==
* [//meta.wikimedia.org/wiki/Help:Contents 利用者案内]
* [//www.mediawiki.org/wiki/Manual:Configuration_settings/ja 設定の一覧]
* [//www.mediawiki.org/wiki/Manual:FAQ/ja MediaWiki よくある質問と回答]
* [https://lists.wikimedia.org/mailman/listinfo/mediawiki-announce MediaWikiリリース情報メーリングリスト]

メインページ

2025-10-14T08:00:47Z

Kuha：/* ad */

== [[:Category:授業|授業]] ==

[[コンピュータリテラシーA]]

[[作曲演習]]

[[スケーラブルアート論]]

知性と感性を学ぶ([[Study on Intelligence and Sensibility]]9

カラーサイエンス＆アート([[Color Sciense and Art]])

[[ジェネラティブアート論]] | [[生命情報アート論]]

[[サウンド演習I]] | [[サウンド演習II]] |

[[総合メディア概論]] | [[システムデザイン]] |

[[サイエンスアート特論]] | [[インタラクティブメディア特論I]] | [[インタラクティブメディア特論演習I]]

[[インタラクティブメディア概論A]]

[[Max/MSPによるMIDIプログラミング]] | [[Max/MSPによるオーディオプログラミング]] |

[[MaxとFlashの通信]] |
[[Google Maps API V3]] |
[[openFrameworks for Visual studio]] |
[[VOCALOID seminar]]

[[Scratchプログラミング]]

[https://www.youtube.com/watch?v=Sf5AoCJWLnw&list=PLZBjTmM9PGD94oPGCrMSwzgPAEc47NHok サウンド演習IIベストセレクション2005-2015]

== [[:Category:研究|研究]] ==
[[docker]] / [[nginx]] / [[Deep Learning]] / [[Python]] / [[PyTorch]] / [[PHP]]

[[Color Mapping]] / [[NeoPixel]] / [[Gaudi]] / [[ABC Conjecture]]

[https://www.hiroshige.org.uk/ Ukiyoe Utagawa Hiroshige UK]

[http://www.kuhalabo.net/mng/ mng]

[https://www.amazon.co.jp/?&_encoding=UTF8&tag=q8labo-22&linkCode=ur2&linkId=6ba01c2aa4181dbe238cfe6cb8cb5846&camp=247&creative=1211 Amazon]

[https://chat.openai.com/auth/login chatGPT]

VT Piano http://www.kuhalabo.net/~web/vtp/

https://www.youtube.com/@kuhalabo

https://www.youtube.com/playlist?list=PLZBjTmM9PGD9q3aNDgK0STlnewznEpu4w

== 東京工芸大学 ==

[http://www.t-kougei.ac.jp/index.html 公式サイト] /
[https://portal.kougei.net/up/faces/login/Com00501A.jsp コウゲイ.net] /
[https://blog.t-kougei.ac.jp/ KOOGEIブログ] /
[https://100th.t-kougei.ac.jp/activity/ 100周年の取り組み] /

[https://www-lib.t-kougei.ac.jp/ 図書館蔵書検索] /
[http://www.cc.t-kougei.ac.jp/ 情報処理教育研究センター] /
[http://gakuen.t-kougei.ac.jp/ GAKUEN] /
[http://www.univcoop.jp/kougei/ 工芸大生協] /
[http://order.univ.coop/ 生協Webショッピング] /
[https://univpc.com/ uniV PC] /
[https://blog.t-kougei.ac.jp/ KOUGEI PEOPLE] /
[https://collab.t-kougei.ac.jp/ 色の科学芸術センター col.lab]　/
[https://www.t-kougei.ac.jp/activity/extension/ 芸術学部フェスタ] /
[https://kougei.repo.nii.ac.jp/ 学術リポジトリ]

=== インタラクティブメディア学科 ===

[http://www.int.t-kougei.ac.jp/ IM学科オフィシャル]

* [[IM Open Lesson|インタラクティブメディア公開レッスン]]
*[https://blog.t-kougei.ac.jp/int/ IM学科ブログ]
*[https://prezi.com/wve3-xczpvno/presentation/?present=1 IM学科プレゼン資料(Prezi)]
*[https://www.youtube.com/watch?v=lDi-T-yIKFk&t=5s IM学科紹介動画(YouTube)]
*[https://www.youtube.com/channel/UCPHSDDHx9aHBM8c2TcHQd4Q IM学科YouTubeチャンネル]

[[教務]]

[[教職課程]]

[[久原研究室]]

[http://socialakiba.com/ 永江研究室]

旧[[:Category:カリキュラム|カリキュラム]]

== 大学院 ==

[[芸術学研究科]]

== [[:Category:施設|施設]] ==

=== 中野キャンパス ===
[https://www.t-kougei.ac.jp/access/#nakano アクセス] /
[https://www.t-kougei.ac.jp/guide/campus/nakano/ キャンパスマップ]

プロトタイピングラボ /
IM演習室 /
IMスタジオA,B,C,D /
サウンドスタジオ /
映像スタジオ /

=== 厚木キャンパス ===
[https://www.t-kougei.ac.jp/access/#atsugi アクセス] /
[https://www.t-kougei.ac.jp/guide/campus/atsugi/ キャンパスマップ]

[[学科オフィス]] /
[[サウンドスタジオ]] /
[[312教室]] /
[[共同研究室]] /
[[Communication Space]] /
[[専用講義室]] /
デジタルスタジオ

== インタラクティブメディア学科 ==

[https://blog.t-kougei.ac.jp/int/ ブログ] /
[http://prezi.com/wve3-xczpvno/?utm_campaign=share&utm_medium=copy&rc=ex0share 学科紹介プレゼンテーション資料(Prezi Classic)] /
[https://prezi.com/view/2eIvkgJImF4VKYvyIZkI/ 学科紹介ビデオ(Prezi Next)]

== 参考資料 ==

[http://www.kuhalabo.net/~kuha/tutorial0/ 旧チュートリアルサイト]

[http://tutorial.unity3d.jp/ はじめてのUnity]

https://ars.electronica.art/prix/en/

https://www.artofthecell.com/

== 学会 ==

AI Music Creativity https://aimusiccreativity.org/

== NIME ==

Life Game Orchestra http://www.kuhalabo.net/~kuha/nime/lifegorch/

Tweet Harp http://www.kuhalabo.net/~kuha/nime/tweetharp/

Wii Love Music http://www.kuhalabo.net/~kuha/nime/wiimu/

Multi-track Loop Sequencer http://www.kuhalabo.net/~kuha/nime/lpsqr/

Circle Canon Chorus Frog Round http://www.kuhalabo.net/~kuha/nime/kanon/chorus/

http://www.kuhalabo.net/~web/vtp/

== 宇宙物理・天文 ==

宇宙天気予報 https://swc.nict.go.jp/

ケプラーの惑星音階　https://www.asahi-net.or.jp/~hb9t-ktd/music/Japan/Research/Genre/Fantasy/kepler.html

ダジック・アース　https://www.dagik.net/ | https://www.npo.dagik.org/ | http://dagik.org/dow/

== その他 ==

[[サーバ設定]]

[[:Category:薬|薬]]

[[Kalles Fraktaler]]

[https://www.harjavalta.fi/kulttuuri-ja-vapaa-aika/museo/ Emil Cedercreutzin museo]

[[素数]]

[[誤訳]]

http://www.kuhalabo.net/~kuha/tutorial0/

== Youtube ==

[https://www.youtube.com/channel/UCILd88Su8uj8PDWp2kHC_1w/videos?flow=list Takanori Nagae] /
[https://www.youtube.com/user/kuhalabo/videos?view=57&flow=list Kuhalabo] /
[https://www.youtube.com/user/kikakukougei kikakukougei] /
[https://www.youtube.com/channel/UCPHSDDHx9aHBM8c2TcHQd4Q インタラクティブメディア学科] /
[https://www.youtube.com/channel/UCRHkKJFdiyLG9pQXp_Q4Qtg 工芸大生協] /

== はじめましょう ==
* [//meta.wikimedia.org/wiki/Help:Contents 利用者案内]
* [//www.mediawiki.org/wiki/Manual:Configuration_settings/ja 設定の一覧]
* [//www.mediawiki.org/wiki/Manual:FAQ/ja MediaWiki よくある質問と回答]
* [https://lists.wikimedia.org/mailman/listinfo/mediawiki-announce MediaWikiリリース情報メーリングリスト]

メインページ

2025-10-14T08:00:37Z

Kuha：/* 研究 */

== [[:Category:授業|授業]] ==

[[コンピュータリテラシーA]]

[[作曲演習]]

[[スケーラブルアート論]]

知性と感性を学ぶ([[Study on Intelligence and Sensibility]]9

カラーサイエンス＆アート([[Color Sciense and Art]])

[[ジェネラティブアート論]] | [[生命情報アート論]]

[[サウンド演習I]] | [[サウンド演習II]] |

[[総合メディア概論]] | [[システムデザイン]] |

[[サイエンスアート特論]] | [[インタラクティブメディア特論I]] | [[インタラクティブメディア特論演習I]]

[[インタラクティブメディア概論A]]

[[Max/MSPによるMIDIプログラミング]] | [[Max/MSPによるオーディオプログラミング]] |

[[MaxとFlashの通信]] |
[[Google Maps API V3]] |
[[openFrameworks for Visual studio]] |
[[VOCALOID seminar]]

[[Scratchプログラミング]]

[https://www.youtube.com/watch?v=Sf5AoCJWLnw&list=PLZBjTmM9PGD94oPGCrMSwzgPAEc47NHok サウンド演習IIベストセレクション2005-2015]

== [[:Category:研究|研究]] ==
[[docker]] / [[nginx]] / [[Deep Learning]] / [[Python]] / [[PyTorch]] / [[PHP]]

[[Color Mapping]] / [[NeoPixel]] / [[Gaudi]] / [[ABC Conjecture]]

[https://www.hiroshige.org.uk/ Ukiyoe Utagawa Hiroshige UK]

[http://www.kuhalabo.net/mng/ mng]

[https://www.amazon.co.jp/?&_encoding=UTF8&tag=q8labo-22&linkCode=ur2&linkId=6ba01c2aa4181dbe238cfe6cb8cb5846&camp=247&creative=1211 Amazon]

[https://chat.openai.com/auth/login chatGPT]

VT Piano http://www.kuhalabo.net/~web/vtp/

https://www.youtube.com/@kuhalabo

https://www.youtube.com/playlist?list=PLZBjTmM9PGD9q3aNDgK0STlnewznEpu4w

== 東京工芸大学 ==

[http://www.t-kougei.ac.jp/index.html 公式サイト] /
[https://portal.kougei.net/up/faces/login/Com00501A.jsp コウゲイ.net] /
[https://blog.t-kougei.ac.jp/ KOOGEIブログ] /
[https://100th.t-kougei.ac.jp/activity/ 100周年の取り組み] /

[https://www-lib.t-kougei.ac.jp/ 図書館蔵書検索] /
[http://www.cc.t-kougei.ac.jp/ 情報処理教育研究センター] /
[http://gakuen.t-kougei.ac.jp/ GAKUEN] /
[http://www.univcoop.jp/kougei/ 工芸大生協] /
[http://order.univ.coop/ 生協Webショッピング] /
[https://univpc.com/ uniV PC] /
[https://blog.t-kougei.ac.jp/ KOUGEI PEOPLE] /
[https://collab.t-kougei.ac.jp/ 色の科学芸術センター col.lab]　/
[https://www.t-kougei.ac.jp/activity/extension/ 芸術学部フェスタ] /
[https://kougei.repo.nii.ac.jp/ 学術リポジトリ]

=== インタラクティブメディア学科 ===

[http://www.int.t-kougei.ac.jp/ IM学科オフィシャル]

* [[IM Open Lesson|インタラクティブメディア公開レッスン]]
*[https://blog.t-kougei.ac.jp/int/ IM学科ブログ]
*[https://prezi.com/wve3-xczpvno/presentation/?present=1 IM学科プレゼン資料(Prezi)]
*[https://www.youtube.com/watch?v=lDi-T-yIKFk&t=5s IM学科紹介動画(YouTube)]
*[https://www.youtube.com/channel/UCPHSDDHx9aHBM8c2TcHQd4Q IM学科YouTubeチャンネル]

[[教務]]

[[教職課程]]

[[久原研究室]]

[http://socialakiba.com/ 永江研究室]

旧[[:Category:カリキュラム|カリキュラム]]

== 大学院 ==

[[芸術学研究科]]

== [[:Category:施設|施設]] ==

=== 中野キャンパス ===
[https://www.t-kougei.ac.jp/access/#nakano アクセス] /
[https://www.t-kougei.ac.jp/guide/campus/nakano/ キャンパスマップ]

プロトタイピングラボ /
IM演習室 /
IMスタジオA,B,C,D /
サウンドスタジオ /
映像スタジオ /

=== 厚木キャンパス ===
[https://www.t-kougei.ac.jp/access/#atsugi アクセス] /
[https://www.t-kougei.ac.jp/guide/campus/atsugi/ キャンパスマップ]

[[学科オフィス]] /
[[サウンドスタジオ]] /
[[312教室]] /
[[共同研究室]] /
[[Communication Space]] /
[[専用講義室]] /
デジタルスタジオ

== インタラクティブメディア学科 ==

[https://blog.t-kougei.ac.jp/int/ ブログ] /
[http://prezi.com/wve3-xczpvno/?utm_campaign=share&utm_medium=copy&rc=ex0share 学科紹介プレゼンテーション資料(Prezi Classic)] /
[https://prezi.com/view/2eIvkgJImF4VKYvyIZkI/ 学科紹介ビデオ(Prezi Next)]

== 参考資料 ==

[http://www.kuhalabo.net/~kuha/tutorial0/ 旧チュートリアルサイト]

[http://tutorial.unity3d.jp/ はじめてのUnity]

https://ars.electronica.art/prix/en/

https://www.artofthecell.com/

== 学会 ==

AI Music Creativity https://aimusiccreativity.org/

== NIME ==

Life Game Orchestra http://www.kuhalabo.net/~kuha/nime/lifegorch/

Tweet Harp http://www.kuhalabo.net/~kuha/nime/tweetharp/

Wii Love Music http://www.kuhalabo.net/~kuha/nime/wiimu/

Multi-track Loop Sequencer http://www.kuhalabo.net/~kuha/nime/lpsqr/

Circle Canon Chorus Frog Round http://www.kuhalabo.net/~kuha/nime/kanon/chorus/

http://www.kuhalabo.net/~web/vtp/

== 宇宙物理・天文 ==

宇宙天気予報 https://swc.nict.go.jp/

ケプラーの惑星音階　https://www.asahi-net.or.jp/~hb9t-ktd/music/Japan/Research/Genre/Fantasy/kepler.html

ダジック・アース　https://www.dagik.net/ | https://www.npo.dagik.org/ | http://dagik.org/dow/

== その他 ==

[[サーバ設定]]

[[:Category:薬|薬]]

[[Kalles Fraktaler]]

[https://www.harjavalta.fi/kulttuuri-ja-vapaa-aika/museo/ Emil Cedercreutzin museo]

[[素数]]

[[誤訳]]

http://www.kuhalabo.net/~kuha/tutorial0/

== Youtube ==

[https://www.youtube.com/channel/UCILd88Su8uj8PDWp2kHC_1w/videos?flow=list Takanori Nagae] /
[https://www.youtube.com/user/kuhalabo/videos?view=57&flow=list Kuhalabo] /
[https://www.youtube.com/user/kikakukougei kikakukougei] /
[https://www.youtube.com/channel/UCPHSDDHx9aHBM8c2TcHQd4Q インタラクティブメディア学科] /
[https://www.youtube.com/channel/UCRHkKJFdiyLG9pQXp_Q4Qtg 工芸大生協] /

== はじめましょう ==
* [//meta.wikimedia.org/wiki/Help:Contents 利用者案内]
* [//www.mediawiki.org/wiki/Manual:Configuration_settings/ja 設定の一覧]
* [//www.mediawiki.org/wiki/Manual:FAQ/ja MediaWiki よくある質問と回答]
* [https://lists.wikimedia.org/mailman/listinfo/mediawiki-announce MediaWikiリリース情報メーリングリスト]

== ad ==

メインページ

2025-10-14T07:59:36Z

Kuha：/* 研究 */

== [[:Category:授業|授業]] ==

[[コンピュータリテラシーA]]

[[作曲演習]]

[[スケーラブルアート論]]

知性と感性を学ぶ([[Study on Intelligence and Sensibility]]9

カラーサイエンス＆アート([[Color Sciense and Art]])

[[ジェネラティブアート論]] | [[生命情報アート論]]

[[サウンド演習I]] | [[サウンド演習II]] |

[[総合メディア概論]] | [[システムデザイン]] |

[[サイエンスアート特論]] | [[インタラクティブメディア特論I]] | [[インタラクティブメディア特論演習I]]

[[インタラクティブメディア概論A]]

[[Max/MSPによるMIDIプログラミング]] | [[Max/MSPによるオーディオプログラミング]] |

[[MaxとFlashの通信]] |
[[Google Maps API V3]] |
[[openFrameworks for Visual studio]] |
[[VOCALOID seminar]]

[[Scratchプログラミング]]

[https://www.youtube.com/watch?v=Sf5AoCJWLnw&list=PLZBjTmM9PGD94oPGCrMSwzgPAEc47NHok サウンド演習IIベストセレクション2005-2015]

== [[:Category:研究|研究]] ==
[[docker]] / [[nginx]] / [[Deep Learning]] / [[Python]] / [[PyTorch]] / [[PHP]]

[[Color Mapping]] / [[NeoPixel]] / [[Gaudi]] / [[ABC Conjecture]]

[https://www.hiroshige.org.uk/ Ukiyoe Utagawa Hiroshige UK]

[http://www.kuhalabo.net/mng/ mng]

[https://www.amazon.co.jp/?&_encoding=UTF8&tag=q8labo-22&linkCode=ur2&linkId=6ba01c2aa4181dbe238cfe6cb8cb5846&camp=247&creative=1211 Amazon]

;アマゾンの領収書
https://www.amazon.co.jp/gp/legacy/css/summary/print.html/ref=oh_aui_ajax_invoice?ie=UTF8&orderID=注文番号

[https://chat.openai.com/auth/login chatGPT]

VT Piano http://www.kuhalabo.net/~web/vtp/

https://www.youtube.com/@kuhalabo

https://www.youtube.com/playlist?list=PLZBjTmM9PGD9q3aNDgK0STlnewznEpu4w

== 東京工芸大学 ==

[http://www.t-kougei.ac.jp/index.html 公式サイト] /
[https://portal.kougei.net/up/faces/login/Com00501A.jsp コウゲイ.net] /
[https://blog.t-kougei.ac.jp/ KOOGEIブログ] /
[https://100th.t-kougei.ac.jp/activity/ 100周年の取り組み] /

[https://www-lib.t-kougei.ac.jp/ 図書館蔵書検索] /
[http://www.cc.t-kougei.ac.jp/ 情報処理教育研究センター] /
[http://gakuen.t-kougei.ac.jp/ GAKUEN] /
[http://www.univcoop.jp/kougei/ 工芸大生協] /
[http://order.univ.coop/ 生協Webショッピング] /
[https://univpc.com/ uniV PC] /
[https://blog.t-kougei.ac.jp/ KOUGEI PEOPLE] /
[https://collab.t-kougei.ac.jp/ 色の科学芸術センター col.lab]　/
[https://www.t-kougei.ac.jp/activity/extension/ 芸術学部フェスタ] /
[https://kougei.repo.nii.ac.jp/ 学術リポジトリ]

=== インタラクティブメディア学科 ===

[http://www.int.t-kougei.ac.jp/ IM学科オフィシャル]

* [[IM Open Lesson|インタラクティブメディア公開レッスン]]
*[https://blog.t-kougei.ac.jp/int/ IM学科ブログ]
*[https://prezi.com/wve3-xczpvno/presentation/?present=1 IM学科プレゼン資料(Prezi)]
*[https://www.youtube.com/watch?v=lDi-T-yIKFk&t=5s IM学科紹介動画(YouTube)]
*[https://www.youtube.com/channel/UCPHSDDHx9aHBM8c2TcHQd4Q IM学科YouTubeチャンネル]

[[教務]]

[[教職課程]]

[[久原研究室]]

[http://socialakiba.com/ 永江研究室]

旧[[:Category:カリキュラム|カリキュラム]]

== 大学院 ==

[[芸術学研究科]]

== [[:Category:施設|施設]] ==

=== 中野キャンパス ===
[https://www.t-kougei.ac.jp/access/#nakano アクセス] /
[https://www.t-kougei.ac.jp/guide/campus/nakano/ キャンパスマップ]

プロトタイピングラボ /
IM演習室 /
IMスタジオA,B,C,D /
サウンドスタジオ /
映像スタジオ /

=== 厚木キャンパス ===
[https://www.t-kougei.ac.jp/access/#atsugi アクセス] /
[https://www.t-kougei.ac.jp/guide/campus/atsugi/ キャンパスマップ]

[[学科オフィス]] /
[[サウンドスタジオ]] /
[[312教室]] /
[[共同研究室]] /
[[Communication Space]] /
[[専用講義室]] /
デジタルスタジオ

== インタラクティブメディア学科 ==

[https://blog.t-kougei.ac.jp/int/ ブログ] /
[http://prezi.com/wve3-xczpvno/?utm_campaign=share&utm_medium=copy&rc=ex0share 学科紹介プレゼンテーション資料(Prezi Classic)] /
[https://prezi.com/view/2eIvkgJImF4VKYvyIZkI/ 学科紹介ビデオ(Prezi Next)]

== 参考資料 ==

[http://www.kuhalabo.net/~kuha/tutorial0/ 旧チュートリアルサイト]

[http://tutorial.unity3d.jp/ はじめてのUnity]

https://ars.electronica.art/prix/en/

https://www.artofthecell.com/

== 学会 ==

AI Music Creativity https://aimusiccreativity.org/

== NIME ==

Life Game Orchestra http://www.kuhalabo.net/~kuha/nime/lifegorch/

Tweet Harp http://www.kuhalabo.net/~kuha/nime/tweetharp/

Wii Love Music http://www.kuhalabo.net/~kuha/nime/wiimu/

Multi-track Loop Sequencer http://www.kuhalabo.net/~kuha/nime/lpsqr/

Circle Canon Chorus Frog Round http://www.kuhalabo.net/~kuha/nime/kanon/chorus/

http://www.kuhalabo.net/~web/vtp/

== 宇宙物理・天文 ==

宇宙天気予報 https://swc.nict.go.jp/

ケプラーの惑星音階　https://www.asahi-net.or.jp/~hb9t-ktd/music/Japan/Research/Genre/Fantasy/kepler.html

ダジック・アース　https://www.dagik.net/ | https://www.npo.dagik.org/ | http://dagik.org/dow/

== その他 ==

[[サーバ設定]]

[[:Category:薬|薬]]

[[Kalles Fraktaler]]

[https://www.harjavalta.fi/kulttuuri-ja-vapaa-aika/museo/ Emil Cedercreutzin museo]

[[素数]]

[[誤訳]]

http://www.kuhalabo.net/~kuha/tutorial0/

== Youtube ==

[https://www.youtube.com/channel/UCILd88Su8uj8PDWp2kHC_1w/videos?flow=list Takanori Nagae] /
[https://www.youtube.com/user/kuhalabo/videos?view=57&flow=list Kuhalabo] /
[https://www.youtube.com/user/kikakukougei kikakukougei] /
[https://www.youtube.com/channel/UCPHSDDHx9aHBM8c2TcHQd4Q インタラクティブメディア学科] /
[https://www.youtube.com/channel/UCRHkKJFdiyLG9pQXp_Q4Qtg 工芸大生協] /

== はじめましょう ==
* [//meta.wikimedia.org/wiki/Help:Contents 利用者案内]
* [//www.mediawiki.org/wiki/Manual:Configuration_settings/ja 設定の一覧]
* [//www.mediawiki.org/wiki/Manual:FAQ/ja MediaWiki よくある質問と回答]
* [https://lists.wikimedia.org/mailman/listinfo/mediawiki-announce MediaWikiリリース情報メーリングリスト]

== ad ==

Max/MSPによるオーディオプログラミング

2025-10-03T05:30:49Z

Kuha：/* フィルター */

== 音の物理的3要素 ==
通常、音の3要素とは、「高さ、強さ、音色」であるが、ここでは、「音色」の代わりに「長さ」を考慮する。

;高さ
: 周波数, 音高
;強さ
: 音量, ボリューム
;長さ
: 時間, 空間

== オシレータ ==
*発振器のこと。振動を発生させる器械のこと。
* サイン波 cycle~, ノコギリ波 phasor~
* 周波数
* adc~（マイク） dac~（スピーカー）
** a : アナログ：空気の振動
** d : デジタル：PCの中の数値
** c : コンバート

* 音量操作　*~
* 加算合成　+~

複数の周波数を足していくと、波形が変わっリ、音色が変わる。

[[ファイル:Sinwav.png]]
* line~によるなめらかな変化
[[ファイル:Sinline.png]]
* MIDIのpitchを周波数に変換　mtof~
[[ファイル:Sinemix.png]]

== LFO ==
;Low Frequency Oscillator（低周波発振器）
* LFOで、音源オシレータにモジュレーション（変調）をかける。
* AMとFMの違い
* 演算子（「*」や「+」）の位置は、オシレータ(cycle~)の前か後のどちらか？。

=== AM (Amplitude Modulation)合成 ===
* 波形（'''シグナル'''）を乗算（掛け算）する
* 波形の振り幅が変わる。すなわち、音量が変わる。
** トレモロ効果
** 振り幅変化の周期と深さを変える。

[[ファイル:05-07-01amSynth.png]]

=== FM (Frequency Modulation)合成 ===
* 周波数（'''数値メッセージ'''）を加算（足し算）する
* 波形の周波数が変わる。すなわち、音高が変わる。
** ビブラート効果
** 周波数変化の周期と深さを変える。

[[ファイル:05-08-01 fmSynth.png]]

==[[Envelope]](エンベロープ)==
*時間軸における音量変化。楽器ごとに個性がある。
*ピアノ、ギターなどはアタックが早く立ち上がるが、ストリングスはアタックがゆっくり立ち上がる。
* Maxではfunctionパッチを使って、音量変化を描く。
** クリックで点が増える。シフトクリックで点を消す。

[[ファイル:05-03-30envelope.png]]

== スペクトルとフィルター ==

=== スペクトル（[[周波数構成]]）===

=== 各種フィルター ===
*特定の周波数帯域をカットする。つまり、特定の周波数帯域のみを通す（パスする）。
** lowpass (highcut)
** hightpass (lowcut)
** bandpass
** bandstop
*周波数構成が変わるので、音質が変わる。
*EQ（イコライザー）の一種：周波数構成を加工して音色を整える。

[[ファイル:05-03-33filters.png]]

===lores~ ===

;レゾナンス付きローパス・フィルター lores~
:カットオフ周波数より高い周波数をカットする。
:レゾナンス（Q値）でカットオフ周波数近くのカーブの緩急を変える。
ホワイトノイズ'''noise~'''とピンクノイズ'''pink~'''でフィルターの効果を確かめる。

[[ファイル:Lores.png|800px|]]

=== reson~ ===

;バンドパスフィルタ reson~

reson~は、中心周波数以外を減衰させます。

Q値は100などの大きめの値を設定すると、角度が急になり、特定の周波数帯域を取り出せます。

[[ファイル:Reson.png]]

=== biquad~とfiltergraph~ ===

biquad~フィルタは様々なフィルタを作成できるオブジェクトです。

filtergraphは視覚的にフィルタを操作してフィルタの係数を計算します。

係数をbiquad~に送るとフィルタを作ることができます。

下の例は、ローパス（ハイカット）の例で、高周波の成分がカットされている様子が分かります。

[[ファイル:Biquad.png]]

鍵盤とエンベロープを付けた簡易シンセ

[[ファイル:05-03-34filter.png]]

== フォルマント合成 ==
楽器や人の声を特徴付けているのは周波数構成（スペクトル）である。

弦などの振動から発生する音波は、ボディの空洞などを通して、共鳴し、特定の周波数が強められたり弱められたりする。

これを共鳴（レゾナンス）という。
共鳴の結果として、その楽器や人に固有の周波数構成となり、特徴的な音色となる。

共鳴によって生じた周波数帯域の山の部分をフォルマントという。
フォルマントの構成パターンは、ピアノ、ギター、バイオリン、歌声などの音色を識別する要素となる。
フォルマントは、周波数の低いほうから第1フォルマント(F1)、第2フォルマント(F2)、第3フォルマント(F3)と呼ぶ。

人間の声の母音（アイウエオ）の識別を決めているのも、フォルマントである。
声帯の振動はノコギリ波に近いといわれており、この波形が、のど、口、鼻腔、横隔膜などで共鳴し、各母音の固有のフォルマントを構成する。

アイウエオの3つフォルマントF1, F2, F3は、以下の通りで、合成するとアイウエオらしく聞こえる。

<table border=1>
<tr><td>母音</td><td>F1</td><td>F2</td><td>F3</td></tr>
<tr><td>あ</td> <td>780</td> <td>1200</td> <td>2520</td></tr>
<tr><td>い</td> <td>310</td> <td>2300</td> <td>3080</td></tr>
<tr><td>う <td>330</td> <td>1120</td> <td>2350</td></tr>
<tr><td>え <td>470</td> <td>2040</td> <td>2250</td></tr>
<tr><td>お</td> <td>420</td> <td>710</td> <td>2530</td></tr>
</table>

下の例は、ノコギリ波をフォルマント合成して、母音らしく響かせている。
*人間の声帯の振動はノコギリ波に近い。
*声の周波数は微妙に揺らぐのでLFOでビブラートをかけると、母音らしくなる。
*ゲインは ''' F1 > F2 ＞ F3'''となっている。

[[ファイル:Formant.png]]

下の例は、キーボードから得たMIDIのピッチを周波数に変換して、ノコギリ波を生成し、フォルマント合成して、母音を発声している。

[[ファイル:FormantSynth.png|1000px|]]

左はノコギリ波のスペクトル、右はフォルマント合成後のスペクトル

== ディレイ Delay ==
*原音を時間を遅らせて再生する。エコー、やまびこ効果のこと。
*耳に聞こえてくる音は、原音以外に、壁や天井から跳ね返ってくる反響音が必ず含まれている。
*Max/MSPでは、tapin~とtapout~を使う。

=== 基本的なディレイ ===
[[ファイル:05-12-01BasicDelay1.png]]

* 原音を '''dry''' ディレイ音を '''wet''' と呼ぶ。

=== dry, wetをLRに分配 ===
[[ファイル:05-12-01BasicDelay2.png]]

=== delayを入力に戻す(FeedBack) ===
[[ファイル:05-12-04DelayFeedBack.png]]

=== delayタイムの異なる複数種類のwetを合成 ===
[[ファイル:05-12-02DelayMulti.png]]

* Reverb : 原音に余韻，残響感を付加する。Delayの集合体。

=== Delayの応用エフェクト ===

;delayタイムに手動で変化を加えて、ディレイ音を揺らがせる。
[[ファイル:05-12-06DelayYuragi.png]]

;delayタイムにLFOで変化を加えて、ディレイ音を揺らがせる。
* Chorus : Delay音が弱め。Feedbackが少なめ。
* Flanger : Delay音が強め。Feedbackが多め。
[[ファイル:05-12-10Chorus.png]]

== マウスを使ったインタラクション ==
;世界初の電子楽器 '''テルミン'''
* [https://ja.wikipedia.org/wiki/%E3%83%86%E3%83%AB%E3%83%9F%E3%83%B3 テルミン]
* テルミン　https://www.mandarinelectron.com/theremin/
* [https://www.youtube.com/watch?v=e6bSRcRAhnc Don't Worry, Be Happy on theremin]
* [http://www.thereminworld.com/Article/14129/moog-music-introduces-polyphonic-theremin Moog Music Introduces Polyphonic Theremin]
=== マウステルミン ===
==== マウスの値をシンセに入力 ====
;mousestatでマウスの位置と速度の値を取得し、アナログシンセの変数に入力
*マウスのボタンのON/OF
*マウス位置のx座標
*マウス位置のy座標
*マウス速度のx成分
*マウス速度のy成分

[[ファイル:Synth20131210v1s.png]]

==== zmapを使って値を変換 ====

*AからBに変化する値を、XからYに変化する値に変換する。
<pre>
zmap A B X Y
</pre>
*0から255に変化する値を、0.0から1.0に変化する値に変換する。
<pre>
zmap 0 255 0. 1.
</pre>

[[ファイル:Zmap.png]]

[[ファイル:Zmap2.png]]

;FM合成とAM合成のパラメータをマウスの状態から入手

[[ファイル:MouseTerumin02.png]]

=== キーボードのキーの値を取得 ===

* key
**キーのアスキーコードを整数で取得する。

== カメラ入力を使ったインタラクション ==
=== 動き検出 ===
#jit.grabを使ってカメラ画像を取得。qmetroでサンプリング間隔を指定。
#jit rgb2lumaを使ってカラーをモノクロに変換。
#t l l (triger list list)を使って、動画のフレームデータの連続したリストを得て、順番を入れ替える。
#jit.opのabsdiff(差の絶対値)を使って、２つのフレームの差分をとる。'''動きが検出される'''
#jit.3mで差分の平均と最大値を取得し、diff_meanとdiff_maxに送信

[[ファイル:Camera_diff01.jpg|600px]]

;検出された動きの平均値と最大値からアナログシンセで音を生成する。
# diff_maxとdiff_meanを受け取り、
# zmapで値を変換して
# オシレータとLFOの周波数に入力している

[[ファイル:Camera_diff2synth.jpg|600px]]

=== 色の検出 ===

# '''jit.findbounds'''で、画像の中の特定の色を検出して、その領域を含む矩形の座標を得る。
# '''jit.lcd'''で、得られた矩形を囲う長方形を描く。

下記の例では、赤色の部分を検出し、面積を計算している。

[[ファイル:Color_detect_maxpat.png|600px]]

* 座標は、x軸が右向き、y軸が下向き。
* 得られる座標は、左上と右下。対角線上の頂点。

[[ファイル:Zahyou.jpg|300px]]

;検出された色からFM合成で音を生成する。
# 赤色を検出し、赤の領域の面積を求める、
# FM合成のキャリア周波数に面積に基づいていられた値を入力。

[[ファイル:Color_detect_synth_maxpat.png|900px]]

== マイク入力を使ったインタラクション ==
=== 基本周波数の検出 ===

# '''fzero~'''で、マイク入力の音声の基本周波数を検出
# '''cycle~'''や'''phazer~'''で、周波数の音を発振
# '''ftom'''で周波数をMIDIのピッチに変換
#0.0から1.0の音量の値に127をかけて、ベロシティに変換
#'''makenote'''と'''noteout'''でMIDIのピアノの音を出す。

[[ファイル:Fzero_noteout.png]]

== 参考リンク ==
*[http://www.kuhalabo.net/~kuha/nime/wiimu/ Wiiを使ったライブ演奏ムービの例]:遠藤綾香氏の作品例([http://nime2008.casapaganini.org/ NIME2008]に出展)
* Chikashi Miyama: "Angry Sparrow" http://www.youtube.com/watch?v=6U-TVZDaryE

== 関連項目 ==

== 参考 ==
[[作曲演習]]

[[Category:授業|授業]]

Max/MSPによるオーディオプログラミング

2025-10-03T05:16:33Z

Kuha：/* 各種フィルター */

== 音の物理的3要素 ==
通常、音の3要素とは、「高さ、強さ、音色」であるが、ここでは、「音色」の代わりに「長さ」を考慮する。

;高さ
: 周波数, 音高
;強さ
: 音量, ボリューム
;長さ
: 時間, 空間

== オシレータ ==
*発振器のこと。振動を発生させる器械のこと。
* サイン波 cycle~, ノコギリ波 phasor~
* 周波数
* adc~（マイク） dac~（スピーカー）
** a : アナログ：空気の振動
** d : デジタル：PCの中の数値
** c : コンバート

* 音量操作　*~
* 加算合成　+~

複数の周波数を足していくと、波形が変わっリ、音色が変わる。

[[ファイル:Sinwav.png]]
* line~によるなめらかな変化
[[ファイル:Sinline.png]]
* MIDIのpitchを周波数に変換　mtof~
[[ファイル:Sinemix.png]]

== LFO ==
;Low Frequency Oscillator（低周波発振器）
* LFOで、音源オシレータにモジュレーション（変調）をかける。
* AMとFMの違い
* 演算子（「*」や「+」）の位置は、オシレータ(cycle~)の前か後のどちらか？。

=== AM (Amplitude Modulation)合成 ===
* 波形（'''シグナル'''）を乗算（掛け算）する
* 波形の振り幅が変わる。すなわち、音量が変わる。
** トレモロ効果
** 振り幅変化の周期と深さを変える。

[[ファイル:05-07-01amSynth.png]]

=== FM (Frequency Modulation)合成 ===
* 周波数（'''数値メッセージ'''）を加算（足し算）する
* 波形の周波数が変わる。すなわち、音高が変わる。
** ビブラート効果
** 周波数変化の周期と深さを変える。

[[ファイル:05-08-01 fmSynth.png]]

==[[Envelope]](エンベロープ)==
*時間軸における音量変化。楽器ごとに個性がある。
*ピアノ、ギターなどはアタックが早く立ち上がるが、ストリングスはアタックがゆっくり立ち上がる。
* Maxではfunctionパッチを使って、音量変化を描く。
** クリックで点が増える。シフトクリックで点を消す。

[[ファイル:05-03-30envelope.png]]

== フィルター ==

=== スペクトル（[[周波数構成]]）===

=== 各種フィルター ===
*特定の周波数帯域をカットする。つまり、特定の周波数帯域のみを通す（パスする）。
** lowpass (highcut)
** hightpass (lowcut)
** bandpass
** bandstop
*周波数構成が変わるので、音質が変わる。
*EQ（イコライザー）の一種：周波数構成を加工して音色を整える。

[[ファイル:05-03-33filters.png]]

===lores~ ===

;レゾナンス付きローパス・フィルター lores~
:カットオフ周波数より高い周波数をカットする。
:レゾナンス（Q値）でカットオフ周波数近くのカーブの緩急を変える。
ホワイトノイズ'''noise~'''とピンクノイズ'''pink~'''でフィルターの効果を確かめる。

[[ファイル:Lores.png|800px|]]

=== reson~ ===

;バンドパスフィルタ reson~

reson~は、中心周波数以外を減衰させます。

Q値は100などの大きめの値を設定すると、角度が急になり、特定の周波数帯域を取り出せます。

[[ファイル:Reson.png]]

=== biquad~とfiltergraph~ ===

biquad~フィルタは様々なフィルタを作成できるオブジェクトです。

filtergraphは視覚的にフィルタを操作してフィルタの係数を計算します。

係数をbiquad~に送るとフィルタを作ることができます。

下の例は、ローパス（ハイカット）の例で、高周波の成分がカットされている様子が分かります。

[[ファイル:Biquad.png]]

鍵盤とエンベロープを付けた簡易シンセ

[[ファイル:05-03-34filter.png]]

== フォルマント合成 ==
楽器や人の声を特徴付けているのは周波数構成（スペクトル）である。

弦などの振動から発生する音波は、ボディの空洞などを通して、共鳴し、特定の周波数が強められたり弱められたりする。

これを共鳴（レゾナンス）という。
共鳴の結果として、その楽器や人に固有の周波数構成となり、特徴的な音色となる。

共鳴によって生じた周波数帯域の山の部分をフォルマントという。
フォルマントの構成パターンは、ピアノ、ギター、バイオリン、歌声などの音色を識別する要素となる。
フォルマントは、周波数の低いほうから第1フォルマント(F1)、第2フォルマント(F2)、第3フォルマント(F3)と呼ぶ。

人間の声の母音（アイウエオ）の識別を決めているのも、フォルマントである。
声帯の振動はノコギリ波に近いといわれており、この波形が、のど、口、鼻腔、横隔膜などで共鳴し、各母音の固有のフォルマントを構成する。

アイウエオの3つフォルマントF1, F2, F3は、以下の通りで、合成するとアイウエオらしく聞こえる。

<table border=1>
<tr><td>母音</td><td>F1</td><td>F2</td><td>F3</td></tr>
<tr><td>あ</td> <td>780</td> <td>1200</td> <td>2520</td></tr>
<tr><td>い</td> <td>310</td> <td>2300</td> <td>3080</td></tr>
<tr><td>う <td>330</td> <td>1120</td> <td>2350</td></tr>
<tr><td>え <td>470</td> <td>2040</td> <td>2250</td></tr>
<tr><td>お</td> <td>420</td> <td>710</td> <td>2530</td></tr>
</table>

下の例は、ノコギリ波をフォルマント合成して、母音らしく響かせている。
*人間の声帯の振動はノコギリ波に近い。
*声の周波数は微妙に揺らぐのでLFOでビブラートをかけると、母音らしくなる。
*ゲインは ''' F1 > F2 ＞ F3'''となっている。

[[ファイル:Formant.png]]

下の例は、キーボードから得たMIDIのピッチを周波数に変換して、ノコギリ波を生成し、フォルマント合成して、母音を発声している。

[[ファイル:FormantSynth.png|1000px|]]

左はノコギリ波のスペクトル、右はフォルマント合成後のスペクトル

== ディレイ Delay ==
*原音を時間を遅らせて再生する。エコー、やまびこ効果のこと。
*耳に聞こえてくる音は、原音以外に、壁や天井から跳ね返ってくる反響音が必ず含まれている。
*Max/MSPでは、tapin~とtapout~を使う。

=== 基本的なディレイ ===
[[ファイル:05-12-01BasicDelay1.png]]

* 原音を '''dry''' ディレイ音を '''wet''' と呼ぶ。

=== dry, wetをLRに分配 ===
[[ファイル:05-12-01BasicDelay2.png]]

=== delayを入力に戻す(FeedBack) ===
[[ファイル:05-12-04DelayFeedBack.png]]

=== delayタイムの異なる複数種類のwetを合成 ===
[[ファイル:05-12-02DelayMulti.png]]

* Reverb : 原音に余韻，残響感を付加する。Delayの集合体。

=== Delayの応用エフェクト ===

;delayタイムに手動で変化を加えて、ディレイ音を揺らがせる。
[[ファイル:05-12-06DelayYuragi.png]]

;delayタイムにLFOで変化を加えて、ディレイ音を揺らがせる。
* Chorus : Delay音が弱め。Feedbackが少なめ。
* Flanger : Delay音が強め。Feedbackが多め。
[[ファイル:05-12-10Chorus.png]]

== マウスを使ったインタラクション ==
;世界初の電子楽器 '''テルミン'''
* [https://ja.wikipedia.org/wiki/%E3%83%86%E3%83%AB%E3%83%9F%E3%83%B3 テルミン]
* テルミン　https://www.mandarinelectron.com/theremin/
* [https://www.youtube.com/watch?v=e6bSRcRAhnc Don't Worry, Be Happy on theremin]
* [http://www.thereminworld.com/Article/14129/moog-music-introduces-polyphonic-theremin Moog Music Introduces Polyphonic Theremin]
=== マウステルミン ===
==== マウスの値をシンセに入力 ====
;mousestatでマウスの位置と速度の値を取得し、アナログシンセの変数に入力
*マウスのボタンのON/OF
*マウス位置のx座標
*マウス位置のy座標
*マウス速度のx成分
*マウス速度のy成分

[[ファイル:Synth20131210v1s.png]]

==== zmapを使って値を変換 ====

*AからBに変化する値を、XからYに変化する値に変換する。
<pre>
zmap A B X Y
</pre>
*0から255に変化する値を、0.0から1.0に変化する値に変換する。
<pre>
zmap 0 255 0. 1.
</pre>

[[ファイル:Zmap.png]]

[[ファイル:Zmap2.png]]

;FM合成とAM合成のパラメータをマウスの状態から入手

[[ファイル:MouseTerumin02.png]]

=== キーボードのキーの値を取得 ===

* key
**キーのアスキーコードを整数で取得する。

== カメラ入力を使ったインタラクション ==
=== 動き検出 ===
#jit.grabを使ってカメラ画像を取得。qmetroでサンプリング間隔を指定。
#jit rgb2lumaを使ってカラーをモノクロに変換。
#t l l (triger list list)を使って、動画のフレームデータの連続したリストを得て、順番を入れ替える。
#jit.opのabsdiff(差の絶対値)を使って、２つのフレームの差分をとる。'''動きが検出される'''
#jit.3mで差分の平均と最大値を取得し、diff_meanとdiff_maxに送信

[[ファイル:Camera_diff01.jpg|600px]]

;検出された動きの平均値と最大値からアナログシンセで音を生成する。
# diff_maxとdiff_meanを受け取り、
# zmapで値を変換して
# オシレータとLFOの周波数に入力している

[[ファイル:Camera_diff2synth.jpg|600px]]

=== 色の検出 ===

# '''jit.findbounds'''で、画像の中の特定の色を検出して、その領域を含む矩形の座標を得る。
# '''jit.lcd'''で、得られた矩形を囲う長方形を描く。

下記の例では、赤色の部分を検出し、面積を計算している。

[[ファイル:Color_detect_maxpat.png|600px]]

* 座標は、x軸が右向き、y軸が下向き。
* 得られる座標は、左上と右下。対角線上の頂点。

[[ファイル:Zahyou.jpg|300px]]

;検出された色からFM合成で音を生成する。
# 赤色を検出し、赤の領域の面積を求める、
# FM合成のキャリア周波数に面積に基づいていられた値を入力。

[[ファイル:Color_detect_synth_maxpat.png|900px]]

== マイク入力を使ったインタラクション ==
=== 基本周波数の検出 ===

# '''fzero~'''で、マイク入力の音声の基本周波数を検出
# '''cycle~'''や'''phazer~'''で、周波数の音を発振
# '''ftom'''で周波数をMIDIのピッチに変換
#0.0から1.0の音量の値に127をかけて、ベロシティに変換
#'''makenote'''と'''noteout'''でMIDIのピアノの音を出す。

[[ファイル:Fzero_noteout.png]]

== 参考リンク ==
*[http://www.kuhalabo.net/~kuha/nime/wiimu/ Wiiを使ったライブ演奏ムービの例]:遠藤綾香氏の作品例([http://nime2008.casapaganini.org/ NIME2008]に出展)
* Chikashi Miyama: "Angry Sparrow" http://www.youtube.com/watch?v=6U-TVZDaryE

== 関連項目 ==

== 参考 ==
[[作曲演習]]

[[Category:授業|授業]]

Max/MSPによるオーディオプログラミング

2025-10-03T05:12:27Z

Kuha：/* 各種フィルター */

== 音の物理的3要素 ==
通常、音の3要素とは、「高さ、強さ、音色」であるが、ここでは、「音色」の代わりに「長さ」を考慮する。

;高さ
: 周波数, 音高
;強さ
: 音量, ボリューム
;長さ
: 時間, 空間

== オシレータ ==
*発振器のこと。振動を発生させる器械のこと。
* サイン波 cycle~, ノコギリ波 phasor~
* 周波数
* adc~（マイク） dac~（スピーカー）
** a : アナログ：空気の振動
** d : デジタル：PCの中の数値
** c : コンバート

* 音量操作　*~
* 加算合成　+~

複数の周波数を足していくと、波形が変わっリ、音色が変わる。

[[ファイル:Sinwav.png]]
* line~によるなめらかな変化
[[ファイル:Sinline.png]]
* MIDIのpitchを周波数に変換　mtof~
[[ファイル:Sinemix.png]]

== LFO ==
;Low Frequency Oscillator（低周波発振器）
* LFOで、音源オシレータにモジュレーション（変調）をかける。
* AMとFMの違い
* 演算子（「*」や「+」）の位置は、オシレータ(cycle~)の前か後のどちらか？。

=== AM (Amplitude Modulation)合成 ===
* 波形（'''シグナル'''）を乗算（掛け算）する
* 波形の振り幅が変わる。すなわち、音量が変わる。
** トレモロ効果
** 振り幅変化の周期と深さを変える。

[[ファイル:05-07-01amSynth.png]]

=== FM (Frequency Modulation)合成 ===
* 周波数（'''数値メッセージ'''）を加算（足し算）する
* 波形の周波数が変わる。すなわち、音高が変わる。
** ビブラート効果
** 周波数変化の周期と深さを変える。

[[ファイル:05-08-01 fmSynth.png]]

==[[Envelope]](エンベロープ)==
*時間軸における音量変化。楽器ごとに個性がある。
*ピアノ、ギターなどはアタックが早く立ち上がるが、ストリングスはアタックがゆっくり立ち上がる。
* Maxではfunctionパッチを使って、音量変化を描く。
** クリックで点が増える。シフトクリックで点を消す。

[[ファイル:05-03-30envelope.png]]

== フィルター ==

=== スペクトル（[[周波数構成]]）===

=== 各種フィルター ===
*特定の周波数帯域をカットする。つまり、特定の周波数帯域のみを通す（パスする）。
** lowpass (highcut)
** hightpass (lowcut)
** bandpass
** bandstop
*周波数構成が変わるので、音質が変わる。
*EQ（イコライザー）の一種

[[ファイル:05-03-33filters.png]]

===lores~ ===

;レゾナンス付きローパス・フィルター lores~
:カットオフ周波数より高い周波数をカットする。
:レゾナンス（Q値）でカットオフ周波数近くのカーブの緩急を変える。
ホワイトノイズ'''noise~'''とピンクノイズ'''pink~'''でフィルターの効果を確かめる。

[[ファイル:Lores.png|800px|]]

=== reson~ ===

;バンドパスフィルタ reson~

reson~は、中心周波数以外を減衰させます。

Q値は100などの大きめの値を設定すると、角度が急になり、特定の周波数帯域を取り出せます。

[[ファイル:Reson.png]]

=== biquad~とfiltergraph~ ===

biquad~フィルタは様々なフィルタを作成できるオブジェクトです。

filtergraphは視覚的にフィルタを操作してフィルタの係数を計算します。

係数をbiquad~に送るとフィルタを作ることができます。

下の例は、ローパス（ハイカット）の例で、高周波の成分がカットされている様子が分かります。

[[ファイル:Biquad.png]]

鍵盤とエンベロープを付けた簡易シンセ

[[ファイル:05-03-34filter.png]]

== フォルマント合成 ==
楽器や人の声を特徴付けているのは周波数構成（スペクトル）である。

弦などの振動から発生する音波は、ボディの空洞などを通して、共鳴し、特定の周波数が強められたり弱められたりする。

これを共鳴（レゾナンス）という。
共鳴の結果として、その楽器や人に固有の周波数構成となり、特徴的な音色となる。

共鳴によって生じた周波数帯域の山の部分をフォルマントという。
フォルマントの構成パターンは、ピアノ、ギター、バイオリン、歌声などの音色を識別する要素となる。
フォルマントは、周波数の低いほうから第1フォルマント(F1)、第2フォルマント(F2)、第3フォルマント(F3)と呼ぶ。

人間の声の母音（アイウエオ）の識別を決めているのも、フォルマントである。
声帯の振動はノコギリ波に近いといわれており、この波形が、のど、口、鼻腔、横隔膜などで共鳴し、各母音の固有のフォルマントを構成する。

アイウエオの3つフォルマントF1, F2, F3は、以下の通りで、合成するとアイウエオらしく聞こえる。

<table border=1>
<tr><td>母音</td><td>F1</td><td>F2</td><td>F3</td></tr>
<tr><td>あ</td> <td>780</td> <td>1200</td> <td>2520</td></tr>
<tr><td>い</td> <td>310</td> <td>2300</td> <td>3080</td></tr>
<tr><td>う <td>330</td> <td>1120</td> <td>2350</td></tr>
<tr><td>え <td>470</td> <td>2040</td> <td>2250</td></tr>
<tr><td>お</td> <td>420</td> <td>710</td> <td>2530</td></tr>
</table>

下の例は、ノコギリ波をフォルマント合成して、母音らしく響かせている。
*人間の声帯の振動はノコギリ波に近い。
*声の周波数は微妙に揺らぐのでLFOでビブラートをかけると、母音らしくなる。
*ゲインは ''' F1 > F2 ＞ F3'''となっている。

[[ファイル:Formant.png]]

下の例は、キーボードから得たMIDIのピッチを周波数に変換して、ノコギリ波を生成し、フォルマント合成して、母音を発声している。

[[ファイル:FormantSynth.png|1000px|]]

左はノコギリ波のスペクトル、右はフォルマント合成後のスペクトル

== ディレイ Delay ==
*原音を時間を遅らせて再生する。エコー、やまびこ効果のこと。
*耳に聞こえてくる音は、原音以外に、壁や天井から跳ね返ってくる反響音が必ず含まれている。
*Max/MSPでは、tapin~とtapout~を使う。

=== 基本的なディレイ ===
[[ファイル:05-12-01BasicDelay1.png]]

* 原音を '''dry''' ディレイ音を '''wet''' と呼ぶ。

=== dry, wetをLRに分配 ===
[[ファイル:05-12-01BasicDelay2.png]]

=== delayを入力に戻す(FeedBack) ===
[[ファイル:05-12-04DelayFeedBack.png]]

=== delayタイムの異なる複数種類のwetを合成 ===
[[ファイル:05-12-02DelayMulti.png]]

* Reverb : 原音に余韻，残響感を付加する。Delayの集合体。

=== Delayの応用エフェクト ===

;delayタイムに手動で変化を加えて、ディレイ音を揺らがせる。
[[ファイル:05-12-06DelayYuragi.png]]

;delayタイムにLFOで変化を加えて、ディレイ音を揺らがせる。
* Chorus : Delay音が弱め。Feedbackが少なめ。
* Flanger : Delay音が強め。Feedbackが多め。
[[ファイル:05-12-10Chorus.png]]

== マウスを使ったインタラクション ==
;世界初の電子楽器 '''テルミン'''
* [https://ja.wikipedia.org/wiki/%E3%83%86%E3%83%AB%E3%83%9F%E3%83%B3 テルミン]
* テルミン　https://www.mandarinelectron.com/theremin/
* [https://www.youtube.com/watch?v=e6bSRcRAhnc Don't Worry, Be Happy on theremin]
* [http://www.thereminworld.com/Article/14129/moog-music-introduces-polyphonic-theremin Moog Music Introduces Polyphonic Theremin]
=== マウステルミン ===
==== マウスの値をシンセに入力 ====
;mousestatでマウスの位置と速度の値を取得し、アナログシンセの変数に入力
*マウスのボタンのON/OF
*マウス位置のx座標
*マウス位置のy座標
*マウス速度のx成分
*マウス速度のy成分

[[ファイル:Synth20131210v1s.png]]

==== zmapを使って値を変換 ====

*AからBに変化する値を、XからYに変化する値に変換する。
<pre>
zmap A B X Y
</pre>
*0から255に変化する値を、0.0から1.0に変化する値に変換する。
<pre>
zmap 0 255 0. 1.
</pre>

[[ファイル:Zmap.png]]

[[ファイル:Zmap2.png]]

;FM合成とAM合成のパラメータをマウスの状態から入手

[[ファイル:MouseTerumin02.png]]

=== キーボードのキーの値を取得 ===

* key
**キーのアスキーコードを整数で取得する。

== カメラ入力を使ったインタラクション ==
=== 動き検出 ===
#jit.grabを使ってカメラ画像を取得。qmetroでサンプリング間隔を指定。
#jit rgb2lumaを使ってカラーをモノクロに変換。
#t l l (triger list list)を使って、動画のフレームデータの連続したリストを得て、順番を入れ替える。
#jit.opのabsdiff(差の絶対値)を使って、２つのフレームの差分をとる。'''動きが検出される'''
#jit.3mで差分の平均と最大値を取得し、diff_meanとdiff_maxに送信

[[ファイル:Camera_diff01.jpg|600px]]

;検出された動きの平均値と最大値からアナログシンセで音を生成する。
# diff_maxとdiff_meanを受け取り、
# zmapで値を変換して
# オシレータとLFOの周波数に入力している

[[ファイル:Camera_diff2synth.jpg|600px]]

=== 色の検出 ===

# '''jit.findbounds'''で、画像の中の特定の色を検出して、その領域を含む矩形の座標を得る。
# '''jit.lcd'''で、得られた矩形を囲う長方形を描く。

下記の例では、赤色の部分を検出し、面積を計算している。

[[ファイル:Color_detect_maxpat.png|600px]]

* 座標は、x軸が右向き、y軸が下向き。
* 得られる座標は、左上と右下。対角線上の頂点。

[[ファイル:Zahyou.jpg|300px]]

;検出された色からFM合成で音を生成する。
# 赤色を検出し、赤の領域の面積を求める、
# FM合成のキャリア周波数に面積に基づいていられた値を入力。

[[ファイル:Color_detect_synth_maxpat.png|900px]]

== マイク入力を使ったインタラクション ==
=== 基本周波数の検出 ===

# '''fzero~'''で、マイク入力の音声の基本周波数を検出
# '''cycle~'''や'''phazer~'''で、周波数の音を発振
# '''ftom'''で周波数をMIDIのピッチに変換
#0.0から1.0の音量の値に127をかけて、ベロシティに変換
#'''makenote'''と'''noteout'''でMIDIのピアノの音を出す。

[[ファイル:Fzero_noteout.png]]

== 参考リンク ==
*[http://www.kuhalabo.net/~kuha/nime/wiimu/ Wiiを使ったライブ演奏ムービの例]:遠藤綾香氏の作品例([http://nime2008.casapaganini.org/ NIME2008]に出展)
* Chikashi Miyama: "Angry Sparrow" http://www.youtube.com/watch?v=6U-TVZDaryE

== 関連項目 ==

== 参考 ==
[[作曲演習]]

[[Category:授業|授業]]