![見出し画像](https://assets.st-note.com/production/uploads/images/64796156/rectangle_large_type_2_8edcc0e2fadb3160176f86836f82499e.png?width=1200)
【制作物共有】3D Diamond
制作日
2021年11月4日
使用しているプラグインなど
・webpack
・Typescript
・gsap
・three.js
・GLTFLoader
制作について
今回の制作の目的は「サイトを参考にデモサイトを作成すること」です。
今回参考するサイトは下記
このサイトの左上にちょこんとあるものをハンバーガーメニュー風にアレンジしたいと思います。
まずはBlenderで練乳の3Dモデルを作成します。
マテリアルをつけて簡単に
予想以上に3Dモデルが浮いてしまったので考え直します
ダイヤを作って挑戦してみようと思います。
形を整えます。
簡単にマテリアルを加えて完成です。
いちごの時より浮いてる感じがなくて良いです。これでいきます。
ダイヤモンドをクリックでメニューを開きます。
タイトルを加えて完成です。
参考
画像素材
この記事が気に入ったらサポートをしてみませんか?