文档章节

lufylegend-HTML5游戏引擎学习笔记2:层

WolfX
 WolfX
发布于 2016/03/07 14:38
字数 253
阅读 64
收藏 0

接着上篇继续:

上篇地址: http://my.oschina.net/wolfx/blog/632033

本次的demo是关于层这个概念,

接触过PS的一定都知道图层这个东西,这里的层和PS的图层差不多,就是为了使图形之间不相互影响.

我们把上篇的例子改造一下:

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title></title>
		<script type="text/javascript" src="js/lufylegend-1.10.0.min.js" ></script>
	</head>
	<body>
		<div id="my"></div>
		<script>
			var loader;
			LInit(50,"my",500,500,main);
			function main(){
				loader = new LLoader();
				loader.addEventListener(LEvent.COMPLETE,loadBitmapData);
				loader.load("img/winImg.png","bitmapData");
			}
			function loadBitmapData(event){
				var bitmapData = new LBitmapData(loader.content);
				var bitmap = new LBitmap(bitmapData);
				//加入层
				var layer = new LSprite();
				addChild(layer);
				layer.addChild(bitmap);
				layer.x = 50; //x轴
				layer.y = 50; //y轴
				layer.rotate = 60; //旋转
			}
		</script>
	</body>
</html>

我们还可以对层做一些操作,不如修改x,y坐标,旋转,缩放等

官方API: http://lufylegend.com/api/zh_CN/out/classes/LSprite.html

到这里我突然想到一个问题,addChild是个全局方法,如果我一个页面上有多个canvas呢,这会是什么样的情况?

© 著作权归作者所有

WolfX

WolfX

粉丝 52
博文 246
码字总数 31477
作品 0
南京
技术主管
私信 提问
娱乐开发两不误,10 大开源游戏框架推荐

从角色扮演游戏到即时策略游戏,从冒险解谜游戏到动作射击游戏,甚至是只有一兆大小的迷你游戏,都有起着核心作用的技术组成部分。本文将介绍十大好用的开源游戏引擎和框架,希望能给你的游戏...

编辑部的故事
2017/10/25
10.3K
19
广州.NET男屌求职

差不多两年的经验吧,一直是做.NET,工具当然是VS+MSSQL,偶尔做了一两个项目是用mysql的,从毕业以来一直在一间公司工作(我很忠诚的哦),下面是一些不值得一提的小项目,希望有淫能收留,...

任意球
2014/02/13
1K
25
18 款超酷的 HTML5 和 JavaScript 游戏引擎库

现在的游戏开发变得越来越复杂,需要制作各种炫丽的效果,还要制作各种基于 2D 或者 3D 的场景。为了节省游戏开发者的时间,让开发者集中精力在游戏的创新上,出现了许许多多的游戏引擎。而现...

oschina
2014/04/17
26.9K
13
LayaBox CTO汪阔iWeb峰会:三端是游戏行业未来的

8月27日,由HTML5梦工场举办的“2016 iWeb峰会·北京站”盛大开幕,本次峰会聚集了包括LayaBox、英特尔、蝴蝶互动在内的众多知名企业,共同探讨在HTML5行业的现状和未来。在峰会上,知名H5游...

来亚盒子
2016/08/30
0
0
25 个超棒的 HTML5 & JavaScript 游戏引擎开发库

就像在汽车中,引擎完成主要的工作,使汽车看起来不可思议。游戏引擎同理,游戏开发者完成细节的工作,使游戏看起来真实、吸引人眼球。游戏引擎负责其余的事情。早期,游戏开发者通常从草图做...

oschina
2015/02/26
12.6K
44

没有更多内容

加载失败,请刷新页面

加载更多

CSS--列表

一、列表标识项 list-style-type none:去掉标识项 disc:默认实心圆 circle:空心圆 squire:矩形 二、列表项图片 list-style-img: 取值:url(路径) 三、列表项位置 list-style-position:...

wytao1995
今天
4
0
linux 命令-文本比较comm、diff、patch

本文原创首发于公众号:编程三分钟 今天学了三个文本比较的命令分享给大家。 comm comm 命令比较相同的文本 $ cat charabc$ cat chardiffadc 比如,我有两个文件char和chardiff如上,...

编程三分钟
今天
7
0
QML教程

https://blog.csdn.net/qq_40194498/article/category/7580030 https://blog.csdn.net/LaineGates/article/details/50887765...

shzwork
今天
5
0
HA Cluster之5

对于使用heartbeat v2版的CRM配置的集群信息都是保存在一个名为cib.xml的配置文件中,存放在/var/lib/heartbeat/crm/下。CIB:Cluster Information Base,由于xml文件配置不是那么方便,所以...

lhdzw
今天
6
0
玩转Redis-Redis基础数据结构及核心命令

  《玩转Redis》系列文章主要讲述Redis的基础及中高级应用,文章基于Redis5.0.4+。本文主要讲述Redis的数据结构String,《玩转Redis-Redis基础数据结构及核心命令》相关操作命令为方便对比...

zxiaofan666
今天
11
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部