@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
オプ・アートとは何か note.com/ngsm/n/na229f2633ba… #opart #kineticart #mathart #creativecoding #generativeart

オプ・アートとは何か｜Toshiyuki Nagashima

オプ・アートは、幾何学的な形と色の並べ方によって、見る人の知覚に運動・振動・ちらつき・残像といった効果を起こす表現です。鍵になるのは「何を描くか」より「どう並べれば知覚がどう動くか」で、模様の設計そのものが効果を決めます。 「オプ・アート（Op Art）」は "optical art"（オプティカル・アート、光学的な美術）の略です。この呼び名が広まったきっかけは、アメリカの『タイム』誌196...

note.com
10
65
4,273
Boidsを3Dにする note.com/ngsm/n/n32e8e37f5a9… #creativecoding #generative #p5js #processing

Boidsを3Dにする｜Toshiyuki Nagashima

前回は、2次元でボイド（鳥や魚の群れのシミュレーション）を作りました。今回は、それを3次元にします。 群れを動かす計算は、ほぼそのまま使えました。手がかかったのは描画です。三角形の代わりに円錐を並べても、同じ色の小さな形が散らばっているように見えて、奥行きがつかみにくい。そこで、光を当て、空間の境界を箱で描き、斜めから眺められるようにしました。 群れのルールに z を加える 分離・整列・結合...

note.com
1
13
809
gradient / structure #generativeart #creativecoding #p5js
12
1
62
1,004
ボイドで群れを動かすnote.com/ngsm/n/n0ffe78819f5… #creativecoding #generative #p5js #processing

ボイドで群れを動かす｜Toshiyuki Nagashima

鳥や魚の群れは、1匹ずつが近くの仲間だけを見て動くと、全体はまとまって流れます。これをコンピュータで再現したのがボイド（boids）で、Craig Reynolds が1987年に発表しました（Reynolds 1987）。今回は p5.js で、ライブラリを使わずに動かします。詰まったのは、3つのルールの力を素直に足したら群れにならず、速度が際限なく増えてしまった点です。 近くの仲間だけを...

note.com
5
29
1,762
gradient / structure #generativeart #creativecoding #p5js
2
9
1
59
921
openprocessing.org/@ngsm/304…

My Sketch - ngsm

openprocessing.org
144
これ、本当に助かりました。
ITmedia NEWS
@itmedia_newsOct 21
高市総理「大至急、PHPパッチ適用を」Xで異例の要請　エンジニアは評価「経営層に伝わる」 itmedia.co.jp/news/article/2…

高市総理「大至急、PHPパッチ適用を」Xで異例の要請　エンジニアは評価「経営層に伝わる」

首相が個別のソフトウェア脆弱性について、Xで直接対応を呼び掛けるのは異例。エンジニアからは「総理が発信したことにより、経営層にもリスクが認知される」など一定の評価が出ている。（1/2 ページ）

itmedia.co.jp
2
11
479
保守契約してないところ結構あるだろうけど、大丈夫なのだろうか。
241
ありがたい！しかし、これ公式サイトでもアナウンスされてるのかな。探して社長の投稿にたどり着いたんだけど。。
田中邦裕社長＠さくらインターネット
@kunihirotanakaOct 22
Replying to @kunihirotanaka
さくらインターネットでは、コントロールパネルで選べる過去のPHPについても独自にバックポートし、EOL(サポート終了)を迎えたバージョンにおいても対策を行いました。 その為、お客様で行なって頂くことは特にありませんが、これを機に最新バージョンへのシステムの移行をお願いします。
1
1
317
まさかPHP対応で待機になると思わんかったな。ひょえー。
1
4
703
尊敬するデザイナー、山中俊治さんのサイトを株式会社メタファーで担当させていただきました。世に知られた数々の作品はもちろん素晴らしく、手描きスケッチの繊細な線にも見惚れてしまいます。 shunjiyamanaka.com/

Shunji Yamanaka

山中俊治 / Shunji Yamanaka。プロダクトデザイナー、LEADING EDGE DESIGN 主宰。日産自動車を経て独立し、ロボット・義足・鉄道車両から日用品まで、工学と美を横断するデザインを手がける。東京大学・慶應義塾大学で教鞭をとる。

shunjiyamanaka.com
1
1
33
1,726
オプ・アートをコードで描く：ライリー、ヴァザルリ、モアレを手で動かすnote.com/ngsm/n/n895612c2862… #creativecoding #generative #p5js #processing

オプ・アートをコードで描く：ライリー、ヴァザルリ、モアレを手で動かす｜Toshiyuki Nagashima

① ライリーの波 横の波線を何本も引きます。全部を同じだけ上下させて、等間隔に並べる——いちばん素直な書き方です（u は上端0・下端1、波の振幅は一定）。 // 平板になる版：線を等間隔に並べて、同じ波を足す let y = u * height; y += amp * sin(TWO_PI * px / width); 動かすと、確かに波打ちます。でも「きれいな波トタン」どまりで、ちらつか...

note.com
1
7
25
1,487
gradient / structure #generativeart #creativecoding #p5js
2
5
39
729
openprocessing.org/@ngsm/304…

My Sketch - ngsm

openprocessing.org
140
gradient / structure #generativeart #creativecoding #p5js
2
5
50
1,128
openprocessing.org/@ngsm/303…

My Sketch - ngsm

openprocessing.org
160
Toshiyuki Nagashima retweeted
Processing Community Japan@PCD_TokyoOct 19
📢 開催まであと5日 📢 10/24（土）の #PCDTokyo2026 では近藤邦雄先生、山辺真幸先生にご講演いただきます！ 生成AI時代のコーディングに興味のある方、ぜひ会場でお会いしましょう！ 詳細はこちら 🔽 processing.jp/event/pcdtokyo…
8
1
15
2,016
マンデルブロ集合を 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
1
17
1,150
gradient / structure #generativeart #creativecoding #p5js
2
18
2
104
1,503
openprocessing.org/@ngsm/303…

My Sketch - ngsm

openprocessing.org
195
Load more