为了账号安全,请及时绑定邮箱和手机立即绑定
简介:慕课网这款“2048私人订制”是让小伙伴通过大神老湿对2048这个游戏的讲解,让小伙伴们边玩边学,并且在玩的过程心中学习到游戏结构的开发、移动端的适配以及IOS、安卓端的开发过程,真正让你从各个角度定制自己的2048游戏!

1章 游戏架构

介绍制作页面独立游戏所需要的基本技术。以2048游戏为例,说明一个简单游戏的架构。在此基础上,搭建2048游戏的UI部分。
  1. 1-1 课程介绍 (00:53)
  2. 1-2 制作简单游戏所需要的技术 (03:05)
  3. 1-3 2048游戏架构 (09:22)
  4. 1-4 构建页面元素 (07:29)

2章 游戏逻辑

对2048游戏的初始部分逻辑进行详细的讲解。为之后的游戏交互,简单动画,以及私人定制属于你自己的2048打基础。
  1. 2-1 游戏逻辑 (10:04)
  2. 2-2 页面初始化过程分析 (09:28)
  3. 2-3 生成随机数动画 (03:06)

3章 游戏交互

游戏交互过程是指开发游戏响应玩家操作的代码部分,是一个游戏的重头戏。这部分为你深入介绍2048的游戏交互过程,分析2048游戏背后的交互原理。
  1. 3-1 了解游戏循环 (02:18)
  2. 3-2 基于玩家响应的游戏循环 (04:18)
  3. 3-3 交互细节 (10:06)
  4. 3-4 交互逻辑调试 (07:09)

4章 其他,优化以及私人订制?

最后几项工作,让你最终做出一个完整的2048游戏。给出一些优化方案,让你调优自己的游戏。最后,看看是否能够私人定制自己的2048?
  1. 4-1 GameOver部分 (04:57)
  2. 4-2 加入Score (03:27)
  3. 4-3 让游戏和原版一致 (04:37)
  4. 4-4 优化随机数生成算法 (03:06)
  5. 4-5 结语:提出问题,私人定制? (02:39)

5章 移动化你的2048

学习如何让游戏支持移动端的适应情况,以及viewport元信息的添加、页面头部、主体部分的处理以及子适应情况的处理,能够将你的游戏更好的显示出来。
  1. 5-1 调试神器 (04:08)
  2. 5-2 如何支持移动端 (01:26)
  3. 5-3 Viewport元信息 (02:05)
  4. 5-4 header部分处理 (02:39)
  5. 5-5 主体部分处理 (08:52)
  6. 5-6 细节、自适应处理 (02:54)

6章 触控你的2048

在移动端交互的方式主要是通过手指滑动来进行的,所以我们要针对移动端的设备和操作方式做一定的优化,从而达到更好的移动端显示效果。
  1. 6-1 如何支持触控 (01:27)
  2. 6-2 获得触控位置的坐标信息 (04:25)
  3. 6-3 实现触控逻辑 (04:43)
  4. 6-4 触控细节完善 (08:51)

8章 展示你的2048

通过前七章的学习,学员们迎来了一展身手的最终挑战。不畏层层难关,只为给自己一个证明。在思考、尝试、更正、再完善中,最终迎来了作品的完美收官。专属荣耀,你值得拥有;挑战2048,秀出属于你自己的2048!
  1. 8-1 代码展示:@扬州灬炒饭
  2. 8-2 代码展示:@return
  3. 8-3 代码展示:@一杯热茶
  4. 8-4 代码展示:@大花猫
  5. 8-5 代码展示:@未曾至
  6. 8-6 代码展示:@shinyaOwO
课程须知
具备HTML、CSS及JavaScript基本知识,掌握jQuery基本用法。
老师告诉你能学到什么?
游戏结构的开发、移动端的适配以及IOS、安卓端的开发过程。
意见反馈 常见问题 APP下载
官方微信
hv128