リキッドガラス球体スタジオ

ガラス球のアニメーションを作成し、透過 PNG、ループ WebM、単体 HTML として書き出します。

Processed on this page. No uploads. Your input is not saved.

ライブプレビュー

WebGL2 シェーダーレンダラー

入力や設定は送信されず、このブラウザー内で描画されます。

ライブプレビューを準備しています…

背景

WebM の透過はブラウザーのコーデックによって異なります。編集ソフトで確認してください。

フラグメントシェーダー

Web プロジェクト用のガラス球を作成

プリセットを選び、球体とハイライトを調整して、モックアップ用の透過 PNG、6 秒ループ、単体 HTML レンダラーを書き出します。

例と期待される結果

例:オーロラを選び、透過をオンにします。1024 px で書き出すと、球体の周囲が透明な 1024 × 640 PNG になります。WebM のアルファ対応はブラウザーのコーデックと編集アプリによって異なります。