Cocos Creator H5 小游戏 实例教程-消灭病毒

初阶

通过学习CocosCreator引擎,自己能独立完成消灭病毒这款小游戏.

4.6分 学习人数榜    第1 更新: 近三个月

收藏( 54 下载课程 二维码 下载学院APP 缓存视频离线看 学习社群 二维码 关注公众号 加入官方群

34407 学习人数 38小时47分钟 127课时
课程权益 15分钟内无条件退款 1、仅限付费视频课程适用
2、购买后15分钟内可以找到客服进行沟通退款
3、下载资料后不再享有退款特权
4、客服(Tel:400-101-1651)

24小时内答疑 随时随地观看课程 专属资料下载
  • 课程介绍
  • 课程大纲
  • 学员评价
  • 其他课程 1
  • 专题套餐

适合人群:

想独立开发游戏或是想转行做游戏的同学,这套教程都是你不二的选择.

课程目标:

通过学习CocosCreator引擎,自己能独立完成消灭病毒这款小游戏.

课程简介:

    游戏演示地址:http://virus.pxxcode.com/

    从CocosCreator这款引擎基础操作讲起,对游戏开发进行深入浅出的剖析,跟随老师一起进行代码的编写,100%还原消灭病毒这款游戏.

    学完后会对游戏开发有着深刻的认知,完全能力独立开发其他简单小游戏.但是需要同学有一定的编程基础,这部教程没有程序部分的基础讲解.

    这部视频完全是一部游戏开发实战视频,理论的讲解比较少.

展开更多

课程大纲-Cocos Creator H5 小游戏 实例教程-消灭病毒

资料下载
  • 第1章 成果展示

    6分钟1节

  • 1-1

    成果展示 游戏链接: http://virus.pxxcode.com/

    「仅限付费用户」点击下载“原游戏安装包.rar”

    [06:39] 开始学习
  • 第2章 准备工作

    1小时32分钟9节

  • 2-1

    自我介绍 自我介绍 - 潘旭 - 1983-2019 = 36 - 13-14年左右游戏开发. - 在沈阳**的棋牌 创胜 公司担任技术总监. - 麻将,斗地主,砸金花,捕鱼,水果机.等.... - 这套视频以实战为主.js javaScript 视频教程,网页前端.js的语法. - 优点是能学到很多东西. - 缺点时间有点长. - 2017年录的视频教程天天酷跑.CocosCreator - 学习心得,一定要跟着写代码. - 要有基础.不管什么语言.

    [11:44] 开始学习
  • 2-2

    游戏解析 游戏解析 主界面 - 金币,闪电,钻石 - logo - 关卡 - 点击领取 - 飞机 - 武器系统 - 副武器系统 - 金币系统 - 游戏设置 - 广告系统 游戏内界面 - 整体病毒血量. - 关卡数 - 当前金币 - 病毒剩余百分比 - 敌人:病毒 - buf - debuf 结算界面 - 关卡 - 闪电 - 赚取的金币 - 幸运大奖(广告) - tip 游戏玩法 控制飞机躲避病毒,并且发生子弹,消除病毒的数量. 每种病毒,特性不同. - 游戏设置 - 广告系统 游戏内界面 - 整体病毒血量. - 关卡数 - 当前金币 - 病毒剩余百分比 - 敌人:病毒 - buf - debuf 结算界面 - 关卡 - 闪电 - 赚取的金币 - 幸运大奖(广告) - tip 游戏玩法 控制飞机躲避病毒,并且发生子弹,消除病毒的数量. 每种病毒,特性不同.

    [07:58] 开始学习
  • 2-3

    开发工具1 游戏引擎 - CocosCreator - https://www.cocos.com - V2.0.10 版本 - 关心论坛.多逛逛,有问题可以提问. 代码编辑 - VSCode - 比较火的代码IDE - 谷歌浏览器. 资源编辑器 - TexturePacker ,plist 生成器 - ShoeBox :生成艺术字,拆分图片. 资源提取器 - platform-tools 解压出来放到C:\ - win键+R 打开cmd - 输入adb 不是内部命令 - C:\platform-tools 把这个路径配置到系统环境变量中 - connect com.kunpo.viruswar.jrtt 资源处理 - 用ps打开图片 - 选择通道 - ctlr+鼠标左键 - 回到图层 - ctrl+j - 另存png - shoeBox 裁切图片 - 单独处理每张图片

    [07:49] 开始学习
  • 2-4

    前期准备 前期准备 文档 - 策划提供给你具体的文案. - 原型图. - 策划文档,就是游戏本身. - 制作目标100%还原. 资源 - 图片 - 文字 - 动画 - 效果图,游戏本身. 代码 - CocosCreator ,跨平台,网页,安卓,苹果,小游戏, - 语言:JavaScript,TypeScript, - 变量,循环,函数,类.编程基础.c/c++ ,java , - B站 JS 语言.很多免费教程 - 点击率最高.

    [09:12] 开始学习
  • 2-6

    引擎讲解1 CocosCreator介绍 - 范例集合,非常关键,重头看到尾 - assets 所有的文件都要放到这里. - 尽量在编辑器里处理文件. - 鼠标右键按下,挪动视角 - 鼠标滚轮,上滚放大,下滚缩小,以当前鼠标所在位置为基准 - 绿色箭头是Y轴位置,向上+,向下- - 自身坐标系 - 世界坐标系有时间再讲. - 红色的X轴,左是-,右是+ - 组件,引擎的空间都是node挂载相应组件产生. - 引擎是以组件来驱动. - 设置默认浏览器,默认代码IDE

    [12:15] 开始学习
  • 2-9

    创建工程 创建工程 - 范例集合,都要看一遍.做到心里有数. - 创建scene文件夹,保存GameView.fire文件. - 创建文件夹放图片,texture - 移动,旋转,缩放.

    「仅限付费用户」点击下载“工具+资料.rar”

    [08:23] 开始学习
  • 3-1

    精灵图片 Sprite 精灵图片 Sprite - 游戏都是有资源图片组成的. - 调整Canvas画布大小,720 1280 - 自动宽和自动高,选者上的时候,游戏画布会自动适配手机分辨率 - 通过调整color,使自身白色图片改变颜色. - 九宫格,通过一张小图片,可以无限放大. - 必须是缩放位置是单色的图片 - sliced - 分为9个区域,四个角是不会进行任何缩放的. - 上下中间的区域是左右缩放 - 左右区域上下缩放 - 中心位置全方位缩放.

    [14:13] 开始学习
  • 3-2

    拼接场景top 拼接场景 - 把需要的资源文件拷贝到,res文件夹下 - 用texturePacker 制作成plist图集. - 用引擎创建plist文件夹. - 将生成的png,plist拷贝到plist文件夹下. - 看视频. - 子节点的属性跟随父节点变化而变化 1.按钮过度状态 - none:什么都不做. - color:用颜色来改变状态. - sprite:用图片来改变转改 - scale:用缩放改变状态

    「仅限付费用户」点击下载“008.拼接场景top.rar”

    [22:05] 开始学习
  • 3-3

    拼接场景logo1

    「仅限付费用户」点击下载“009.拼接场景logo.rar”

    [12:10] 开始学习
  • 3-4

    拼接场景logo2

    「仅限付费用户」点击下载“009.拼接场景logo.rar”

    [14:19] 开始学习
  • 3-5

    场景拼接-关卡

    「仅限付费用户」点击下载“010.场景拼接-关卡.rar”

    [10:07] 开始学习
  • 3-6

    领取金币

    「仅限付费用户」点击下载“011.领取金币.rar”

    [05:06] 开始学习
  • 3-7

    设置按钮

    「仅限付费用户」点击下载“012.设置按钮.rar”

    [04:15] 开始学习
  • 3-8

    进度条 进度条 - 左右进度. - 上下进度 - 圆形,扇形 - 首先设置sptrite属性,filled - filld type:radial 填充模式改成扇形 - 添加组件:progressBar

    「仅限付费用户」点击下载“014.进度条.rar”

    [06:05] 开始学习
  • 3-9

    九宫格 九宫格,通过一张小图片,可以无限放大. - 必须是缩放位置是单色的图片 - sliced - 分为9个区域,四个角是不会进行任何缩放的. - 上下中间的区域是左右缩放 - 左右区域上下缩放 - 中心位置全方位缩放.

    「仅限付费用户」点击下载“013.九宫格.rar”

    [15:57] 开始学习
  • 3-10

    飞机

    「仅限付费用户」点击下载“015.飞机.rar”

    [13:30] 开始学习
展开更多

5

学员评分

  • 0%
  • 0%
  • 0%
  • 0%
  • 0%
超过  “游戏开发”   88%的课程

    1
    非常糟

    2
    很差

    3
    一般

    4
    很好

    5
    非常好

      展开更多
      加载中
      没有了哦~
      仅需¥199.00
      关注公众号 领VIP会员
      下次再说

      点击打包下载,即可获取该课程全部资料

      打包下载
      充电节满减满200减20 满300减30 满500减50
      是否单独购买该课程?
      直接购买 去凑单
      在线
      客服
      APP
      下载

      下载Android客户端

      下载iphone 客户端

      官方
      微信

      关注官方微信

      返回
      顶部