课程分类

课程介绍
课程目录
用户评论
课程介绍
课程目录
用户评论

你将获得

  • 掌握某些知识点
  • 学会某些技巧(或思路)

教学服务

  • icon

    1v1专属答疑服务

  • icon

    BAT专家面试辅导

课程详情

妙味移动端实战开发:“淘宝造物节”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照片球




温馨提示
  • 请勿私下交易
    请勿在平台外交易。与机构和老师私下交易造成的任何损失及纠纷,腾讯课堂不承担任何责任
  • 听课说明

    1、电脑:访问腾讯课堂官网 ke.qq.com 查看我的课表或下载win/mac客户端听课

    2、手机/平板:下载腾讯课堂APP, 进入学习页面听课