ポートフォリオサイトのスクリーンショット

ポートフォリオ

この web サイトです。ペンギンイラストの名刺に合わせたデザインになっています。

自分用のポートフォリオということで今までアイディアはあったけど使って来なかった演出などをたくさん使っています。中にはブラウザサポートをあまり考えていないものもあるので新しめの chrome で見てほしい。

Three.js をメインに使ったコンテンツは何度か作ったことがありましたが、今回のように演出として使ったのは初めてです。Three.js の外のコンテンツとの兼ね合いでのタイミング制御(ペンギンが飛び出す等)には悩みました。

当初は LP だし SPA にしなくていいかと思ってましたが、状態管理が辛いので次やるときはちゃんとしようと思った。

web サイトを作るためにまず 3D モデルのアニメーション制作をするというレアケースです。動かなくてもかわいいペンギンが動きます!感動ものですね。