Cocos2d-js 贪吃蛇实战项目,H5游戏开发

Cocos2d-js 贪吃蛇实战项目

课程简介:

本课程主要用Cocos2d-js实现了贪吃蛇实战项目,主要介绍了环境搭建和项目的创建,引擎架构的分析,入口类,场景的切换,屏幕触摸,Node与Schedule计划任务,通过贪食蛇游戏案例来对所有的知识进行贯穿和应用,对游戏原型的设计,实现UI流程,对节点进行封装、游戏逻辑和游戏触摸的实现,在游戏中添加音乐和音效,从Mac平台打包发布到web。从中你会学到如何实现屏幕绘图、事件处理、集合使用、场景跳转、节点封装等技术。

课程大纲:

本课程一共7讲,内容如下:

Cocos2d-js01_环境搭建及项目的创建

Cocos2d-js02_实现UI流程和场景跳转

Cocos2d-js03_画九宫格及对节点进行封装

Cocos2d-js04_游戏触摸交互的监听和实现

Cocos2d-js05-添加身体和移动身体

Cocos2d-js06-添加分数和死亡判断

Cocos2d-js07-添加音乐及音效和发布朋友圈

基础要求:

要求学员熟练掌握在Mac平台下使用webStorm开发工具;

掌握JavaScript语言;

熟悉cocos2d-x引擎;

视频地址:http://www.9miaoketang.com/course/37

课程讨论帖地址:http://www.9miao.com/thread-64587-1-1.html

源码地址:https://store.cocos.com/stuff/show/128289.html

QQ交流群:83459374

后期也会把该源码传在群里面去,欢迎大家加入讨论!

时间: 2024-07-30 20:32:27

Cocos2d-js 贪吃蛇实战项目,H5游戏开发的相关文章

JS贪吃蛇游戏

<!DOCTYPE html><html> <head>    <meta charset="utf-8">    <meta http-equiv="X-UA-Compatible" content="IE=edge">    <title>JS贪吃蛇游戏</title>    <style>    * {        margin: 0;    

最近这两天看了关于H5游戏开发的一个教程,实践很短暂,看了很多理论的东西,现在呢也只是想回忆回忆关于EUI的部分知识吧

首先我了解了什么是Egret: Egret中文就是白鹭的意思,Egret是一套H5游戏开发的软件.(纯粹属于个人理解) 其次我对以下几款软件的相关知识做了些了解: Egret Engine(引擎),Egret Wing(编辑器),Texture Merger(可将零散纹理拼合为整图,同时也可以解析SWF.GIF动画,导出可供Egret使用的配置文件),Egret Feather(是一款粒子效果编辑器)ResDepot(是针对资源配置文件的创建,编辑和管理工具)等.......ps:现在我只看了这

今天我看了一个H5游戏EUI的例子,我都快分不清我到底是在用什么语言编译了代码了,作为刚刚学习H5游戏开发的菜鸟只能默默的收集知识

今天看了一个EUI的demo,也是接触H5游戏开发的第五天了,我想看看我能不能做点什么出来,哎,自己写果然还是有问题的.在看EUI哪一个demo的时候就遇见了一些摇摆不定的问题,我觉得提出来 1.toast 当时看见它的时候我不确定是不是我以为的那样,所以就百度了一下,果然它就是我印象中android里面的一种显示信息的机制.(ps:真的是一门汇聚大千语言的技术啊)toast是没有焦点的而且toast显示的时间有限,过一会儿就会自动消失.toast主要用于向用户显示提示消息.项目中它用了一个To

关于微信网页/H5游戏开发中二维码无法识别的解决方法

我接触微信H5开发已经有一年多了,做过很多案例也遇到很多的问题.今天我把困扰我半年之久的问题分享出来,也就是关于微信网页/H5游戏开发中二维码无法识别的解决方法. 我在百度搜索了许久,关于微信H5网页/游戏开发问题以及解决方案的相关文章少之又少,在相关前端交流群中问别人,一问三不知,平时这些群就会上班吹牛逼,真正交流问题的人少又少,真是揪心啊,最后还是得靠自己解决了. [这里,我先举个栗子] 上面这个页面,相信从事微信H5开发的人应该很熟悉,就是常见的分享到朋友圈的页面,通常以[引导分享图标]+

JS贪吃蛇小游戏

效果图展示: 具体实现代码如下: (1)html部分 1 !DOCTYPE html> 2 <html> 3 <head> 4 <meta charset="utf-8" /> 5 <title>贪吃蛇</title> 6 <link rel="stylesheet" type="text/css" href="main.css"> 7 </h

html,css,js,贪吃蛇网页游戏

游戏效果如图: 实现代码如下: <!DOCTYPE html><html> <head> <meta charset="utf-8" /> <title>贪吃蛇游戏</title> </head> <body> <h1>石健涛</h1> <div id="gameBox" style="text-align: center;&quo

js贪吃蛇 纯手打 代码比较复杂 自己瞎弄的 bug 比较多 自己一点一点排除弄 完全原创

//虽然代码没有别人写的简单,但是这是自己的思想,通过这次实例,学到了很多,也发现了很多不足,努力学习啊,小小的贪吃蛇也包含了很多东西还有 //好多问题需要解决,比如,如何判断蛇头碰到蛇身,如何让食物不出现在蛇的身上等,欢迎大家一起探讨 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dt

结对-贪吃蛇-结对项目总结

团队成员:邵瀚庆.徐宏璇 项目名称:贪吃蛇 码云地址:https://gitee.com/nothingbigger/snake 所需软件:Python.pygame --------------------------------------- 一.编写前准备步骤 1).安装Python.pygame 2).对游戏进行初步设计:游戏窗口.游戏所需功能.以及一些辅助功能. 3).编写程序. 4).检查并修改错误,代码准确无误后发布 二.流程图 三.主题模块代码 1).绘制游戏窗口 1 width

《结对-贪吃蛇-结对项目总结》

 这个 学期也快要i结束了 ,从这次结对编程中我学到了很多.也真正重视到了团队的重要性.一个人和一个团队同时做一件事情上.团队占有的很大的优势. 我也从结对的伙伴身上学到了很多.但是结对也有着他的问题.但问题出现分歧时没有办法很快的解决会导致程序更快的完成. 代码 码云地址:https://gitee.com/a540816440/TanChiShe/tree/master 贪吃蛇是一款很风靡的游戏,我想如果大家使用过或者了解过诺基亚手机的话一定会对这款游戏十分的了解.  游戏的基本操作: 1.