tilamic.jsというモジュールを作成&公開しました
tilamic.jsというJavascriptモジュールを作成し公開しました。
tilamic.jsは画像をタイル状に分割しタイルを個別にCSS3を用いて3次元回転させるモジュールです。
こちらのデモをご覧いただくとどういったものかがわかると思います。
またソースもGitHub上で公開しています。(MITライセンス)
GitHub - artgear/tilamicjs: tilamicjs ver. 1.0.0
特徴としては
- 画像を縦横それぞれ何枚設置するかを自由に設定可能
- IE7,8,9などCSS3未対応ブラウザで自動的に代替の動作を行う機能
- 画像が回転する順序、向きなどをカスタマイズ可能
- レスポンシブ
などがあります。
現状手持ちの機材の関係でWindows版のIE7,8,9,11とChrome,FireFox,Operaの各最新版でしか動作確認していないのですがその他のブラウザでも動作するはずです。
ただ、スマホですとリソースの不足で不安定な動きになるかもしれません・・・。
次回以降の記事でtilamic.jsの使い方の紹介や作成の過程で気が付いたCSS3の注意が必要な点などを書こうと思います。
ぜひ一度ダウンロードして使ってみてください。
