みなとみらいバージョンも作ったんですが、SDKから書き出した3Dモデルが大きすぎて、モバイルではクラッシュしますｗ unshift.co.jp/labs/plateau-v… #webgpu #webgl #creativecoding #threejs pic.x.com/LUFTqO0TJq

インスタンス用のバッファに座標値や色を入れてポリラインの頂点とインデックスデータは共有。 描画命令も各文字1回のみなので効率がいいはず #WebGPU

文字をポリラインで描画できるようにしたのでガイド線の表示機能を作るためにひとまず目盛り線と数値をレンダリング。数値のポリラインを都度作るのは嫌なのでインスタンスレンダリングした。 #WebGPU pic.x.com/C2HfjgIz5R

🎨連載「WebGPUではじめる3DCGアニメーション入門」第9回公開！ 💡ユニフォームバッファで、 カメラやパースペクティブ行列をシェーダーへ！ ✅三角形を遠近法で描画 ✅ワールド行列で回転アニメも追加 3D描画の基礎がさらに深まる回です✨ 🔗thinkit.co.jp/article/38554 #WebGPU #3DCG #JavaScript

ブラウザで動かす、WebGPU版Geo3x3 in WGSL + JavaScript fukuno.jig.jp/4816 #WGSL #WebGPU

Geo3x3、111言語目のサポート、Web標準WGSL on Deno fukuno.jig.jp/4814 #Geo3x3 #WGSL #WebGPU

文字情報のベジェ曲線を使ってポリラインを作ってみた。終点のみを使ったものよりだいぶ滑らかになった。見た目はこれで十分な気がする。 #webgpu pic.x.com/RAVG0uAWxA

rustのttf-parserで取得した輪郭線の座標に水平移動量を加算して文章のポリラインデータを作って3D表示 #webgpu pic.x.com/7eOLj4mwFl

スポーツの秋なので、今日もエアーでドリブルしています。 #computervision #mediapipe #threejs #webgpu pic.x.com/V345yjlkg4

線分は以前実装した四角形にしてクリッピング座標で四角形を作る方法 #WebGPU

環境マップ、やりたい事は全部試せた。 360度の絵から六面の絵を作る&フィルターかけて綺麗にする（webgpuと関係ないんだけど…） 次は曲線を描いてみよう。 #webgpu

JavaScriptで物理演算を作ってみました。 スローモーションの世界で、力の伝わり方を観察できます。 #WebGPU #WebAssembly pic.x.com/j59JrudCsS

重い腰をあげてWebGPUを触ってる。事始めにVATをTSLに移植。 With iOS 26 arriving, I transported the VAT animation to WebGPU. online demo 👉webgpu-catwalk.krfd.jp #threejs #webgpu #tsl pic.x.com/yXAlP8JCDh

💡「色と座標を操る言語」知ってますか？ WebGPU連載の第8回を公開！ テーマはRust風の新シェーダー言語WGSL👇 ✅頂点シェーダー＝座標を計算 ✅フラグメントシェーダー＝色を決定 ✅GLSLとの違い＆内蔵関数の活用法 あなたはGLSL派？WGSL派？👉 🔗 thinkit.co.jp/article/38494 #WebGPU #WGSL #3DCG

先日CSSのみで動かした3Dの蝶々を紹介しましたが、JavaScript + Three.jsで作る方が実は簡単です。 JSだと表現の自由度も高く、インタラクティブな制御もしやすいです。次の作例は3D表現として、床に反射させています。 （反射にぼかしを使うのもポイント）。 #WebGPU pic.x.com/NteZLYNiM6