skuare.net

JavaScriptライブラリjQueryのサンプルを中心にWebサイト構築に役立つ情報を紹介

画像に3Dの反射効果を与えるjavascript「3d image reflection with javascript」

以前、画像に反射効果を与えるjavascript「Reflection.js」を紹介しました。
今回紹介するのは、これを3D風にした3d image reflection with javascriptです。

sponsors

使用方法
3d image reflection with javascriptからファイル一式をダウンロードします。
<script type="text/javascript" src="http://yourdomain/prototype.js"></script>
<script type="text/javascript" src="http://yourdomain/scriptaculous.js?load=builder"></script>
<script type="text/javascript" src="http://yourdomain/reflection.js"></script>

上記を記述したら3Dの反射効果を与えたい画像をdiv id="id名"で括りscriptを画像直下に書き込めば完成です。
<div id ="id名">
<amp-img src="画像パス">
</div>
<script type="text/javascript">
new Reflect3D('id名');
</script>

画像に3Dの反射効果を与えるjavascript「3d image reflection with javascript」サンプル

sponsors

「画像に3Dの反射効果を与えるjavascript「3d image reflection with javascript」」をシェアする

記事作成:
記事URL:

TOP > > > 画像に3Dの反射効果を与えるjavascript「3d image reflection with javascript」

前の記事:
次の記事:パノラマ写真を3Dで縮小表示するjavascript「3D Panorama」

JavaScript

read more

Column

read more