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

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

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



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. es安装脚本
			
    #!/bin/bash file_name="/sdzw/es5/conf/es.config" #安装目录 install_dir="/es5/esinstall&qu ...
    
			
    2. 
						
  2. 【实践】js封装 jq siblings 方法
			
    思路: 1.获取调用元素的父元素下的所有子元素(即它的所有同辈元素和调用元素本身) 2.遍历调用元素父元素下的所有子元素 除调用元素外的所有元素保存在一个数组里面 代码如下: <!DOCTYPE ...
    
			
    3. 
						
  3. Python 操作 ElasticSearch
			
    Python 操作 ElasticSearch 学习了:https://www.cnblogs.com/shaosks/p/7592229.html 官网:https://elasticsearch- ...
    
			
    4. 
						
  4. Android SDK Manager 更新
			
    Android SDK Manager 更新 解决国内访问Google服务器的困难: 1.启动 Android SDK Manager : 2.打开主界面,依次选择「Tools」.「Options…」 ...
    
			
    5. 
						
  5. Swift教程之运算符
			
    import Foundation //4.复合赋值操作符 var a = 1 a += 2 //一元减运算符(一个数值前加了符号-,叫作一元减运算符) let three = 3 let minus ...
    
			
    6. 
						
  6. ITFriend创业阶段的server环境搭建手冊
			
    创业阶段,进一步实践了Linux环境搭建和维护,以下是一些经常使用软件的搭建步骤和參考资料,仅供自己和诸位參考. 我个人还是比較倾向"一站式Web开发"的.自己想做点事.须要太多的 ...
    
			
    7. 
						
  7. 算法笔记_053:最优二叉查找树（Java）
			
    目录 1 问题描述 2 解决方案   1 问题描述 在了解最优二叉查找树之前,我们必须先了解何为二叉查找树? 引用自百度百科一段讲解: 二叉排序树(Binary Sort Tree)又称二叉查找树(B ...
    
			
    8. 
						
  8. ES6 WeakMap Map 区别
			
    WeakMap与Map的区别 1.WeakMap只接受对象作为键名(null除外),不接受其他类型的值作为键名. 2.WeakMap的键名所指向的对象,不计入垃圾回收机制. 示例: const wm  ...
    
			
    9. 
						
  9. ES6 语法高亮提示
			
    编辑器:sublime 3 步骤1: 步骤2:
    
			
    10. 
						
  10. asp.net 抓取新闻
			
    前台页面: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w ...
    
			
    11.