关闭

cocos2D-x初探学习笔记(32)-cocos2d-x & javascript跨平台初体验

近日,cocos2d家族开始了版本的联合发布,也就是说从cocos2d-x的2.1版本开始,终于可以实现广大开发者期盼已久的一套代码横跨ios,android和html5的梦想了,这次联合发布的包括cocosBuilder,cocos2d-iphone,cocos2d-x和cocos2d-html5版本,这篇文章就是笔者对这套开发工具的初体验经验总结。使用的是第二次联合发布的cocos2d-x的2...
阅读(24461) 评论(5)

cocos2d-html5初探学习笔记(1)-配置环境

小满(bill man)个人原创,欢迎转载,转载请注明地址,小满(bill man)的专栏地址http://blog.csdn.net/bill_man期盼已久的cocos2d-html5版本终于在日前发布了alpha版本,从本篇文章开始我将我的自学cocos2d-html5历程与大家分享。本篇介绍配置环境,为什么需要配置环境呢,这是由于浏览器的一些限制,浏览器禁止在本地访问诸如XMLHttpRe...
阅读(22650) 评论(5)

Html5 Canvas初探学习笔记(15) -鼠标事件

小满(bill man)个人原创,欢迎转载,转载请注明地址,小满(bill man)的专栏地址http://blog.csdn.net/bill_man 本篇完成这样一个例子,让主角随着鼠标移动,效果如下: update函数和上一篇一致,代码如下: 然后来看init的初始化部分,和上一篇的示例一样,代码如下: 然后分别定义mousedown,mousemove,...
阅读(9806) 评论(4)

Html5 Canvas初探学习笔记(14) -简单动画实现

小满(bill man)个人原创,欢迎转载,转载请注明地址,小满(bill man)的专栏地址http://blog.csdn.net/bill_man 之前都是简单的静止绘图,本篇实现一个简单的动画效果,效果如下: 就是让人物向斜下方运动,代码如下: 主要是由两个函数组成,首先当页面载入的时候调用init函数,首先来看init函数,init函数首先是几句初始化的内容...
阅读(6136) 评论(3)

Html5 Canvas初探学习笔记(13) -图片变换

小满(bill man)个人原创,欢迎转载,转载请注明地址,小满(bill man)的专栏地址http://blog.csdn.net/bill_man 之前的图形变换中的那些操作的状态值,在图片操作里依然有用,虽然像缩放这样的操作我们在绘制的时候就可以实现,不过这依然是一种实现的方法 1.图片的平移,效果如下: 代码如下: var image = new Image();...
阅读(5321) 评论(1)

Html5 Canvas初探学习笔记(12) -图片裁减和调整

小满(bill man)个人原创,欢迎转载,转载请注明地址,小满(bill man)的专栏地址http://blog.csdn.net/bill_man 上一篇讲了图片的两种操作,读入和导出,而读入图片之后的画图片我们采用的是只有三个参数的drawImage,本篇将分别介绍5个参数,和9个参数的drawImage,其实最后一个函数很像j2me里面的drawRegion。首先介绍5个参数的可以...
阅读(7898) 评论(0)

Html5 Canvas初探学习笔记(11) -简易图片操作

小满(bill man)个人原创,欢迎转载,转载请注明地址,小满(bill man)的专栏地址http://blog.csdn.net/bill_man 本篇介绍简易的图片操作,首先是简易的图片显示 效果如下: 就是把一张简单的jpg格式的图片显示在网页上,实现起来也非常简单,代码如下: var image = new Image(); image.src = "icon.j...
阅读(5164) 评论(1)

Html5 Canvas初探学习笔记(10) -复杂路径

小满(bill man)个人原创,欢迎转载,转载请注明地址,小满(bill man)的专栏地址http://blog.csdn.net/bill_man 之前已经介绍过简单的绘制路径,本篇介绍绘制折线和贝塞尔曲线,首先介绍折线,效果如下: 代码如下: context.beginPath(); context.moveTo(100,50); //context.lineTo(1...
阅读(4276) 评论(1)

Html5 Canvas初探学习笔记(9) -渐变

小满(bill man)个人原创,欢迎转载,转载请注明地址,小满(bill man)的专栏地址http://blog.csdn.net/bill_man 本篇继续介绍html5的绘制效果,和之前介绍的不同,本篇介绍的渐变并不是一个状态值,他是之前介绍的fillStyle的一个值。首先来看一个例子: 代码如下: var gradient = context.createLinear...
阅读(3890) 评论(0)

Html5 Canvas初探学习笔记(8) -阴影

小满(bill man)个人原创,欢迎转载,转载请注明地址,小满(bill man)的专栏地址http://blog.csdn.net/bill_man 本篇继续介绍html5的一些状态值,html5的绘制上下文提供了丰富的效果,本篇介绍阴影的效果,阴影有四个状态值控制,分别是shadowBlur,shadowOffsetX,shadowOffsetY和shadowColor。其中shado...
阅读(4321) 评论(3)

Html5 Canvas初探学习笔记(7) -合成

小满(bill man)个人原创,欢迎转载,转载请注明地址,小满(bill man)的专栏地址http://blog.csdn.net/bill_man 本篇介绍另外两个绘制的状态值,分别是全局阿尔法值和合成操作,首先来看全局阿拉法值 全局阿拉法值很简单,就是我们的argb值里面的“a”值,不同的是全局阿拉法值必须在0.0(全透明)到1.0(全部透明)之间,对应之前提到的“a”值的0到25...
阅读(3448) 评论(0)

Html5 Canvas初探学习笔记(6) -变换

小满(bill man)个人原创,欢迎转载,转载请注明地址,小满(bill man)的专栏地址http://blog.csdn.net/bill_man 在html5中,可以实现多种的图形变换包括平移,缩放和旋转。可以通过两种方式,分别是矩阵法和函数法,以下分别介绍平移,缩放和旋转用这两种方法实现。 1.平移:  context.fillRect(50,50,50,50);  cont...
阅读(3141) 评论(2)

Html5 Canvas初探学习笔记(5) -绘图状态

小满(bill man)个人原创,欢迎转载,转载请注明地址,小满(bill man)的专栏地址http://blog.csdn.net/bill_man 在之前的文章中,提到过一些绘图的状态值,比如线宽,和颜色。在Html5的Canvas中,绘图状态指的就是2d渲染上下文外观的整套属性,包括绘制轮廓颜色,填充颜色,线宽,变换矩阵,裁减区域等。我会在之后的文章中介绍更多的状态值。本篇文章就主要...
阅读(3523) 评论(0)

Html5 Canvas初探学习笔记(4) -清除屏幕

小满(bill man)个人原创,欢迎转载,转载请注明地址,小满(bill man)的专栏地址http://blog.csdn.net/bill_man 有些时候,我们需要清除部分或者全部的屏幕,类似于j2me的setcilp函数,在html canvas中有两种方法可以清除屏幕,一种是clearRect和整个屏幕宽度高度技巧。不同的是clearRect可以实现部分的屏幕的清除也可以实现清除全...
阅读(15962) 评论(0)

Html5 Canvas初探学习笔记(3) -绘制样式和绘制文本

小满(bill man)个人原创,欢迎转载,转载请注明地址,小满(bill man)的专栏地址http://blog.csdn.net/bill_man 通过设置2d渲染上下文的fillStyle和strokeStyle的属性,就可以改变填充颜色或者绘制颜色。 分别可以通过以下三种方式来修改颜色: Rgb式: context.fillStyle = 'rgb(255,0,0)';//设...
阅读(4677) 评论(0)
17条 共2页1 2 下一页 尾页
    个人资料
    • 访问:1304463次
    • 积分:12379
    • 等级:
    • 排名:第1308名
    • 原创:119篇
    • 转载:0篇
    • 译文:0篇
    • 评论:622条
    博客专栏
    文章分类
    最新评论
    说明
    Cocos2D-X权威指南(第2版)(china-pub首发),地址:http://product.china-pub.com/3770493 代码请关注github https://github.com/manshuoquan/book-code 包括A星算法的最新都在github上