ラボ
動くところが見たくて作ったもの。
スタジオのデモと無料ツールです。すべてお使いのブラウザで、お使いのハードウェア上で動きます。ご自由に使い、共有してください。自社製品向けに作りたい場合は、ご連絡ください。
無料ツール
01
WebGPUチェック
お使いのブラウザとGPUでWebGPUが動くか、どの機能と上限があるか、この端末で3D製品ページに何を期待できるかを、1秒でお伝えします。
WebGPU · WebGL 2 · 無料ツール02GLSLプレイグラウンド
私たちのレイマーチングシェーダーを、その場で編集できます。数値を変えると面が変わります。エラーは行番号つきで表示されます。
GLSL · Three.js · 無料ツール033Dモデル最適化ツール
glTF、GLB、OBJをドロップしてください。三角形数、テクスチャ、マテリアル、メモリを1秒で返し、スマートフォンで動かすために直すべき点をお伝えします。解析はGoをWebAssemblyにコンパイルしたものがブラウザ内で行い、何もアップロードされません。
Go → WebAssembly · 無料ツール04同じ部屋
2台の端末で同じルームコードを入力して開いてください。カーソルと共有オブジェクトが、WebRTCを介してリアルタイムに2台の間を動きます。シグナリングサーバーは自作です。
WebRTC · WebSockets · 無料ツールこのサイトで稼働中
毎月ひとつ、新しい作品を公開します。それぞれに、仕組みと1フレームあたりのコストについての短い解説を添え、公開を選んだものはソースも添えます。
140,000点
ホームページのヒーロー。GPU上のパーティクルが次々と別のかたちに変わり、最後にeORBのマークになります。誰でも見られるよう、WebGLで動かしています。
Three.js · GLSL · ホームページで稼働中動画ではなく、シェーダーです。
数百行のGLSLから毎フレーム計算される面。符号付き距離場をピクセルごとにレイマーチングし、フレームレートの表示も備えています。
GLSL · ホームページで稼働中作りたいものをお聞かせください。
エンジニアが内容を読み、数分以内にお客様の言語で返信します。どのプロジェクトも、固定価格の2週間のプロトタイプから始まります。