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

概述Cocos2d-js03_画九宫格及对节点进行封装 1、实现画出背景，代码： //绘制背景 var lc = cc.LayerColor.create(cc.color(175,175,175,75),630,630);lc.setPosition(cc.p(5,300));lc.setAnchorPoint(cc.p(0,0));lc.setTag(111);this.addChild

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

1、实现画出背景，代码：

//绘制背景

 var lc = cc.Layercolor.create(cc.color(175,175,75),630,630);lc.setposition(cc.p(5,300));lc.setAnchorPoint(cc.p(0,0));lc.setTag(111);this.addChild(lc);

2、绘画九宫格，代码：

//绘画九宫格 for(var i = 0;i <= 10; i++){ //横线  var node = cc.DrawNode.create(); node.drawSegment(cc.p(0,i*63),cc.p(630,1,cc.color(1,255)); lc.addChild(node); //竖线  var node1 = cc.DrawNode.create(); node1.drawSegment(cc.p(i*63,0),cc.p(i*63,630),255)); lc.addChild(node1);}

3、添加SnakeGame.Js类，根据传入的参数不同，添加不同的精灵，代码：

/** * Created by chaoge on 15/6/23. */ var SnakeGame = cc.Node.extend({ _type:null,ctor:function(type){ this._super(); this._type = type; var sp = cc.Sprite.create(); //1蛇头 2身体 3食物  switch (this._type){ case 1: sp = cc.Sprite.create(res.snakehead); break; case 2: sp = cc.Sprite.create(res.snakeBody); break; case 3: sp = cc.Sprite.create(res.snakeFood); break; default :break; } sp.setAnchorPoint(0,0); sp.setposition(0,0); this.addChild(sp); }});SnakeGame.create = function(arg){ var snakeGame = new SnakeGame(arg); return snakeGame;};

4、在GameScene里面添加头和食物，代码：

//添加蛇头 this._head = new SnakeGame(1);this._head.setScale(0.9);this._head.Now_row = Math.round(Math.random()*9);this._head.Now_col = Math.round(Math.random()*9);this._head.setposition(cc.p(this._head.Now_col*63,this._head.Now_row*63));lc.addChild(this._head,3);//添加食物 this._food = new SnakeGame(3);this._food.setScale(0.9);this._food.Now_row = Math.round(Math.random()*9);this._food.Now_col = Math.round(Math.random()*9);this._food.setposition(cc.p(this._food.Now_col*63,this._food.Now_row*63));lc.addChild(this._food,3);

5、实现移动，代码：

//蛇头移动 switch (dir){ case SNAKE_DIR.UP: this._head.Now_row = this._head.Now_row + 1; break; case SNAKE_DIR.DOWN: this._head.Now_row = this._head.Now_row - 1; break; case SNAKE_DIR.left: this._head.Now_col = this._head.Now_col - 1; break; case SNAKE_DIR.RIGHT: this._head.Now_col = this._head.Now_col + 1; break; default :break;}this._head.setposition(cc.p(this._head.Now_col*63,this._head.Now_row*63));

视频地址：http://www.9miaoketang.com/course/37课程讨论帖地址：http://www.9miao.com/thread-64587-1-1.HTML源码地址：https://store.cocos.com/stuff/show/128289.HTMLQQ交流群：83459374后期也会把该源码传在群里面去，欢迎大家加入讨论！

总结

以上是内存溢出为你收集整理的Cocos2d-js03_画九宫格及对节点进行封装全部内容，希望文章能够帮你解决Cocos2d-js03_画九宫格及对节点进行封装所遇到的程序开发问题。

如果觉得内存溢出网站内容还不错，欢迎将内存溢出网站推荐给程序员好友。