第11回ホームページ勉強会
第32日目2022年01月27日
今回の勉強は写真の3D回転スライドです
第28日目(2021年11月12日)の勉強会でQponさんの回転スライドショー、31日目(1月13日)の勉強回では変わった回転スライドショーの勉強を実施しましたが、今回は『css
だけで作る スライドショー・フォトギャラリー』というページの3D回転スライドショーを改造したアプリを使ってみましょう。
下図が、この写真の回転の1カットで、6枚の写真を順番に60°回転させ奥の写真は小さく、手前の写真は大きくして、3D感を出しています。
|
|
写真の回転の事例はここをクリックすると表示されます。
事前準備:500×500pxの写真6枚或いは8枚、10枚、12枚です。
オリジナルは写真6枚の回転ですが、8枚、10枚、12枚用に改造したアプリも準備しました。
ここから圧縮されたアプリとデータ一式をダウンロードし、何時もの様に解凍します。
解凍後に『3dKaitenSlide』内の「3dKaitenSlide6」~「3dKaitenSlide12」を起動して下さい。ファイル名の最後の数字は写真の枚数です。
|
3dKaitenSlide(3D回転スライドショー)の説明資料です。
|
|
|
2016-03-03 資料作成:三宅 節雄 |
|