20 lines
791 B
Markdown
20 lines
791 B
Markdown
|
# 3D
|
|||
|
|
|
|||
|
|
## Three.js
|
|||
|
|
|
|||
|
|
Hucky 选用 [three.js](https://threejs.org/manual/#zh) 作为 3D 框架，您可以学习相关知识
|
|||
|
|
|
|||
|
|
## 首页
|
|||
|
|
|
|||
|
|
Hucky 的首页层叠关系非常复杂，在这里做解释
|
|||
|
|
|
|||
|
|
- z-10 导航栏 fixed 位于所有元素的最上方
|
|||
|
|
- z-8 悬浮文字 仅次于导航栏，要求用户最先看到
|
|||
|
|
- z-7 Three.js Canvas 位于悬浮文字下方，要求用户在看到悬浮文字后立即看到 3D 模型，同时将 canvas 背景透明，让用户可以看到 canvas 下方的主内容
|
|||
|
|
- z-5 主内容区域 位于 Three.js Canvas 下方，主要提供了背景颜色
|
|||
|
|
- z-1 页脚 位于所有元素的最下方且 fixed，完成了类似幕布拉开的效果
|
|||
|
|
|
|||
|
|
## 3D 动画
|
|||
|
|
|
|||
|
|
Hucky 选用 [GSAP](https://gsap.com/docs/v3/) 作为 3D 动画库，您可以学习相关知识
|