我觉得我们开发使用最新的工具。这对于我们非常有帮助。

由于新的工具有着新的功能，简化了我们开发的模式。

站在巨人的肩膀上~~~~~~~~~~~~~



CocosCreator。最大的两个特点

  组件化

数据驱动

使用这款这款工具之后，最大的感受是。开发起来以后会越来越轻松，所以建议

没有C++基础的同学。想要高速开发游戏的同学，能够常使用Cocos Creater



闲话少说。让我们愉快的開始吧~~~~~~~

watermark/2/text/aHR0cDovL2Jsb2cuY3Nkbi5uZXQv/font/5a6L5L2T/fontsize/400/fill/I0JBQkFCMA==/dissolve/70/gravity/Center" alt="">

1.CocosCreator   下载及安装

http://www.cocos2d-x.org/download







我是windows的，大家是Mac就选第一个。。

（PS:苦逼的我买不起啊~）



2.下载之后是这个样子的

watermark/2/text/aHR0cDovL2Jsb2cuY3Nkbi5uZXQv/font/5a6L5L2T/fontsize/400/fill/I0JBQkFCMA==/dissolve/70/gravity/Center" alt="">

watermark/2/text/aHR0cDovL2Jsb2cuY3Nkbi5uZXQv/font/5a6L5L2T/fontsize/400/fill/I0JBQkFCMA==/dissolve/70/gravity/Center" alt="">

3.进行安装



确定



安装



watermark/2/text/aHR0cDovL2Jsb2cuY3Nkbi5uZXQv/font/5a6L5L2T/fontsize/400/fill/I0JBQkFCMA==/dissolve/70/gravity/Center" alt="">



watermark/2/text/aHR0cDovL2Jsb2cuY3Nkbi5uZXQv/font/5a6L5L2T/fontsize/400/fill/I0JBQkFCMA==/dissolve/70/gravity/Center" alt="">

watermark/2/text/aHR0cDovL2Jsb2cuY3Nkbi5uZXQv/font/5a6L5L2T/fontsize/400/fill/I0JBQkFCMA==/dissolve/70/gravity/Center" alt="">

4.我们完毕了安装

watermark/2/text/aHR0cDovL2Jsb2cuY3Nkbi5uZXQv/font/5a6L5L2T/fontsize/400/fill/I0JBQkFCMA==/dissolve/70/gravity/Center" alt="">

watermark/2/text/aHR0cDovL2Jsb2cuY3Nkbi5uZXQv/font/5a6L5L2T/fontsize/400/fill/I0JBQkFCMA==/dissolve/70/gravity/Center" alt="">

5.我们来建立一个HelloWorld吧，假设须要注冊账号，那就去官网注冊一下，详细我不细说了

watermark/2/text/aHR0cDovL2Jsb2cuY3Nkbi5uZXQv/font/5a6L5L2T/fontsize/400/fill/I0JBQkFCMA==/dissolve/70/gravity/Center" alt="">

点击 New Project







这几个地方不细说了，点create吧

watermark/2/text/aHR0cDovL2Jsb2cuY3Nkbi5uZXQv/font/5a6L5L2T/fontsize/400/fill/I0JBQkFCMA==/dissolve/70/gravity/Center" alt="">



PS：为了减低门槛，我们能够选择中文





会提示你重新启动 cocos creater,那我们就进行重新启动

watermark/2/text/aHR0cDovL2Jsb2cuY3Nkbi5uZXQv/font/5a6L5L2T/fontsize/400/fill/I0JBQkFCMA==/dissolve/70/gravity/Center" alt="">

看到了吧，小学生都能够玩转



已经成中文的了











watermark/2/text/aHR0cDovL2Jsb2cuY3Nkbi5uZXQv/font/5a6L5L2T/fontsize/400/fill/I0JBQkFCMA==/dissolve/70/gravity/Center" alt="">

watermark/2/text/aHR0cDovL2Jsb2cuY3Nkbi5uZXQv/font/5a6L5L2T/fontsize/400/fill/I0JBQkFCMA==/dissolve/70/gravity/Center" alt="">


5.执行走起




watermark/2/text/aHR0cDovL2Jsb2cuY3Nkbi5uZXQv/font/5a6L5L2T/fontsize/400/fill/I0JBQkFCMA==/dissolve/70/gravity/Center" alt="">


下一节我细致给大家讲一讲HelloWorld怎样改动，


喜欢的话点关注，每天都会更新教程哦~~~




												


											
cocos2d-JS （二）Cocos Creater的更多相关文章
	

    
								
  1. JS二维数组排序组合
		
    需求是这样的:http://q.cnblogs.com/q/29093/ 这里简述一下: 现在有一个不确定长度的数组.比如:var temp=[["Fu","Hai&qu ...
    
		
    2. 
						
  2. 一天带你入门到放弃vue.js(二)
		
    接下来我们继续学习一天带你入门到放弃系列vue.js(二),如有问题请留言讨论! v-if index.html <div id="app"> <p v-if=& ...
    
		
    3. 
						
  3. js 二维数组 for 循环重新赋值
		
    javascript 二维数组的重新 组装 var arr = [[1,2],[3,4],[5,6],[7,8]]; var temp = new Array(); for(var i= 0 ;i&l ...
    
		
    4. 
						
  4. cocos2d js jsb XMLHttpRequest 中文乱码
		
    1.首先讲下怎样使用XMLHttpRequest 下面所说的是在cocos2d-x 2.2.2 或者 2.3 版本号中. 首先要明确cocos2d js事实上分两个版本号,一个是html5的版本号,另 ...
    
		
    5. 
						
  5. cocos2d js的一些tip
		
    cocos2d-js-v3.2-rc0 cc.director.end();//退出app cc.Application.getInstance().openURL("http://www. ...
    
		
    6. 
						
  6. js二维数组定义和初始化的三种方法总结
		
    js二维数组定义和初始化的三种方法总结 方法一:直接定义并且初始化,这种遇到数量少的情况可以用var _TheArray = [["0-1","0-2"],[& ...
    
		
    7. 
						
  7. cocos2d js ClippingNode  制作标题闪亮特效
		
    1.效果图: 之前在<Android 高仿 IOS7 IPhone 解锁 Slide To Unlock>中制作了文字上闪亮移动的效果,这次我们来看下怎样在cocos2d js 中做出类似 ...
    
		
    8. 
						
  8. Nuxt.js(二、解决首屏速度与SEO)
		
    Nuxt.js(二.解决首屏速度与SEO) 1.普通的Vue SPA初始化加载速度很慢 在传统的web应用中,当用户请求一个页面时,服务器直接返回一个html文件,浏览器直接渲染出来.但是,在vue应 ...
    
		
    9. 
						
  9. js   二维码生成  插件
		
    <div onclick="liaotian()">点击生成二维码</div><div id="qrcode"></d ...
    
		
    10. 
		

	


随机推荐
	

    
									
  1. 一步一步学RenderMonkey(4)--点光源光照模型 【转】
			
    转载请注明出处:http://blog.csdn.net/tianhai110 点光源光照模型: 公式: I = Icolor*attenuation;                         ...
    
			
    2. 
						
  2. python中在ubuntu中安装虚拟环境及环境配置
			
    python中在ubuntu中安装虚拟环境及环境配置 1.升级python包管理工具pip pip install --upgrade pip 备注:当你想升级一个包的时候 `pip install  ...
    
			
    3. 
						
  3. vue项目构建实战基础知识：SPA理解/RESTful接口介绍/static目录配置/axios封装/打包时map文件去除
			
    一.SPA 不是指水疗.是 single page web application 的缩写.中文翻译为 单页应用程序 或 单页Web应用,更多解释请自行搜索. 所有的前端人员都应该明白我们的页面的 u ...
    
			
    4. 
						
  4. solr 自聚类实现
			
    参考官网:https://lucene.apache.org/solr/guide/6_6/result-clustering.html 最近用到solr自聚类的,先简单介绍如下: 1.配置文件 主要 ...
    
			
    5. 
						
  5. 开发 nodejs REST 个人感想
			
    本来想拿 nodejs 做个 ip 查询小应用的,做的时候想着把基础弄好再做应用,没想到做着做着就变成 spring 了 可能太多数人觉得不知道怎么用,以后我会写详细点使用教程 个人感觉自己做出来的东 ...
    
			
    6. 
						
  6. datagrid MAC和VPNIP显示不出来，Time显示错误的问题
			
    之前出错时也没截图,大致说一下. 这是现在运行成功的界面: 开始时间界面出现的是时间是原始值,即1970年1月1日午夜以来的毫秒数,类似于这样:1523786314827 因为我这里是调用的函数读取m ...
    
			
    7. 
						
  7. recess----3.Controller如何和View关联
			
    上一篇我们讲到,Recess框架里面的controller就是一个典型的MVC框架的controller,它负责处理从浏览器(或其它客户端)过来的request,然后调用引用model里面的方法来进行 ...
    
			
    8. 
						
  8. eslint for...in 报错处理
			
    示例代码: <!DOCTYPE html> <html lang="zh"> <head> <meta charset="UTF ...
    
			
    9. 
						
  9. 【DB2】NVL2函数
			
    语法: NVL2(表达式1,表达式2,表达式3) 如果表达式1为空,返回值为表达式3的值.如果表达式1不为空,返回值为表达式2的值. 例子: SELECT ID, NVL2(SEX,'非空','空值' ...
    
			
    10. 
						
  10. how to remove untagged / none images
			
    docker rmi $(docker images -a| grep "^<none>" | awk '{print $"3"}')
    
			
    11.