关闭

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...
阅读(4269) 评论(3)

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

小满(bill man)个人原创,欢迎转载,转载请注明地址,小满(bill man)的专栏地址http://blog.csdn.net/bill_man 通过设置2d渲染上下文的fillStyle和strokeStyle的属性,就可以改变填充颜色或者绘制颜色。 分别可以通过以下三种方式来修改颜色: Rgb式: context.fillStyle = 'rgb(255,0,0)';//设...
阅读(4622) 评论(0)

Html5 Canvas初探学习笔记(2) -绘制深入

小满(bill man)个人原创,欢迎转载,转载请注明地址,小满(bill man)的专栏地址http://blog.csdn.net/bill_man 上一篇基本的介绍了Html5 canvas的基本概念,对于大多数学习使用过j2me和android的画布进行绘图的程序员来说,理解Html5的Canvas并不是难事。本篇就继续上一篇的内容,讲解绘制直线,圆弧等方法。 首先讲解绘制直线,请...
阅读(3992) 评论(3)

Html5 Canvas初探学习笔记(1)-画一个矩形

小满(bill man)个人原创,欢迎转载,转载请注明地址,小满(bill man)的专栏地址http://blog.csdn.net/bill_man canvas元素是Html5相对于之前的Html的一个新增特性,本部分的博客文章就将研究这个组件的应用,尤其是在网页游戏开发上的应用。 canvas组件和之前的table和div等组件类似,都是不需要任何外部插件就可以运行的。只需使用ht...
阅读(5689) 评论(2)

cocos2d-x游戏实例(18)-纵版射击游戏(5)

小满(bill man)个人原创,欢迎转载,转载请注明地址,小满(bill man)的专栏地址http://blog.csdn.net/bill_man 继续上一篇的纵版射击游戏,本篇加入子弹逻辑,和敌人的碰撞及爆炸特效,效果如下:                                                         首先看一下如何加入子弹逻辑,上一篇我们已...
阅读(6192) 评论(8)

cocos2d-x游戏实例(17)-纵版射击游戏(4)

小满(bill man)个人原创,欢迎转载,转载请注明地址,小满(bill man)的专栏地址http://blog.csdn.net/bill_man 继续上一篇的纵版射击游戏,本篇讲解加入子弹,效果如下                                                                  子弹是射击游戏中很重要的一部分,我们需要创建子弹...
阅读(5429) 评论(3)

cocos2d-x游戏实例(16)-纵版射击游戏(3)

小满(bill man)个人原创,欢迎转载,转载请注明地址,小满(bill man)的专栏地址http://blog.csdn.net/bill_man 上一篇搭建了纵版射击游戏游戏对象的简单结构,即所有游戏的对象(子弹,敌人,主角)继承于同一个类,本篇将会进一步完善这个游戏,加入主角移动时的残象和敌人的碰撞; 1.主角移动的残象 在我们移动主角的时候,加入一个“影子”的效果,可以感觉主...
阅读(8262) 评论(3)
25条 共2页1 2 下一页 尾页
    个人资料
    • 访问:1291174次
    • 积分:12252
    • 等级:
    • 排名:第1229名
    • 原创:119篇
    • 转载:0篇
    • 译文:0篇
    • 评论:621条
    博客专栏
    文章分类
    最新评论
    说明
    Cocos2D-X权威指南(第2版)(china-pub首发),地址:http://product.china-pub.com/3770493 代码请关注github https://github.com/manshuoquan/book-code 包括A星算法的最新都在github上