cocos creator 3d 3.0《懒猫跑酷》 实战开发教程

最新推荐文章于 2024-04-16 09:49:17 发布
最新推荐文章于 2024-04-16 09:49:17 发布
阅读量7.2k 收藏 32
点赞数 6
分类专栏： cocos3d跑酷实战开发 文章标签： cocos3d
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/koljy111/article/details/113825458
版权

文章目录


视频演讲稿： 点击观看

cocos creator 3d 3.0实战开发

cocos creator 3d 游戏开发
在这里插入图片描述
荐语：
3.0的版本我个人觉得非常好用！使用下来开发效率明显提升了不少
但是！
3.0对于2.x的版本来言改变较大
近日有开发者们在群里有发出抱怨
“资料实在太少了”，“有没有例子呀？？？”

 甚至出现2.0项目移植到3.0过程中，出现卡问题的情况
 主要原因是：对新的代码架构不熟悉，老接口不知道如何转换

从而浪费大量了的时间摸索，导致了项目进度没有确定性

为此制作了这期课程和项目
 对于有经验的开发者，只需要阅读源码即可快速过渡到3.0
 对于新手用户也有详细的视频教程

学习本课程至少节省3-7天时间！

在这里插入图片描述

欢迎各位开发者进群进行交流学习
QQ群730358845
在这里插入图片描述
欢迎来到 cocos creator 3d 3.0 实战开发教程
cocos creator 3d 教程
cocos 教程
cocos 3.0 教程
cocos creator 3.0 教程
cocos creator 教程
cocos 3d 教程
在这里插入图片描述

大家好，我是杰
本人资历
游戏开发前端程序，6年开发经验

2014-2018年从事U3D开发
2018年至今从事小游戏开发（laya，cocos3d）

教育培训资历
2016年《泰课在线》签约讲师
2020年《腾讯课堂》签约讲师

在小游戏领域单品注册用户超过600万的部分产品展示

参与过的作品:
《怪物逃X》《空中飞X》《水枪奇X》
《滑板冲冲X》《蛋糕飞X》《纠结大X》等
在这里插入图片描述
在这里插入图片描述

实战效果项目演示
在这里插入图片描述

​
​在这里插入图片描述

课程目录
Cocos 3d 3.0《懒猫跑酷》 教案

01安装调试hello world
输出hellwo，构建高效代码开发环境

02 3d资源到导入
为场景创建一个猫和一个天空盒和一条道路,以讲述材质类型的区别

03 猫的奔跑和操作
实现奔跑左移和右移,画播放

04 生成无缝地图
设计无缝创建类，且利用对象池优化内存

05 生成障碍物和鱼

07 碰撞检测

08 搭建游戏中UI（UI适配）+位图字体

09 动态加载资源-复活页

010 声音和震动功能

011 搭建首页场景

012 分包加载
搭建读取进度条界面,实现分包加载逻辑

013 发布微信

014 使用心得
讲述优缺点，性能,评估商业价值

课程的设计是一款已经上线并且的盈利的项目
把游戏工业化中最常用的功能整理，并且精简出来
之所以这样设计，是为了把教学和商业实战结合起来
把学习的时间和成本降到最低

欢迎各位开发者进群进行交流学习
QQ群730358845
在这里插入图片描述
感谢观看本次视频

01搭建开发环境hello world

目标
创建空项目,打印hello world和断点

开发者应预先安装
Visual Studio Code
Google Chrome
cocos creator 3d 且集成3.0编辑器

以上工具在Q群均可下载

设置中文
在这里插入图片描述

设置vscode 路径
在这里插入图片描述
安装
debugger-for-chrome
在这里插入图片描述
在这里插入图片描述

在这里插入图片描述

添加配置文件

新建Helloworld脚本
新建场景helloworld
给任意对象挂上脚本
在这里插入图片描述

保存 ->运行

在这里插入图片描述

技巧

代码更改后快速预览
在这里插入图片描述
ctrl+shift+P打开键盘快捷键

在这里插入图片描述

在这里插入图片描述
在这里插入图片描述
快捷键设置为CocosCreator compile编译任务

在更改代码后，刷新浏览器即可

你很有可能遇到编译失败
在这里插入图片描述

使用vscode进行编译，需要安装curl 工具
安装教程
https://jingyan.baidu.com/article/a681b0dec4c67a3b1943467c.html

完成！下期见

02 导入3D资源,搭建游戏场景

内容太多具体看视频操作
在这里插入图片描述
总结

这节我们掌握了cocos 3D 编辑器的基本操作，并且摆放好了场景中的模型

我们通过更改的材质让显示效果达到最佳

把重复的材质提取为公用材质，提高了渲染性能

本节讲解完毕，感谢收看本期视频
欢迎各位开发者进群进行交流学习
QQ群730358845
在这里插入图片描述
感谢观看本次视频

03 控制猫移动

内容包含: 3d模型 播放动作文件，控制猫的前进，通过鼠标滑动，控制左移和右移动

04生成无缝地图

内容包含:无缝地图的编码设计，代码实例化预制体，利用对象池优化内存

05生成障碍物和鱼

在下图可见，建筑物，障碍物，奖励品的创建过程只有小部分不一样
针对这种情况,使用面向对象开发思想,进行代码复用，重载创建规则，则可以达到事半功倍
在这里插入图片描述

感谢收看本期视频
欢迎各位开发者进群进行交流学习
QQ群730358845
在这里插入图片描述
感谢观看本次视频

06 碰撞检测+动画编辑器

为猫，障碍物，鱼分别添加碰撞体

为障碍物制作倒下的动画和竖起的动画

编写猫吃到的鱼的逻辑和撞到障碍物的逻辑

需要注意的是要把物理模块更改为内置物理(因为不需要物理碰撞效果而且类库代码小)
在这里插入图片描述

07 UI模块和UI适配（位图字体）

搭建复活页和游戏页作为演讲素材

在这里插入图片描述

感谢收看本期视频
欢迎各位开发者进群进行交流学习
QQ群730358845
在这里插入图片描述
感谢观看本次视频

09 动态加载资源-复活页

编写UI管理类，实现动态加载资源

本节实现了复活逻辑和动态加载复活页，资源管理类的编写，和UI管理类的编写

感谢收看本期视频
欢迎各位开发者进群进行交流学习
QQ群730358845
在这里插入图片描述

010 场景切换

首页场景->游戏场景->游戏失败->
本节的知识要点包括，资源包的导入和导出，代码加载场景,制作首页UI并编写控制脚本

首页场景的创建
相信看过第三节课程的开发者也掌握场景搭建的方法了，就不再录制搭建的过程了
我事前已经搭建好了场景，现在只需要导入资源即可

在这里插入图片描述

感谢收看本期视频
欢迎各位开发者进群进行交流学习
QQ群730358845
在这里插入图片描述

010 声音模块+数据存取

完成游戏中声音的设计

为了模块能全局调用 ,声音管理类设计为场景单例,

声明常驻根节点，该节点不会在场景切换中被销毁。

保存声音的设置-数据存取类

感谢收看本期视频
欢迎各位开发者进群进行交流学习
QQ群730358845
在这里插入图片描述

011 场景设置+课程总结

为游戏场景添加天空模型和雾化效果

本套设计课程到这里就全部完结

课程章节文件目录展示
在这里插入图片描述

后续课程介绍

因为
本套课程侧重于 游戏制作和设计

所以
商业平台对接部分会单独开一个课程讲解
（vivo,oppo,抖音，QQ，微信，百度，魅族，小米，华为）

  微信开发
  	
       解决微信包体需要小于4兆
       	微信平台的编码和资源架构
       实现分包加载和进度条显示
       震动功能
       平台的常见问题和处理手段
       比如程序切后台到前台的切换回导致声音中断，等情况
       最终目的是发布到真机运行
       
       想要深入学习的开发者可以进入
       QQ群730358845
	   届时会群内发布课程内容

在这里插入图片描述

      现在进行本套课程回顾
           开发环境的搭建和断点，通过VScode进行编译和运行
           资源导入和导出
           3d编辑器的使用
           模型材质的设置和优化
           动画系统的使用(动画编辑器+配置模型动画)
           	预制体的制作和使用
           	ui制作和ui适配
           	碰撞器
            
           
           	游戏编码设计和架构	
            代码动态加载资源,切换场景
	        数据存取
	        声音模块
	        ui管理类
	        单例模式
	        对象池
	        理解脚本生命周期
	        碰撞检测
	        
	        以上是 学习任何开发引擎都要经过步骤和思想
	       本课程均有涵盖
	        
	      《懒猫跑酷》 cocos creator  3.0 游戏开发教程完结
	      感谢敢看本套课程



	  幕后花絮:
	  今天是21年3月1号
	  cocos 3.0 《懒猫跑酷》 设计开发教程 
	  从2月22号开始制作
	  使用时间7天半
      
     去年8月也讲过一次这个题材，用的是其他引擎
     之所以再次使用这套题材作为讲解，是因为有经验积累，可以把课程时间和输出内容把控好
     
     我预想中的效果要求，精练流畅，从易到难，具有实际意义.
     
		实现过程:把知识点划分好，在恰当的时机逐个抖出要点，节点之间编写承上启下的语言过渡
		课程结构和文稿一共改过两版
      
        改完文稿之后，就给自己定制了每天坚持至少完成一节课的录制任务
    
       最终在今天完更，特此记录，作为留念

分包加载

    2021/03/03 微信平台功能的制作
		震动功能完成
		发布微信平台配置分包
		微信平台主包内容需要小于4M,我们游戏资源已经12M，所以要构建分包，以达到符合平台要求
		本节我们编写了进度加载，分包资源的架构说明，并且通过了真机测试

在这里插入图片描述

编程之力
关注
  • 6
    点赞
  • 踩
  • 32
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 7
    评论
专栏目录
Cocos Creator 基于时序设计的跑酷游戏方案
toolman01的博客
01-28 908
把需要的状态一一定义出来，包括跑，跳，左右移动，暂停，失败。那么只需要一个节段控制脚本，负责按预设数量/概率/map去实例化自己左/中/右位的道具，再加一个路面控制脚本负责“发射”节段/控制节段时序，速度，生效时间，判断当前哪个节段在角色脚下。回到上面的参考图，如果把一个左中右道具位是做一个“节段”，则可以把整个路面视作从某一个生成点开始，持续“发射”节段，使其向下平移拼合而成的。interface定义，包括状态机实例引用，状态动画，动画片段名，入/出状态回调，可切换至的state列表，状态锁定时间。
Cocos Creator 3D开发入门----CocosCreator3D篮球.zip
12-13
Cocos Creator 3D开发入门----CocosCreator3D篮球.zip import { _decorator, Component, Node, RigidBodyComponent, PhysicMaterial, ColliderComponent } from "cc"; const { ccclass, property } = _...
重磅！Creator 3.0 3D跑酷游戏，连载视频教程！
奎特尔星球
03-02 768
讲师资料 阿杰，游戏开发前端程序，6年开发经验，2014-2018 年从事 U3D 开发，2018年至今从事小游戏开发。教育培训资历2016年《泰课在线》签约讲师2020年《腾讯课堂》签约...
CocosCreator实现左右跳游戏JumpLR.zip
12-13
CocosCreator实现左右跳游戏JumpLR.zip const {ccclass, property} = cc._decorator; @ccclass export default class Box extends cc.Component { @property(cc.Label) txtNum: cc.Label = null; private mPrevBox: cc.Node = null; private mNextBox: cc.Node = null; private mOffset: number = 0; // [-4,4] // LIFE-CYCLE CALLBACKS: // onLoad () {} start () { } // update (dt) {} setOffset(offset: number){ this.mOffset = offset; } getOffset(){ return this.mOffset; } setPrev(prev: cc.Node){ this.mPrevBox = prev; } getPrev(){ return this.mPrevBox; } setNext(next: cc.Node){ this.mNextBox = next; } getNext(){ return this.mNextBox; } setNum(num: number){ this.txtNum.string = `${num}`; } down(y: number){ this.node.runAction(cc.sequence( cc.moveBy(0.4, 0, y), cc.callFunc( () => { NodeMgr.putBox(this.node); }) )); } }
Cocos Creator 3D游戏成像全过程详解与Shader详解
最新发布
Thomas_YXQ的博客
04-16 622
Cocos Creator是一款由Cocos2d-x团队开发的游戏开发引擎，它不仅支持2D游戏的开发，还能够创建3D游戏。在本文中，我们将详细介绍Cocos Creator 3D游戏成像的全过程，并深入探讨Shader的实现细节。对惹，这里有一个游戏开发交流小组，大家可以点击进来一起交流一下开发经验呀！一、Cocos Creator 3D游戏成像全过程详解创建场景：在Cocos Creator中，我们首先需要创建一个场景来放置游戏中的各种元素，如角色、道具、背景等。可以通过拖拽资源或代码创建节点来构建场景。
cocos creator 3.x 3D游戏开发实战
08-16
学习本课程至少节省3-7天时间！荐语：3.0的版本我个人觉得非常好用！使用下来开发效率明显提升了不少    但是！    3.0对于2.x的版本来言改变较大    近日有开发者们在群里有发出抱怨    “资料实在太少了”，“有没有例子呀？？？”          甚至出现2.0项目移植到3.0过程中，出现卡问题的情况     主要原因是：对新的代码架构不熟悉，老接口不知道如何转换        从而浪费大量了的时间摸索，导致了项目进度没有确定性        为此制作了这期课程和项目     对于有经验的开发者，只需要阅读源码即可快速过渡到3.0     对于新手用户也有详细的视频教程    学习本课程至少节省3-7天时间！ 课程目录01搭建开发环境02 搭建游戏场景03 控制猫移动04生成无缝地图05生成障碍物和鱼06 碰撞检测+动画编辑器07 UI模块09 动态加载资源-复活页010 场景切换010 声音模块+数据存取011 场景设置+课程总结 知识点包括开发环境的搭建和断点，通过VScode进行编译和运行资源导入和导出3d编辑器的使用模型材质的设置和优化动画系统的使用(动画编辑器+配置模型动画)预制体的制作和使用ui制作和ui适配碰撞器                       游戏编码设计和架构代码动态加载资源,切换场景数据存取声音模块ui管理类单例模式对象池理解脚本生命周期碰撞检测 以上是 学习任何开发引擎都要经过步骤和思想课程的设计是一款已经上线并且的盈利的项目把游戏工业化中最常用的功能整理，并且精简出来之所以这样设计，是为了把教学和商业实战结合起来把学习的时间和成本降到最低
Cocos Creator第一季：让游戏开发更简单
08-06
Cocos Creator游戏引擎是一个完整的游戏开发解决方案，包含从设计、开发、预览、调试到发布的整个工作流所需的全部功能。目前支持发布游戏到 Web、iOS、Android、各类小游戏、PC 客户端等平台，真正实现一次开发，全平台戏开发
性能翻倍？！Cocos Creator 3.3 的小游戏升级优化之路
奎特尔星球
09-06 1037
开始正文先来个预告Cocos 官方 Demo Team 成立以来，已经发布了《奔跑吧巨人》和《奔跑吧小仙女》两款 3D 小游戏。接下来，Demo Team 也将持续输出各品类 3D 游戏，...
cocos creator 跑酷项目源码
11-10
cocos creator 熊猫跑酷项目源码，亲测可用，1.4版本以上。
cocos creator 3D 官方出品源码 幽灵射手
06-24
支持H5、小游戏、Android打包
CocosCreator开源游戏开发框架
01-30
CocosCreator开源游戏开发框架，附文档说明。包含GameMain、AudioManager、ConfigManager、GameController、GameDataManager、ListenerManager、TimeManager、UIManager、ShaderManager、MathExtension、String...
CocosCreator 快速开发轻量级游戏框架
04-02
本项目基于 cocos creator 3.7.2版本 以Asset Bundle为基础的大厅+子游戏示例 提供一个轻量级的游戏开发框架,让你的开发更加简单
cocos creator音效管理
01-21
里面包含常用的音效管理 cocos creator 2.4.x版本的音效管理 之前的版本若是没有报错也能使用
Cocos Creator 微信小游戏云开发配置
06-21
通过使用插件进行微信小游戏云开发配置。 使用说明：将压缩包解压到cocos creator项目下的packages目录下，打开该cocos项目，就可以在扩展菜单下看到插件的菜单项。
CocosCreator如何生成protobuf文件工程
02-18
CocosCreator如何生成protobuf文件工程 1、详细说明和使用案例
基于 Cocos Creator 3.x 版本开发的游戏框架
05-23
基于 Cocos Creator 3.x 版本开发的游戏框架，此项目为 Oops Framework 教程项目，如果使用框架制作游戏项目可下载 oops-game-kit 游戏项目模板开发
进击3D游戏界!Cocos Creator快速实现骨骼动画交互!
qq_37021136的博客
12-19 1707
最近公司需要转型,方向为元宇宙,AI,数字人,区块链等方向,博主为了跟上时代的步伐为我们伟大的公司献出我的能力(广告费5毛一条,公司财务看到麻烦转我一下)便对Web3.0以及3D可视化这些前沿技术进行了研究,主要的研究方向为VR(已概览技术栈有three.js,thing.js,Cocos Creator)在此把的学习路线及心得感悟记录一下,方便以后温习。CoCos有等不同版本本文主人公为,以下我来简要描述一下各个版本的特性Cocos2d是Object-C语言写的,而Cocos2dx。
[学习笔记]cocos creator 3.0，实现飞行射击游戏的激光鞭（一）
xyj198804的博客
07-19 2900
最近在做个飞行射击游戏当练手，顺便熟悉一下ccc3.0的开发流程，大多数飞行射击游戏都有激光炮这种子弹，但看了一些教程，实现效果都是与屏幕方向平行，没有弧度的激光，实现后发现效果没达到自己预期，于是看到了下图这种激光效果（我称为激光鞭），觉得很酷炫，想要着手实现。 前期调研了一些资料，本来计划使用Graphic组件+shader实现，但因为没有shader基础，放弃了，后来经过cocos论坛的大神指导，尝试使用Line组件来实现这个效果。 肯定有效果更好的...
scratch跳一跳游戏脚本_cocos creator制作微信小游戏「跳一跳」
weixin_39976166的博客
11-29 1458
一、游戏的分析(之前没有接触过小游戏，制作的思维还停留在大型ARPG游戏大家共同协作的想法里，但是小游戏讲究小而全，大部分时间是一个人独立开发，所以需要迫使自己养成看到小游戏先拆分细化的思想)二、一些必要的参数台阶参数1: 设置分辨率: 720x12802: 台阶的原点:3: 配置好4个中心点,如果跳到就到4个中心点，否则就失败;4: 编写代码获得中心点的位置，来初始化Player;5: 斜率: ...
cocos creator 3.0 获取平台
05-26
在Cocos Creator 3.0中，可以使用cc.sys.platform来获取当前平台。以下是常见的平台名称： - cc.sys.Platform.WECHAT_GAME：微信小游戏 - cc.sys.Platform.ANDROID：安卓 - cc.sys.Platform.IOS：iOS - cc.sys....

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 7
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

编程之力

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值