Works

制作実績

canvasアニメーションを使ったサイト

使用スキル

  • HTML5
  • CSS3
  • JavaScript
  • jQuery
  • php
  • Sass
  • WordPress
  • Photoshop
  • Illustrator
  • Animate
  • Atom

担当業務

  • ディレクション
  • コーディング
  • フロントエンド
  • バックエンド
  • デザイン

ローディング画面の読み込みが完了するとアニメーションが始まります。canvasアニメーションで制御しており、あらゆるデバイスで再生されます。

  • アニメーション

    canvasで制御、全てのデバイスに対して適切なサイズになります。

  • z-indexで要素を重ねる

    z-indexで順番を調整して平面デザインで立体感を演出しています。

  • Instagram投稿→投稿画像がサイトに

    お客様がInstagramを投稿すると、赤枠部分に最新の投稿画像がサイトに表示されるように設定。

    InstagramのAPIを取得して自動的に表示されるようにしてます。