第三篇，鼠标事件与游戏人物移动一，假设假设，所有可添加鼠标事件的对象，都有一个mouseEvent方法，添加的鼠标事件同过这个mouseEvent来调用。这样的话，添加鼠标事件，其实只需要给canvas添加一个鼠标事件，然后循环LGlobal类里的childList，即循环所有的可视对象，如果被添加了鼠标事件，那么就调用它相应的方法。二，实现1，给LGlobal类追加mouseEvent方法，然后修改LGlobal类的setCanvas，实现canvas的鼠标事件的添加与调用LG...
上一篇，我已经模仿as，加入了LBitmap和LBitmapData类，并且用它们实现了静态图片的显示。这次用Sprite来动态显示图片。依然遵循上一篇对显示对象的处理的思路，添加LSprite类，并追加show方法，如下：function LSprite(){ var self = this; self.type = "LSprite"; self.x = 0; self.y = 0; self.visible=true; self.childList = new Array() } LSprite.prototype = { show:function (cood){ if(cood==null)cood={x:0...
这次用继承自LSprite的类来实现简单的rpg的demo先看一下最后的代码与as的相似度var backLayer; //地图 var mapimg; //人物 var playerimg; var loader var imageArray; var loadIndex = 0; var imgData = new Array({name:"back.jpg",img:null},{name:"1.png",img:null},{name:"2.png",img:null}); var chara; var charaList; function main(){ loadImage(); } function loadImage(){ if(loadIndex >= ...
canvas本身就是一个Graphics，可以直接进行绘图在actionscript里面，每个Sprite都有一个Graphics，Shape我先不考虑了，它更容易实现些，在Html5中，绘图都是绘在同一个canvas上面的，所以我们现在需要考虑两个问题，1，如何把每个Sprite里的Graphics在不同的时刻，画在同一个地方2，因为我们现在在不停的刷新页面，所以如果我们用Graphics绘图，那么它也需要不断的刷新那我现在依然先假设，每一个Sprite储存的Graphics，只保存一些...
用仿ActionScript的语法来编写html5——第六篇，TextField与输入框一，对比1,html5中首先看看在html5的canvas中的文字显示var canvas = document.getElementById("myCanvas"); var context = canvas.getContext("2d"); context.font = "40pt Calibri"; context.fillStyle = "#0000ff"; context.fillText("文字测试!", 50, 150);在html中输入框就不用说了，需要用到input标签<input type="text" id="myTextbox" />2,在...
第七篇，自定义按钮这次弄个简单点的，自定义按钮。其实，有了前面所定义的LSprite,LBitmap等类，定义按钮就很方便了。下面是添加按钮的代码，function gameInit(event){ backLayer = new LSprite(); addChild(backLayer); btn01 = new LButton(new LBitmap(new LBitmapData(imglist["replay_button_up"])),new LBitmap(new LBitmapData(imglist["replay_button_over"]))); btn01.x = 76; btn01.y = 50; backLayer.addChild(...
第八篇，图片处理+粒子效果用仿ActionScript的语法来编写html5系列开发到现在，应该可以做出一些东西了，下面先来研究下图片的各种效果预览各种效果看下图效果和代码看这里,看不到效果的请下载支持html5的浏览器http://fsanguo.comoj.com/html5/jstoas07/index.htmllufylegend.js引擎的下载链接http://lufylegend.com/lufylegend因为引擎封装后，对于之前的代码做了一部分调整，删去了一些属性，下面是我用新版引擎开发的同样的粒子...
第九篇，仿URLLoader读取文件先看看最后的代码function readFile(){ urlloader = new LURLLoader(); urlloader.addEventListener(LEvent.COMPLETE,readFileOk); urlloader.load("../file/test.txt","text"); } function readFileOk(){ mytxt.text = urlloader.data; }基本上已经实现了Actionscript的模仿了。效果和代码看这里,看不到效果的请下载支持HTML5的浏览器http://fsanguo.comoj.com/html5/jstoas09/index.html 下面说说实现...
一,LegendForHtml5Programming1.0库件是什么?它是一个javascript库，它模仿了ActionScript的语法，用于html5的开发，目前实现的功能相对较少，还不能称之为引擎，希望将来可以作为html5的开源引擎，为html5开发者提供服务。二，LegendForHtml5Programming1.0库件的构建过程请参照下面的九篇文章，最终代码和构建过程会有些出入，以源码为准。用仿ActionScript的语法来编写html5系列文章第一篇，显示一张图片http://blog.csdn.net/l...
最近开始学习html5，因为一直都是研究as，所以还是觉得as顺眼一点，但是html5也不能不学，于是就想出了，可以把html5用as的语法来写出来，做游戏应该来的比较顺手一些，下面开始第一篇第一篇，显示一张图片一，代码对比as代码：public var loader:Loader; public function loadimg():void{ loader = new Loader(); loader.contentLoaderInfo.addEventListener(Event.COMPLETE,complete); loader.load(new URLRequest("1059485...