随笔分类 -  HTML5 Canvas 游戏开发

HTML5 Canvas游戏开发(四)lufylegend开源库件(下)
摘要:一、文本 LTextField对象是lufylegend库件中专门用于显示文本信息的一个对象。 1、文本属性 创建的文本框对象不会自动加入可视化对象列表中。只有手动调用addChild()方法才能使它显示。 文本框对象还有很多其他的属性:坐标、文字大小、字体风格、字体颜色。 2、输入框 使用LTex 阅读全文
posted @ 2016-05-05 17:00 suvllian 阅读(645) 评论(0) 推荐(0)
HTML5 Canvas游戏开发(三)lufylegend开源库件(上)
摘要:lufylegend可以解决HTML5开发游戏中会遇到的一些问题: 1、各种浏览器对于JavaScript和HTML的解析是不一致的。 2、手机浏览器和PC浏览器的区别。 3、JavaScript并非面向对象编程,影响了代码的可读性。 使用开源库件之前先进行初始化,在带中链接框架,并且在HTML中加 阅读全文
posted @ 2016-05-03 14:00 suvllian 阅读(877) 评论(0) 推荐(0)
HTML5 Canvas游戏开发(二)高级功能
摘要:一、变形 1、放大和缩小 scale(X,Y)函数。 当使用该函数时,其起始坐标值也被放大或缩小。当X、Y为负值时,可以实现翻转。 2、平移变换 translate(X,Y)函数。 表示水平方向向左移动,竖直方向向下移动。 3、旋转变换 rotate(角度)函数。 旋转一定角度,是以canvas的起 阅读全文
posted @ 2016-05-03 01:06 suvllian 阅读(773) 评论(0) 推荐(0)
HTML5 Canvas游戏开发(一)基础知识
摘要:一、绘制基本图形 在每次用canvas画布时,都有几步是“套路” 1.在HTML中创建Canvas画布: 2.获取画布标签,并得到一个2D对象: 1、绘制线条: 通过ctx.lineCap="butt"可以设置线条的形状。有三个可取值:butt、round、square。 2、绘制空心矩形: 3、绘 阅读全文
posted @ 2016-05-02 00:22 suvllian 阅读(1221) 评论(0) 推荐(0)