第六讲 vue3+threejs工业产品减速器可视化案例

[复制链接]
查看: 2045   回复: 9     教程主体

296

主题

296

帖子

1633

积分

管理员

Rank: 9Rank: 9Rank: 9

积分
1633
2023-12-27 23:39:33   显示全部楼层   阅读模式  
1.png


在线预览地址:https://www.xiefansq.cn/threejsP/2024/2/9/#/fadongji

本期项目教程技术栈快照介绍:点击跳转

1)-本期项目技术栈应用亮点

1.ui界面,之前基本都是静态得ui,就算有所动画也基本都是程序控制得简单ui效果

采用第三方库svgaplayerweb,让我们静态页面可以调用svga文件,从而让动态得视频得美术力可以应用在web项目上面

1.png

2.png
2.使用blender最合理得摄影表规划,美术阶段得制作解析,我们一个glb文件就可以包含3个动画
开发部分也用到了这三个动画,交叉调用实现,丰富得模型动态交互效果

2.png


3.应用css3d精灵标签标注,本期商业将从开发角度详细介绍其中得锚点概念,让标签锚点始终定位在我们想要他在位置
而不是乱跑偏



4.介绍常见得描边封装滤镜,他的综合写法,已经加了之后,画面变模糊锯齿得情况,其中滤镜抗锯齿得处理方案

1.png

5.本次项目对于threejs整体再次进行了,解耦整合,我们教程也会基于解耦整合的包来进行开发
-为啥不从零开发呢?

-现实中有能二开节省时间,谁特么从零开发 啊 ,那么不纯纯白给时间嘛~~
现实就是更快把事情解决把钱赚到手 ,过程不重要~~

但是咱们教程我会解释一下封装逻辑的,更多会用就行了~~

2.png

课程总共分为8小节

一、发动机项目美术提取制作 项目顶层设计规划

二、二开准备 路由配置介绍.,改拓自研得vue3threejs代码包

三、glb模型上拓展程序

四、静态ui界面布置

五、blender+c4d摄影表得交互编辑逻辑

六、摄影表分层动画程序调用详细解析

七、css3d标注按钮交互逻辑

八、模型高光描边ui交互逻辑解决多余测量小白点

正式教程购买,注册即可观看

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










回复

使用道具 举报

0

主题

8

帖子

38

积分

新手上路

Rank: 1

积分
38
2023-12-28 09:08:30   显示全部楼层  
讲两句就讲两句
回复

使用道具 举报

0

主题

5

帖子

20

积分

新手上路

Rank: 1

积分
20
2024-2-1 20:15:27   显示全部楼层  
6666666666
回复

使用道具 举报

0

主题

5

帖子

26

积分

新手上路

Rank: 1

积分
26
2024-2-21 13:07:47   显示全部楼层  
学习一下老师的教程
回复

使用道具 举报

0

主题

14

帖子

84

积分

注册会员

Rank: 2

积分
84
2024-2-28 16:19:56   显示全部楼层  
而强大的擦撒大苏打
回复

使用道具 举报

0

主题

14

帖子

84

积分

注册会员

Rank: 2

积分
84
2024-3-13 17:57:29   显示全部楼层  
阿三发射点发生法沙发沙发
回复

使用道具 举报

0

主题

6

帖子

20

积分

新手上路

Rank: 1

积分
20
2024-6-15 00:42:28   显示全部楼层  
1231313123123
回复

使用道具 举报

0

主题

1

帖子

10

积分

新手上路

Rank: 1

积分
10
2024-7-3 15:15:05   显示全部楼层  
qwertyuiop
回复

使用道具 举报

0

主题

4

帖子

16

积分

新手上路

Rank: 1

积分
16
2024-7-3 15:15:53   显示全部楼层  
感谢群主分享
回复

使用道具 举报

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

高级模式

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