ポートフォリオサイト(レスポンシブ対応)
全体をスクロールしない仕様にし、全体を把握しやすい形にしました。 まだ一般的な形式ではないですが、これこそが未来のWebページであるという提案です。 オープニングアニメーションが流れた後、メイン画面がフェードインします。左に7つのメニューがありカーソルをのせると回転してメニュー内容が登場します。 それぞれの中身で記事が長いようでしたらスクロールできるようになっています。 プラグイン等は使用していません。流れてくる文字、回転メニューの仕組み、Skillの円グラフアニメーションまで全て手作りです。左の大きな丸の周りに7つのメニュー内容を均等に配置するために三角関数を用いています。 回転において、360度がメニュー数7で割り切れないことによる誤差や、浮動小数点演算誤差も克服しています。 オープニングやメインメニュー裏の文字の流れは動画ではありません。HTMLのテキストです。これらはランダムの色・文字・場所で流しています。 このページ作成は処理の重さとの戦いでした。泣く泣く諦めた機能も数多くあります。JQueryのみで作成する限界点かもしれません。次の道具立てを模索します。