第五讲VUE3+threejs电脑手机双平台眼镜产品案例全栈教程

[复制链接]
查看: 2684   回复: 7     教程主体

312

主题

312

帖子

1745

积分

管理员

Rank: 9Rank: 9Rank: 9

积分
1745
2023-9-1 03:29:28   显示全部楼层   阅读模式  
1.jpg


本期项目效果

https://www.xiefansq.cn/threejsP/2023/9/1/



本节课程分为14节 一下是本期课程得 教程目录

使用vue和threejs结合起来,解决实战中会遇到一些问题,学会本节课程做一些复杂产品文物数字化。。。产品交互ui展示将更加顺手
而且本节课程所展示得案例,相对较浅,但是也是实战最最有可能会碰到得需求。。。解决实际问题,多多赚钱才是最重要滴

1项目应用简介 制作范围和灵感搜集

2pc端页面UI设计

3手机界面的ui设计

4.设计物料得切图整理为开发做准备

5模型特殊玻璃材质得制作,以及产品阴影得烘焙

6.vue+vite+threejs相关环境搭建教程

7threejspc详细css堆砌加载页面得开发

8结合我们得开发解耦包 载入我们glb文件

9书写glb页面得ui界面

10glb按钮详情开发1

11组件父子传值完成pc端得开发工作

12手机端调试环境配置

13手机端整体项目适配开发

14打包vue项目以及一些优化如何传到在线服务器上查看


学习本节课程需要你掌握一些前置课程就是前端vue框架得基础这里一些基础讲得不够详细得

大家可以学一下我推荐得vue3得基础课程哈

尚硅谷  



项目规划大纲
2.jpg

项目页面美术规划
1.jpg

项目美术切图
3.jpg

三维glb适配程序准备
4.jpg

架构本次项目得,vue3组件思维导图
5.jpg


下面是正式课程

1、项目应用简介 制作范围和灵感搜集



2、pc端页面UI设计

游客,如果您要查看本帖隐藏内容请回复















回复

使用道具 举报

0

主题

14

帖子

88

积分

注册会员

Rank: 2

积分
88
2023-9-1 13:56:41   显示全部楼层  
好好学习天天向上
回复

使用道具 举报

0

主题

6

帖子

28

积分

新手上路

Rank: 1

积分
28
2023-9-1 15:10:57   显示全部楼层  
11111111111
回复

使用道具 举报

0

主题

6

帖子

42

积分

新手上路

Rank: 1

积分
42
2023-9-4 20:46:53   显示全部楼层  
666666666666
回复

使用道具 举报

0

主题

8

帖子

30

积分

新手上路

Rank: 1

积分
30
2023-10-26 10:28:30   显示全部楼层  
好好学习天天向上
回复

使用道具 举报

0

主题

7

帖子

46

积分

新手上路

Rank: 1

积分
46
2023-11-1 12:46:27   显示全部楼层  
66666666666666
回复

使用道具 举报

0

主题

6

帖子

20

积分

新手上路

Rank: 1

积分
20
2024-6-15 00:44:00   显示全部楼层  
313223132123
回复

使用道具 举报

0

主题

4

帖子

22

积分

新手上路

Rank: 1

积分
22
2024-7-9 17:02:02   显示全部楼层  

好好学习天天向上
回复

使用道具 举报

您需要登录后才可以回帖   登录 立即注册

高级模式

南通谢凡软件科技有限公司