MEBY

@LuisBetx9 Gemini wrote it all so anything is fine by me. Must be easier than WGSL.

@meby_central Amo TSL

Three.js (TSL) + WebGPU で3D流体シミュレーション。 追加実装しました。 ・燃料と温度の相互作用に基づく燃焼モデルと爆発的な体積膨張 ・カールノイズによる乱気流の適用 コードはGemini 3.1 Pro Previewで生成。 #fluidsimulation #combustion #vfx #tsl #threejs #webgpu #gemini #ai

@avazqa @threejs Yes, I just described my idea, and Gemini wrote everything.

@meby_central @threejs This looks pretty interesting. 😬🤗

@XY01 Thank you. Glad you like it.

@meby_central ohhh very tasty

Three.js (TSL) + WebGPU でレイトレーシング。 Stochastic Fog (確率的フォグ)を実装しました。 コードは Gemini 3.1 Pro Preview で生成。 #backlighting #silhouette #raytracing #tsl #threejs #webgpu #gemini #ai

@bandinopla mebycentral.com/starters/webgp… I just provided the vision and Gemini wrote the whole thing. Only the AI knows what it actually wrote.

@meby_central no link to live view? just a video?

Three.js (TSL) + WebGPU で3D流体シミュレーション。 障害物との干渉のあるシミュレーションを作りました。 ・後方に形成されるカルマン渦列の可視化 ・レイマーチングによる密度描画 コードはGemini 3.1 Pro Previewで生成。 #fluidsimulation #navierstokes #tsl #threejs #webgpu #gemini #ai

@NyogSothep0 Thank you.

@meby_central vy good!

@irb0gie It's not the main raytracer, but here is the code for the decoupled architecture generated entirely by Gemini. github.com/MEBYCentral/we…

@meby_central and where is the code by gemini3.1?

Three.js (TSL) + WebGPU でリアルタイムレイトレーシング。 ポリゴン生成ページとレンダラーを分離し、WebSocketで繋ぐ仕組みを作りました。 外部から地形を送信し、シーン構築の自由度を上げています。 コードはGemini 3.1 Pro Previewで生成。 #raytracing #tsl #threejs #webgpu #gemini #ai

@de_vallibus Thanks. The main raytracer is too huge, so I had Gemini generate everything (code/docs) for the decoupled part. I didn't read or write a single line of code, same as the main project. I only did testing. github.com/MEBYCentral/we…

@meby_central is there a repository? i'd be interested to look at this. i am making a rust+threejs game engine. i already auto-generate rust apis to offload work. yours seems like a brilliant idea

@AiDevCraft Exactly. With a well-defined protocol, data generation and rendering become independent projects. The biggest advantage is being able to develop multiple generation tools in parallel without affecting the renderer.

@meby_central レンダラーとジオメトリ生成をWebSocketで分離する設計、シーンのホットスワップが可能になるから外部プロシージャル生成ツールとの連携が自然にできて拡張性が高い。TSL+WebGPUのcompute shader活用は従来のWebGL+GLSLより表現の幅が段違いですね。

@iabom I don't use real-time screen recording. I save each rendered frame into memory array, and then encode them all into an MP4 using ffmpeg.wasm in the browser.

@meby_central I can't get video recording to work. It's always low quality and laggy.

Three.js (TSL) + WebGPU でレイトレーシング。 カメラとキャラクター操作の記録・リプレイ機能を実装しました。 ・リアルタイムのプレイ操作を絶対時間で記録 ・プレイ記録からオフライン動画を生成 コードは Gemini 3.1 Pro Preview で生成。 #raytracing #tsl #threejs #webgpu #gemini #ai

@AltRealityGameX @threejs Thank you.

@meby_central @threejs Great stuff!

@AiDevCraft Thank you. That’s exactly right. I believe the strength of this approach is that it allows us to easily visualize "the quality of real-time rendering a few years from now," without waiting for hardware evolution.

@meby_central 操作記録→オフライン動画生成のパイプラインが実用的すぎる。リアルタイムのフレームレートに縛られずに高品質レンダリングできるから、ポートフォリオやデモ動画の制作コストが劇的に下がりますね。

@graykevinb Thank you. Hearing it compared to UE5 is the ultimate compliment.

@meby_central I love how UE5 is getting basically vibe coded. Wild times ahead

Three.js (TSL) + WebGPUでリアルタイムレイトレーシング。 物理エンジン(Rapier, CPU)によるTPSキャラクター制御を実装しました。 ・スロープなどの複雑な地形に沿った移動 ・壁との衝突判定 コードはGemini 3.1 Pro Previewで生成。 #kcc #rapier #raytracing #tsl #threejs #webgpu #gemini #ai

Three.js (TSL) + WebGPU でリアルタイム流体シミュレーション。 浅水方程式 (Shallow Water Equations) を実装しました。 ・地形にぶつかった波の自然な反射と干渉 ・512×512の2次元グリッド コードはGemini 3.1 Pro Previewで生成。 #fluid #simulation #swe #tsl #threejs #webgpu #gemini #ai

Three.js でインバースキネマティクス(IK)の挙動テスト。 足先を赤と青のマーカーに追従させています。 ・体が上へ離れると、足が限界まで引っ張られる ・体が下へ沈み込むと、関節が自動で曲がって姿勢が整う コードは Gemini 3.1 Pro Preview で生成。 #ik #animation #threejs #gemini #llm #ai