ポートフォリオ（初期）

GSAP HTML/CSS JavaScript Three.js

ポートフォリオサイトです。
職業訓練での卒業制作として作成しました。訓練にて学んだデザイン作成、コーディング技術に加えてGSAPによるアニメーションを取り入れたサイトとなっております。

WEB SITE

POINT: ・初めてのGSAPによるスクロール連動アニメーション
初めてGSAPを使用したスクロール連動のアニメーション作成を行いました。レスポンシブ対応させるのがなかなか大変でしたが、とても勉強になりました。

・Three.jsによる背景アニメーション
FVの背景と次のセクションへの背景アニメーションをThree.jsを使用して描画処理を作成しました。前へ進む、移動している感を表現したかったのですが、正直なところ満足のいく出来ではなく、独学での技術の使用をチャレンジしてみたという結果となりました。

・作品紹介ページのスクロールバーのカスタマイズ
作品紹介ページの画像スクロール部分（スクロールバー）を現状出来る限りのカスタマイズを行いました。作成したデザインに合わせるカスタマイズの難しさを実感しました。
ページ数: 4 ページ
使用技術: GSAP / Three.js / JavaScript / HTML/CSS
URL: https://portfolio-sub.mikanbako.jp
Github: https://github.com/y-nagai0725/portfolio
デザイン: Figmaページ（閲覧のみ可能です）