制作日

2021年11月4日

使用しているプラグインなど

・webpack
・Typescript
・gsap
・three.js
・GLTFLoader

制作について

今回の制作の目的は「サイトを参考にデモサイトを作成すること」です。

今回参考するサイトは下記

このサイトの左上にちょこんとあるものをハンバーガーメニュー風にアレンジしたいと思います。

まずはBlenderで練乳の3Dモデルを作成します。

マテリアルをつけて簡単に

予想以上に3Dモデルが浮いてしまったので考え直します

ダイヤを作って挑戦してみようと思います。

形を整えます。

簡単にマテリアルを加えて完成です。

いちごの時より浮いてる感じがなくて良いです。これでいきます。

ダイヤモンドをクリックでメニューを開きます。

タイトルを加えて完成です。

参考

画像素材

https://pixabay.com/ja/