エンジニアリングの実験を、お使いのブラウザで。
ウェブで何ができるかを試すために、私たちのエンジニアがつくるもの。リアルタイムグラフィックス、シミュレーション、無料ツール。どれもお使いの端末で動きます。
無料ツール
WebGPUチェック
お使いのブラウザとGPUでWebGPUが動くか、どの機能と上限があるか、この端末で3D製品ページに何を期待できるかを、1秒でお伝えします。
WebGPU · WebGL 2 · 無料ツールGLSLプレイグラウンド
私たちのレイマーチングシェーダーを、その場で編集できます。数値を変えると面が変わります。エラーは行番号つきで表示されます。
GLSL · Three.js · 無料ツール3Dモデル最適化ツール
glTF、GLB、OBJをドロップしてください。三角形数、テクスチャ、マテリアル、メモリを1秒で返し、スマートフォンで動かすために直すべき点をお伝えします。解析はGoをWebAssemblyにコンパイルしたものがブラウザ内で行い、何もアップロードされません。
Go → WebAssembly · 無料ツール同じ部屋
2台の端末で同じルームコードを入力して開いてください。カーソルと共有オブジェクトが、WebRTCを介してリアルタイムに2台の間を動きます。シグナリングサーバーは自作です。
WebRTC · WebSockets · 無料ツールお使いのブラウザで稼働中
毎月ひとつ、新しい作品を公開します。それぞれに、仕組みと1フレームあたりのコストについての短い解説を添え、公開を選んだものはソースも添えます。
ホームページの地球儀
GPU上の42,000の点が集まってeORBのマークになり、それが開いて回転する地球儀になります。時間はひとつ、シェーダー内で計算しています。スクロールして通り過ぎると一時停止し、動きを減らす設定にしていれば静止したままです。
Three.js · GLSL · ホームページで稼働中動画ではなく、シェーダーです。
数百行のGLSLから毎フレーム計算される面。符号付き距離場をピクセルごとにレイマーチングし、フレームレートの表示も備えています。
GLSL · このページで稼働中まず何を変えるべきか、お聞かせください
貴社の製品にも取り入れたいですか。30分の通話を予約してください。