- 「点」の本質を幾何学の視点から解き明かす
- 単なるプログラミングの構文解説ではなく、「大きさを持たない位置情報」という点の定義を理解し、画面上に形が立ち現れる根本原理を掴む。
- コードと直感を結びつける
point(x, y);という1行のコードを、方眼紙にペン先を置くような手触りのある感覚と結びつけ、Processingでの座標イメージを直感的に思い浮かべられるようにする。- pointの参考記事:【Processing】pointの使い方【小さいので、大きさを変える方法も解説】
- 「知っていることしか見えない」面白さを体感する
- 点の意味を知ることで、ただの黒いドットを「幾何学の出発点」として捉え直し、メディアアート制作における解像度と視点を引き上げる。
どうもクリエイティブコーダーのワタタクです。
「画面に図形を描くとき、最初に書くコードは何ですか?」
Processingやp5.jsでコードを書き始めるとき、真っ先に触れるのが point(x, y); という命令です。 方眼紙のような画面のマス目に、ペン先を「トン」と置く。たったそれだけの動作ですが、実はここには、古代ギリシャから続く数学の最も美しく、最も奇妙な秘密が隠されています。
今回は、幾何学とメディアアートを繋ぐ最小の部品――「点」の本質を解き明かしていきます。
この記事を書いた人


クリエイティブコーダー
「才能」ではなく「発見」で描く。文系・36歳からの上達ログ。
- ゼロから独学でクリエイティブコーディングに挑戦し、以下の実績を達成
- 開始1年8ヶ月目までに公募6つに挑戦し、3つ入選(勝率50%)
- KITTE大阪の18メートルあるAxCROSS大型スクリーン
- 虎ノ門ヒルズステーションタワーB2F TOKYO NODE エントランスサイネージで展示
- UN:O(東京大手町)にある会員限定のサテライトオフィスにて2作品選出・常設展示
- 開始1年8ヶ月目までに公募6つに挑戦し、3つ入選(勝率50%)
- 開始1年9ヶ月目に、虎ノ門ヒルズ49階、地上250mのインフィニティプールへ作品提供・展示
「点」の最大の矛盾:大きさがないのに、集まると線になる?
手元の方眼ノートを開いて、ペンの先を交差点に「トン」と落としてみてください。
そこには小さなインクの粒が残ります。
しかし、幾何学の生みの親である古代ギリシャの数学者ユークリッドは、その著書『原論』の冒頭でこう言い放ちました。
「点とは、部分を持たないものである」
「部分を持たない」とはどういうことなんだろう?
それは、「幅も、長さも、面積も、体積も一切ない(ゼロである)」ということです。
- 紙の上の点(現実):虫眼鏡で見ればインクが滲んでいて、丸い面積を持っています。これは厳密には点ではなく、「ここに点がありますよ」というただの目印(標識)にすぎません。
- 数学の点(概念):大きさは完全にゼロ。「場所(ここであるという位置)」だけを示す、純粋な情報です。
大きさゼロのものをいくら集めてもゼロのはずなのに、それが連なると「長さのある線」になる。
幾何学の世界は、この不思議な割り切りの上に成り立っています。
「0次元」から世界が立ち上がる仕組み
幾何学の世界は、この「大きさゼロの点」が動き出すことで、まるで魔法のように次元を上げていきます。
- 点(0次元)位置情報だけが存在する。動かない。
- 線(1次元)点が一定の方向へツーッと動いた「足跡(軌跡)」。幅のない、純粋な「長さ」だけが生まれます。
- 面(2次元)線が横方向にスライドした「軌跡」。厚みのない、平らな「面積」が生まれます。
- 立体(3次元)面が上方向に積み重なった「軌跡」。空間の中に「体積」が生まれます。
三角形も、円も、私たちが住む立体的な空間も、すべては「大きさを持たない点がどう動いたか」になってるんですね。
物も細かい素材という名の点が集まってできているという発見がありました。
点ってすごい。
なぜ「点」に大きさを許してはいけないのか?
なぜ数学者たちは、「点には大きさがない」なんて面倒なルールにこだわったのでしょうか?
理由は極めてシンプルで、少しでも大きさを認めると、世界中の図形が狂ってしまうからです。
もし点に「消しゴムのような太さ」があったらどうなるでしょう?
2つの点を結ぼうとしたとき、端っこと端っこ、真ん中と真ん中など、何本もの線が引けてしまいます。
点が「位置情報そのもの」であり、一切のサイズを持たないからこそ、
- 2つの点を結ぶ直線は「絶対に1本」に決まる
- 角の頂点がブレず、角度を寸分狂わず測れる
すべての定理や美しい造形がカチッと積み上がるのは、最初の土台である「点」にミリ単位の曖昧さも許していないからなのです。
歴史が変えた「点」の役割:作図から座標へ
この「点」は、歴史の中で大きな進化を遂げました。
- ユークリッド幾何学(作図の時代)定規とコンパスの世界では、点は「2本の線がぶつかった場所(交点)」として現れました。線の始まりと終わりを決める「結び目」の役割です。
- デカルト座標(数式とプログラムの時代)哲学者デカルトが方眼紙に縦軸と横軸を引いたことで、点は「(x, y)」という数値のペア(座標)になりました。
このデカルトの発明によって、幾何学は計算できるようになり、やがてコンピューターの画面へと受け継がれました。
▼「そもそも幾何学ってどんな歴史があるの?」という方は第1回へ


Processingの座標の概念は、デカルトさんのおかげでできているんですね。
Processingで「点」を打つということ
ここまでの内容を知ったうえで、Processingを開いて、キャンバスに点を1つ打ってみます。


void setup() {
size(400, 400);
background(240);
// (200, 200) の位置に点を打つ
stroke(0);
strokeWeight(5); // 画面上で見やすくするための「標識の大きさ」
point(200, 200);
}画面中央に黒いドットが現れます。 strokeWeight(5); を指定しているのは、大きさがゼロのままだと人間の目に見えないため、あえて「標識」としてインクを太らせている状態です。
strokeWeight();については以下の記事を参考に。


コンピューターの中にある本質は、太さ5ピクセルの丸ではなく、「横200、縦200という位置データそのもの」です。
知っていることしか、見えない
「画面に点を1つ打つ」
以前なら単なるプログラムの1行に過ぎなかったコードが、幾何学の成り立ちを知った後では全く違って見えてきます。
無から有を生み出すための、最初の「位置」の決定。 ここから線が伸び、角度が生まれ、やがて複雑なアニメーションやメディアアートの骨格へと育っていきます。
世界を作る最小の部品は、ペン先をトンと置いた、その小さな交差点から始まっています。
点とはなんだろう?と気になったことがきっかけで書いた記事。
点について深く知っていることで、視野が広がり、クリエイティブコーディング表現力にも繋がると思ったので調べました。
全ての幾何学や、1つの点を打つことから始まる。
▼ あわせて読みたい
- 数学者は「点は大きさゼロ」と言うが、紙の上に打ってみたらどうなるのか?【WSN : A-011】
- 理論だけでなく、実際にペンを持って「点」を紙に打つと何が起きるのか?身体感覚から幾何学を深掘りした実験ログです。
- 大きさゼロの「点」に、幅・長さ・面積・体積を与えてみた ― Processingの point() だけで立ち上げる次元の実験【WSN : L-011】
- 今回の知識と関連させ、Processingで点をコードで表現しています。
- 【幾何学×Processing 連載シリーズ】
- 全体像:【幾何学×Processing】第1回:幾何学とは何か?世界を「形とルール」で捉え直すプロローグ
- 本記事:【幾何学×Processing】第2回:世界を作る最小の部品「点」の正体とは?
- 次回:線について
理論だけでなく、実際にペンを持って「点」を紙に打つと何が起きるのか?身体感覚から幾何学を深掘りした実験ログです。
それでは今日もレッツワクワクコーディング。

