
you tanaka
@rettuce • 3,511 subscribers
Visual Artist, Programmer / IE3 Founder, CEO. @IE3jp インターネットとプログラムを使って意匠をつくるひと。 https://t.co/9dpbDre90n
Shorts
Videos

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でサクッと見たい方はこちら🙋♀️
you tanaka110,462 görüntüleme • 2 ay önce

Vue Fes Japan 2025のオープニングムービーとカウントダウン映像を制作しました。 Vue.jsコミュニティのエネルギーとフレームワークの進化を、ジェネレーティブプログラミングによる視覚表現で描いています。 カウントダウン映像(160秒)は、クレジット表記いただければテックイベント等でご自由にお使いいただけます。 使用前にご一報いただけると嬉しいです。 ※改変・再配布はご遠慮ください 制作・ビジュアルプログラミング: YOU TANAKA (IE3) 音楽: YOU TANAKA (IE3) with Suno 企画協力: Vue Fes Japan (Vue Fes Japan) ▼ 詳細 📺 Opening Movie ⏱️ 160sec Countdown -- Created the opening movie and countdown visuals for Vue Fes Japan 2025. This visual piece represents the energy of the Vue.js community and the evolution of the framework through generative programming expressions. The 160-second countdown is free to use for your tech events with credit! Just drop me a message before using it. (No resale / redistribution please) Production / Visual Programming: YOU TANAKA (IE3) Music: YOU TANAKA (IE3) with Suno Planning Support: Vue Fes Japan ▼ More Info 📺 Opening Movie ⏱️ 160sec Countdown #VueFes #VueFesJapan2025 #Vue #Vuejs #GenerativeArt #CreativeCoding #openFrameworks
you tanaka14,601 görüntüleme • 7 ay önce
Daha fazla içerik yok.