
Visual Artist, Programmer / IE3 Founder, CEO. @IE3jp インターネットとプログラムを使って意匠をつくるひと。 https://xitter.cf/t.co/9dpbDre90n
Tokyo, Japan (Osaka)
Joined October 2009
- Tweets27.6K
- Following511
- Followers3.6K
- Likes38.5K
Pinned Tweet
15年前とかにoF+Kinectでやってた、人物をリアルタイムにDelaunay三角形分割してローポリ化するやつ。
当時は深度センサーないと無理だったのが、深度推定やら人物抽出とかできるしそろそろブラウザだけで完結いけるかな?と思ってやったらWebカメ1つとブラウザ完結で1発でいけた。
4並列で技術調査。単眼深度推定、MediaPipe特徴点、Delaunayリアルタイム性能、Deferred/GLTF出力の可能性。Depth Anything V2 SmallがWebGPUでブラウザ動作する時代。いい。。
- グリッド点 + Sobelエッジ検出 + MediaPipe顔ランドマーク130点 → Delaunay → 重心色でローポリ着色
- selfie_segmenterで人物マスク。元プロジェクトのKinect深度クリッピングと同じ効果
- Depth Anything V2 Smallで単眼深度推定 → Z押し出しで3D化。PerspectiveCamera + OrbitControls
パフォーマンス周り
- マスクは5フレームおきキャッシュで影響なし
- Depth推論が重い。1/4解像度(160x120)で推論回してまーいいかなくらい。この辺りは当時のKinectが良かったすね。
- Sobel計算はマスク先行取得で背景ピクセルをスキップ。あんま変わらんかった。
元プロジェクトでもやってた輪郭線をDelaunayに追加してポリゴン密度にメリハリつけるは、MediaPipeの
478点ランドマークでCannyより安定して再現できた。ちょっぱや。あとはDeferred
Renderingとか、GLTFで3Dプリントとかの方向もあったけど、普通に動いちゃったのでスケッチとしては満足してここまで。
とりあえずwebcamでサクッと見たい方はこちら🙋♀️
Train Diagram
時間×距離で列車を描く運行ダイヤグラム(Marey-Ibry図式)。特急は急傾斜、各停は階段状、貨物は破線のスジが交錯し、遅延が赤く滲んで後続へ波及、支障帯を越えてやがて定時に戻る。
#boucle #fridaydebugview #creativecoding
IE3展でB1Fに空間演出システムMOJURを用いたインスタレーション「Never Twice/同じ部屋は二度ない」を展示してます!
今日の17時までなのでお近く立ち寄りの際は是非〜☺️ #mif26
xitter.cf/ie3jp/status/211163961…
IE3の展示「Make it first.」は、本日最終日を迎えます。
本日は17:00までの開催となります。
ぜひ、この機会に会場で作品をご覧ください。
@contrast_tokyo
10/18(日) 11:00-17:00
入場無料
mif26.ie3.jp
#mif26 #IE3
結局3徹して当日を迎えた…😇
とりあえず遊びに来てください〜!🫶
いよいよ土曜日から2日間、IE3の展示「Make it first.」を開催します。
皆さまのお越しを心よりお待ちしております。
@contrast_tokyo
10/17(土) 11:00-19:00(17:00〜レセプション)
10/18(日) 11:00-17:00
入場無料
mif26.ie3.jp
#mif26 #IE3
Ledger Grid
kd-treeでパックした台帳ブロック登記簿。各塊は固有のギミック(ソート・反転・波形など)を隠し持ち、選ばれるたびに発動して音を鳴らしながら時折全体が組み変わる。
#boucle #fridaydebugview #creativecoding
you tanaka retweeted
今週の土日に代々木八幡のCONTRASTで行うIE3の展示に、僭越ながらゲスト枠で作品出展させていただきます。
久々の個人制作に加え、昨今の制作環境の変化などもあり中々悩みましたが、オンディスプレイで渋めな作品が出来上がりました。
他の作品も面白いと思うので、ぜひ遊びに来てください。
Weave Draft
織物組織図の 4分割記法で、タイアップ・綜絖通し・踏み順の 3面から布(drawdown)が行列演算で導出される。記譜を書き替えると布の柄が同時に織り変わる、黒地に白系グレーの単色布。
#boucle #fridaydebugview #creativecoding
ここ数ヶ月ずっと上げてたシーン動画ですが boucle っていう自作プロダクトのために作ったりしてました。
電源を入れると、自作のシーンが小さな画面の中で流れ続けます。#boucle
今週末10/17(土)-18(日) の IE3 First Exhibition「Make it first.」で実物を初出展します。
代々木公園駅1分の CONTRAST、入場無料。是非見に来てください〜! #boucle
xitter.cf/IE3JP/status/210553949…
Fiber Cross Section
curlとsinkを合成した流れ場をRK4積分した流線が、輪郭の外縁から内部の分岐核へ収束していく断面標本プレート。発散が正の帯では線を間引いて川筋を疎にし、線は曲率で太さを微かに変え、末端は一点へテーパする。
#boucle #fridaydebugview #creativecoding











