关闭

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

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

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

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

cocos2d-x游戏实例(23)-简易动作游戏(1)

小满(bill man)个人原创,欢迎转载,转载请注明地址,小满(bill man)的专栏地址http://blog.csdn.net/bill_man 从本篇开始,开始一个简单的动作类游戏的实例,本篇介绍基本场景的构建和搭建,效果如下: 就是简单的显示地图和主角,并且主角移动,并移动相应的视角,首先来看场景初始化的函数init,代码如下: 首先是定义一个背景,我们使用的...
阅读(11863) 评论(6)

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

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

cocos2d-x游戏实例(22)-纵版射击游戏(9)

小满(bill man)个人原创,欢迎转载,转载请注明地址,小满(bill man)的专栏地址http://blog.csdn.net/bill_man 继续上一篇的纵版射击游戏,本篇加入几个敌人的类型,效果如下:                                                                       我加入5种类型的敌人,分别为对...
阅读(7233) 评论(4)

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

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

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

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

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

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

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

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

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

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

cocos2d-x游戏实例(21)-纵版射击游戏(8)

小满(bill man)个人原创,欢迎转载,转载请注明地址,小满(bill man)的专栏地址http://blog.csdn.net/bill_man 上一篇为敌人添加了子弹,本篇为主角添加受伤并添加表示主角血量的ui,首先来看效果图:                              首先可以注意到左下角表示出了主角的血量,实现的代码如下: 就是为定义三个基于这...
阅读(4370) 评论(4)

cocos2d-x游戏实例(20)-纵版射击游戏(7)

小满(bill man)个人原创,欢迎转载,转载请注明地址,小满(bill man)的专栏地址http://blog.csdn.net/bill_man 上一篇我们为敌人加上了运动轨迹并且敌人可以重复出现,本篇继续上一篇的内容,给敌人加入发射子弹的功能,效果如下:...
阅读(4388) 评论(2)

cocos2d-x游戏实例(19)-纵版射击游戏(6)

小满(bill man)个人原创,欢迎转载,转载请注明地址,小满(bill man)的专栏地址http://blog.csdn.net/bill_man 上一篇的实例中,纵版射击游戏中加入了敌人对子弹的碰撞和爆炸特效,本篇内容将给敌人加入贝塞尔曲线的运动轨迹并且敌人会“源源不断”的出现。首先还是看一下效果图:...
阅读(6632) 评论(0)

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

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

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

小满(bill man)个人原创,欢迎转载,转载请注明地址,小满(bill man)的专栏地址http://blog.csdn.net/bill_man 有些时候,我们需要清除部分或者全部的屏幕,类似于j2me的setcilp函数,在html canvas中有两种方法可以清除屏幕,一种是clearRect和整个屏幕宽度高度技巧。不同的是clearRect可以实现部分的屏幕的清除也可以实现清除全...
阅读(15779) 评论(0)
119条 共8页首页 上一页 1 2 3 4 5 ... 下一页 尾页
    个人资料
    • 访问:1290591次
    • 积分:12249
    • 等级:
    • 排名:第1225名
    • 原创:119篇
    • 转载:0篇
    • 译文:0篇
    • 评论:621条
    博客专栏
    文章分类
    最新评论
    说明
    Cocos2D-X权威指南(第2版)(china-pub首发),地址:http://product.china-pub.com/3770493 代码请关注github https://github.com/manshuoquan/book-code 包括A星算法的最新都在github上