妙味移动端实战开发:“淘宝造物节”3D空间VR场景应用
学前基础:掌握CSS定位、可以独立做出JavaScript拖拽
案例截图:
第一节:transform基本方法讲解
涉及知识点:
transform2D,transform3D,3D硬件加速,rotate,translate,scale,skew,perspective,perspective-origin,transform-origin,transform-style,
backface-visibility,IOS下3D的BUG说明
第二节:transform获取和运动
涉及知识点:
transform的获取,matrix,封装transform的获取方法,自定义属性,tween
第三节:造物节loading动画制作
涉及知识点:
animation动画、3d坐标计算,animationend事件, 图片loading,加载进度监控
第四节:造物节内容圆柱制作,加拖拽圆柱移动
涉及知识点:
正N边形公式推算,3D圆柱的制作,内圆柱的实现,移动端滑屏,滑屏圆柱移动
第五节:完整版造物节整合重力加速的实现,类VR 360°全景场景的制作
涉及知识点:
重力加速事件,重力减速的兼容,利用重力加速配合3D制作全景场景
第六节:练习讲解:
涉及知识点:
重力感应的3D照片球
课程介绍
课程目录
往期学员作品
用户评论
课程介绍
课程目录
往期学员作品
用户评论
你将获得
- 掌握某些知识点
- 学会某些技巧(或思路)
教学服务
1v1专属答疑服务
BAT专家面试辅导
课程详情
温馨提示
- 请勿私下交易请勿在平台外交易。与机构和老师私下交易造成的任何损失及纠纷,腾讯课堂不承担任何责任
- 听课说明
1、电脑:访问腾讯课堂官网 ke.qq.com 查看我的课表或下载win/mac客户端听课
2、手机/平板:下载腾讯课堂APP, 进入学习页面听课