@ngsm

UMT Inc(一橋大学発認定ベンチャー) と、株式会社メタファーという制作会社を運営 / Design Engineer / Creative Coder https://xitter.cf/t.co/lEdzaSsoK0, https://xitter.cf/t.co/yZdqDLTm49, https://xitter.cf/t.co/TUpi3fDxZr

 東京
metaphor.co.jp
Joined May 2007
  • Tweets8.3K
  • Following1.6K
  • Followers3.3K
1.5KMedia
font-family、2026年はどう書く？ システムフォントとNoto Sans JPの使い note.com/ngsm/n/nff3cfd044e0…

font-family、2026年はどう書く？ システムフォントとNoto Sans JPの使い｜Toshiyuki Nagashima

-apple-system で始まって、ヒラギノや游ゴシックが並んで、最後に sans-serif で終わる——あの長い font-family。プロジェクトからプロジェクトへ受け継がれていくうちに、一行ずつ意味を確かめる機会は、なかなか無いものです。 そして2025年、その並びの前提が静かに変わりました。Windows に Noto Sans JP が届くようになったのです。「じゃあ、もう...

note.com
6
1,500
gradient / structure #generativeart #creativecoding #p5js
1
1
11
290
openprocessing.org/@ngsm/303…

My Sketch - ngsm

openprocessing.org
44
Toshiyuki Nagashima retweeted
Processing Community Japan@PCD_Tokyo21h
📢 開催まであと5日 📢 10/24（土）の #PCDTokyo2026 では近藤邦雄先生、山辺真幸先生にご講演いただきます！ 生成AI時代のコーディングに興味のある方、ぜひ会場でお会いしましょう！ 詳細はこちら 🔽 processing.jp/event/pcdtokyo…
7
9
713
マンデルブロ集合を p5.js で描くnote.com/ngsm/n/nc419ec0c274… #creativecoding #generative #p5js #processing

マンデルブロ集合を p5.js で描く｜Toshiyuki Nagashima

マンデルブロ集合は、簡単な式を何度もくり返すだけで描ける、有名なフラクタルです。今回は p5.js でゼロから描いてみます。 マンデルブロ集合は式のくり返し 画面の点を1つずつ、ある数 c だと思います。その点について、z → z² + c という式を z = 0 から何度もくり返します。くり返すうちに z がどんどん大きくなって無限へ飛んでいく（発散する）点もあれば、いつまでも小さいまま留...

note.com
1
17
701
gradient / structure #generativeart #creativecoding #p5js
1
16
2
89
1,232
openprocessing.org/@ngsm/303…

My Sketch - ngsm

openprocessing.org
153
空間コロニー法で木を育てる note.com/ngsm/n/n7aa4f077f49… #creativecoding #generative #p5js #processing

空間コロニー法で木を育てる｜Toshiyuki Nagashima

今回は、枝が「空いている場所」へ伸びていく空間コロニー法（space colonization algorithm、Runions ら 2007）を書きます。L-system のような文字列の書き換えではなく、空間にまいた点へ枝を伸ばして木を作る方法です。 素直に書くと、木が終わらず枝が密集する 手順はこうです。まず樹冠の形に「引力点」をばらまく。各引力点は、一定の影響距離 di...

note.com
1
4
19
1,237
gradient / structure #generativeart #creativecoding #p5js
2
7
1
78
1,175
openprocessing.org/@ngsm/303…

My Sketch - ngsm

openprocessing.org
144
p5.jsでメタボールを書く — 重なった「場」の輪郭で、丸をなめらかにつなぐ note.com/ngsm/n/nc6f9a3d5334… #creativecoding #generative #p5js #processing

p5.jsでメタボールを書く — 重なった「場」の輪郭で、丸をなめらかにつなぐ｜Toshiyuki Nagashima

丸がぬるっと近づいて、ひとつにつながり、また離れていく。粘液やシャボンのような、あの有機的な形はメタボール（metaball）と呼ばれます。作り方は見た目ほど難しくありません。点のまわりに「場」を置いて、何個ぶんか足し合わせ、ある高さ（しきい値）の等高線を引く。ただそれだけで、丸がなめらかに合体します。 この記事は、それを p5.js で動かして、どこで詰まったか——輪郭がカクついた話と、ひ...

note.com
1
1
19
1,071
gradient / structure #generativeart #creativecoding #p5js
2
4
47
973
openprocessing.org/@ngsm/303…

My Sketch - ngsm

openprocessing.org
132
p5.jsでポアソンディスクを書く — 点を均等に、でも規則的でなくばらまく（Bridson）note.com/ngsm/n/n93914a6b66f… #creativecoding #generative #p5js #processing

p5.jsでポアソンディスクを書く — 点を均等に、でも規則的でなくばらまく（Bridson）｜Toshiyuki Nagashima

点をたくさんばらまきたい。でも random() で打つと、ダマになる所とスキマだらけの所ができて、むらが目立ちます。かといって格子状に並べると、今度は規則的すぎて機械っぽい。ほしいのは、均等だけれど規則的ではないばらまき方です。 これを作るのがポアソンディスクサンプリング（Poisson disk sampling。どの2点も最小距離 r より近づかない点配置）です。得られる点配置は blue...

note.com
3
18
996
gradient / structure #generativeart #creativecoding #p5js
2
14
2
71
1,310
openprocessing.org/@ngsm/303…

My Sketch - ngsm

openprocessing.org
131
p5.jsで拡散律速凝集を書く — ランダムに歩く点が、枝分かれに育つ（DLA）note.com/ngsm/n/n65fce9cdb4a… #creativecoding #generative #p5js #processing

p5.jsで拡散律速凝集を書く — ランダムに歩く点が、枝分かれに育つ（DLA）｜Toshiyuki Nagashima

でたらめに歩くだけの点が、ほうっておくと木やサンゴのような枝分かれに育つ。これが拡散律速凝集（DLA、diffusion-limited aggregation）です。粒子がランダムに動き（拡散）、ほかの粒子に触れると固着して育っていくモデルのこと。中央に種を1つ置き、遠くから粒子を1つ放って、ぶつかるまででたらめに歩かせる。種か、すでに固まった粒子に触れたら、そこで止まって固まる。これを繰...

note.com
1
17
904
gradient / structure #generativeart #creativecoding #p5js
3
6
50
886
openprocessing.org/@ngsm/303…

My Sketch - ngsm

openprocessing.org
114
gradient / structure #generativeart #creativecoding #p5js
1
17
1
104
1,486
openprocessing.org/@ngsm/303…

My Sketch - ngsm

openprocessing.org
176
Load more