公開中 [Three.js] WebGLフルイド・モザイク・スライド

実用性/汎用性のあるWebGLを用いた、画像を置き換えるだけで様々な表現が可能なスライダーのソースコードをダウンロード販売します。

デモサイト

https://yuto-takahashi.com/demo/fluid-mosaic-slide/

対応ブラウザ

- macOS Chrome / Safari

- iOS Chrome / Safari

ブレンドパターン [参考]

assets/img/kv_bg_blend.jpg のブレンド画像を好きな画像に置き換えるだけで様々な表現に変更できます

README要約

[商品説明]

- Three.jsを用いたWebサイトテンプレート

- 簡易サーバー or Webサーバーで起動

*ローカル環境で起動する場合は、簡易サーバを使用してください

[できること]

- LPやポートフォリオなどにそのまま使用可能

- 別コンテンツに組み込んで使用可能

- シェーダーをカスタマイズ可能

- PC / SP対応

[利用条件]

- 商用利用 : 可

- クライアントワーク : 可

- 改変 : 可

- 再配布・再販売 : 不可

- 著作者記載 : 不要

[動作環境]

- macOS Chrome / Safari

- iOS Chrome / Safari

[注意]

Three.jsを大幅にカスタマイズする場合、Three.jsの基礎知識が必要

詳細はREADMEに記載