咱们继续上面的课题讲解,今天的主题是cocos2d-html5的绘图Draw。
或许看文章朋友您知道,编程有一个思想很重要,那就是“返璞归真”。Cocos2d-html5的绘画是有一个程序统帅,下面给出说明与继承关系图。
在图中不难看出其中的关系。
- Defined in: CCDrawingPrimitives.js
- Extends cc.Class
其中,cc.DrawingPrimitive()绘图原语的实用程序类。
下面我们列出其中的方法列表供大家参考:
其中的叙述方式是方法名称和描述组成:
ctor(renderContext)
Constructor构造函数
drawCircle(center,radius, angle, segments, drawLineToCenter)
绘制一个圆形.
drawCubicBezier(origin, control1, control2, destination, segments)
绘制立方体贝塞尔曲线
drawLine(origin,destination)
画一条线
drawPoint(point)
给出了一个点的x和y坐标测量的点
drawPoints(points,numberOfPoints)
画一个数组的点。
drawPoly(vertices,numOfVertices, closePolygon, fill)
通过一个给定一个指针cc.Pointpoligon coordiantes和给定的顶点数及测量的点来绘制图形.
drawQuadBezier(origin, control, destination, segments
)
绘制一个drawQuadBezier
getRenderContext()
返回被渲染的原始绘图上下文 环境
setRenderContext(context)
设置渲染上下文的绘图原始环境
本人不善于言谈,还是真刀实枪来的真实,看代码。
本例子来自cocos2d-html5官网的test中的DrawPrimitivesTest比较经典,大家可以去官网下载:http://www.cocos2d-x.org/
下面是代码,很简单:
另外需要解释的是,大家可能会迷惑怎么是cc.drawingUtil执行画布操作,大家不要忘记了CCApplication它的功能概述如下:
1)初始化程序,构建运行窗口;
2)程序初始化完毕通知;
3)程序被切换到后台通知;
4)程序切换到前台通知;
5)设置屏幕窗口原点:设备是水平的还是垂直的,在左边还是在右边(或者顶端还是底部)
6)程序运行(进行消息循环处理)
7)取得当前语言配置
8)所有对Application的访问都通过CCApplication.sharedApplication()提供
我在分析源码的时候在cocos2d\platform\CCApplication.js找到如下代码:
相信大家现在已经明白了,cc.drawingUtil只是代理DrawingPrimitiveCanvas执行相关的程序。
相关推荐
资源名称:Cocos2d-x实战:JS卷——Cocos2d-JS开发内容简介:本书是介绍Cocos2d-x游戏编程和开发技术书籍,介绍了使用Cocos2d-JS中核心类、瓦片地图、物理引擎、音乐音效、数据持久化、网络通信、性能优化、多平台...
Cocos2d-x是移动跨平台开发最流行的游戏引擎,而本书是一本很全面的、比较‘接地气’的游戏开发教程。书中汇聚了热门手机游戏《捕鱼达人》开发的实战经验,作者从最基础的内容开始,逐步深入地介绍了Cocos2d-x的相关...
cocos2d-iphone~cocos2d-html5移植之旅
网页游戏开发之cocos2d-js教程cocos2d-html5教程合集_棒.zip cocos2d-js官方文档 cocos2d-js 入门 cocos2d-html5 http网络请求 小白学游戏编程 常用函数 教程 项目总结
资源名称:Cocos2d-x入门视频教程(全7讲)资源目录:【】cocos2d-x视频教程_01【】cocos2d-x视频教程_02【】cocos2d-x视频教程_03【】cocos2d-x视频教程_04【】cocos2d-x视频教程_05【】cocos2d-x视频教程_06【】...
Cocos2d-html5
cocos2d-x-2.1.5
cocos2d-html5的api文档,官方未提供离线版,本人hack下来的,与在线版本完全一致,希望有用 :)
cocos2d-x进阶教程1_5Lua中循环语句和逻辑运算关键字.mp4 cocos2d-x进阶教程1_6LuaTable使用1.mp4 cocos2d-x进阶教程1_7LuaTable使用2.mp4 cocos2d-x进阶教程1_8LuaTable使用3.mp4 cocos2d-x进阶教程1_9LuaTable读写...
Cocos2d-JS开发之旅 从HTML 5到原生手机游戏 PDF 带书签目录 完整版 以及Cocos2d-js项目教程 pdf文档
在使用cocos2d-x开发游戏的过程中,为了实现逻辑和显示相分离。 在下通宵了一个晚上,写出了该事件类。 谨记,该事件只能用于cocos2d-x中。 事件发送者需要继承EventDispatcher类 事件接收者需要继承EventHandle类...
Cocos2d-html5 V2.1.4 官方API文档,用google浏览器打开cocos2d-x\www.cocos2d-x.org\reference\html5-js\index.html。
资源名称:大富翁手机游戏开发实战基于Cocos2d-x3.2引擎内容简介:李德国编著的《大富翁手机游戏开发实战(基于 Cocos2d-x3.2引擎)》使用Cocos2d-x游戏引擎技术,带领读者一步一步从零开始进行大富翁移动游戏的开发...
Cocos2d-JS开发之旅 从HTML 5到原生手机游戏 PDF 带书签目录 完整版
Cocos2d-x高级开发教程:制作自己的《捕鱼达人》 图书简介: 《Cocos2d-x高级开发教程:制作自己的《捕鱼达人》》是国内第一本全面深入讲解Cocos2d-x进阶内容的图书,Cocos2d-x创始人王哲作序推荐,《捕鱼达人》开发...
cocos2d-x-3.2下载,不多说。或者可以下载另一个资源 cocos引擎老版本集合(cocos2d-x-2.2.1 - 3.5) http://download.csdn.net/download/crazymagicdc/9982656
《Cocos2d-Js开发之旅-从HTML5到原生手机游戏》源码
Cocos2d-x实战 JS卷 Cocos2d-JS开发 PDF 电子书完整版本
《Cocos2D-X游戏开发技术精解》详细介绍如何使用Cocos2D-X引擎开发自己的移动平台游戏。...Cocos2D-HTML5引擎版本;引擎的附加功能等。最后,《Cocos2D-X游戏开发技术精解》和读者一起展望了Cocos2D-X引擎的未来。
cocos2d-html5教程