使用three.js实现3D轮播效果

1、前言

需求驱动技术研究:最近项目上要求3d效果居多,轮播效果我们以前一般用swiper就能实现,但是这次界面要求颇高,不得不研究一下three.js

2、学习历程

1、找相关技术博客,未找到符合的

2、琢磨官网,花时间看了看官方文档的介绍,发现three.js的文档不是很通熟易懂

3、开始动手实现一些简单的元素、材质、简单位移动画

4、查找文档和博客一步步实现需求

3、代码

github: https://github.com/Promise-23/threeJs

代码写得比较乱,在此不贴代码了,有兴趣的可以down下来看下,功能基本实现但略显单薄

喜欢的可以帮忙点个start,感谢!

4、写在最后

1、three.js的功能还是非常强大的,值得深入学习研究

2、数学功底略差,导致一个拉近功能完善不了,拉近角度一直控制不了,后续有思路再实现

3、下面感谢一些博主给的思路和指导!

https://blog.csdn.net/qq_30100043/article/details/80275413

https://blog.csdn.net/qq_30100043/article/details/80114794

https://www.cnblogs.com/v-weiwang/p/6072235.html

https://blog.csdn.net/mariosss/article/details/80665988

https://blog.csdn.net/ithanmang/article/details/84062933

https://www.cnblogs.com/silent-stranger/p/6027266.html

  • 1
    点赞
  • 4
    收藏
  • 打赏
    打赏
  • 7
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
©️2022 CSDN 皮肤主题:大白 设计师:CSDN官方博客 返回首页
评论 7

打赏作者

大前端驿站

你的鼓励将是我创作的最大动力

¥2 ¥4 ¥6 ¥10 ¥20
输入1-500的整数
余额支付 (余额:-- )
扫码支付
扫码支付:¥2
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、C币套餐、付费专栏及课程。

余额充值