随笔分类 - html5
摘要：增加猜拳次数及猜拳按钮//初始化引擎组件init(50, "div_caiquan", 800, 400, main);//定义游戏层,加载进度层、游戏背景层,结果显示层，出拳操作层var loadingLayer, backLayer, resultLayer, clickLayer;//定义游戏...
阅读全文
摘要：1，矩形按钮LButtonSample1首先来看看LButtonSample1按钮的绘制。在lufylegend.js引擎中可以利用LButton类来添加一个按钮，但是你需要传入按钮弹起和按钮按下的两个状态的可视对象，可以是LSprite,也可以是LBitmap，想要漂亮一点的按钮的朋友们可以使用一...
阅读全文
摘要：增加游戏进度，界面title及游戏界面//初始化引擎组件init(50, "div_caiquan", 800, 400, main);//定义游戏层,加载进度层、游戏背景层,结果显示层，出拳操作层var loadingLayer, backLayer, resultLayer, clickLaye...
阅读全文
摘要：实现图片加载进度LoadingSample Class用来显示进度条的对象。引擎中目前提供的进度条类有：LoadingSample1～7你可以制作自己的进度条，自制进度条类中要包含setProgress函数。//初始化引擎组件init(50, "div_caiquan", 800, 400, mai...
阅读全文
摘要：场景搭建//初始化legend组件init(50, "div_caiquan", 800, 400, main);//定义游戏层//游戏背景层,结果显示层，点击层var backLayer, resultLayer, clickLayer;//初始化回调函数function main() { ...
阅读全文
摘要：1.文本2.文本输入框3.鼠标事件4.循环5.键盘事件6.LButton
阅读全文
摘要：面来看看drawtriangles函数的扩展。利用drawtriangles函数来实现一个旋转的3D地球，效果如下因为lufylegend1.5.0版的drawtriangles函数有个bug，所以我悄悄的更新了lufylegend1.5.1版，大家可以到官网下载，地址如下http://lufyle...
阅读全文
摘要：下面来详细讲解一下drawtriangles函数的使用方法。并且使用drawtriangles函数实现下面这种处理效果因为这个方法是从AS3移植而来，所以它的使用方法和AS3基本一致，这里是AS3的drawtriangles函数API，大家可以参照一下http://help.adobe.com/zh...
阅读全文
摘要：HTML5中的几种变形HTML5中的变形，共有以下几种方法scale() 缩放 rotate() 旋转 translate() 平移 transform() 矩阵变形 setTransform() 重设矩阵这几个方法，对图片一共能完成下面几种处理但是，如果要实现下面这种不规则的变形，就不行了那咱们一...
阅读全文
摘要：这是官方的介绍：lufylegend是一个HTML5开源引擎,它实现了利用仿ActionScript3.0的语法进行HTML5的开发， 包含了LSprite，LBitmapData，LBitmap，LLoader，LURLLoader，LTextField，LEvent等多个AS开发人员熟悉的类， ...
阅读全文
摘要：颜色合成 globalCompositeOperation 属性：?1234567891011//先绘制一个图形。ctx.fillStyle = "#00ff00";ctx.fillRect(10,10,50,50);//设置 lobalCompositeOperation 属性。ctx.globa...
阅读全文
摘要：文字对齐方式 :水平对齐?1234//是用 textAlign 属性设置水平对齐方式（默认坐标点）ctx.textAlign = "start";ctx.font = "30px Arial";ctx.fillText("Hello World",100,50);//水平的三个坐标点分别为 star...
阅读全文
摘要：画直线:?1234567891011var c = document.getElementById("myCanvas"); //不要忘写documentvar ctx = c.getContext("2d");ctx.lineWidth = 10; ctx.strokeStyle = "red";...
阅读全文
摘要：concat()方法 数组和数组的 粘结:var a=[1,2,3,4];var b=[5,6,7,8];var c=a.concat(b);console.log(c); // [1,2,3,4,5,6,7,8]join()方法 改变数组中拼接的符号:var a=[1,2,"字符串",false,...
阅读全文
摘要：HTML5 标签用于绘制图像（通过脚本，通常是 JavaScript）。不过， 元素本身并没有绘制能力（它仅仅是图形的容器） - 您必须使用脚本来完成实际的绘图任务。getContext() 方法可返回一个对象，该对象提供了用于在画布上绘图的方法和属性。本手册提供完整的 getContext("2...
阅读全文
摘要：实例在位置 (10,10) 处绘制一个矩形，将新的 (0,0) 位置设置为 (70,70)。再次绘制新的矩形（请注意现在矩形从位置 (80,80) 开始绘制）：Your browser does not support the HTML5 canvas tag. JavaScript:var c=d...
阅读全文
