第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 資料作成:三宅 節雄