HTML5游戏开发引擎Pixi.js完全入门手册(二)元素对象属性解析

下面,我们来解释下PIXI里面对象的各个属性。。

首先我们来看看这个各个元素对象里面到底长啥样、。

alpha

Number

整个舞台对象的透明度。

buttonMode

Boolean

渲染是否作为一个按钮。此项作者暂未测试。。

cacheAsBitmap

Boolean

设置元素,不显示对象缓存作为一个位图。

children

Array

[只读] 返回一个包含子元素的数组。

defaultCursor

String

元素被鼠标进过后的样式. 但是必须设置 interaction = true 和buttonMode = true作为前提

filterArea

Rectangle

设置某些特殊效果应用的范围。、

height

Number

元素的高度。

hitArea

Rectangle | Circle | Ellipse | Polygon

元素可点击范围

interactionManager

InteractionManager

The interaction manage for this stage, manages all interactive activity on the stage

interactive

Boolean

元素是否可交互

mask

Graphics

设置一个蒙版。规定一个元素的可见范围

parent

DisplayObjectContainer

[只读] 父对象。

pivot

Point

元素中心点,,。。

position

Point

元素交父节点的相对位置。

renderable

Boolean

元素是否被渲染

rotation

Number

旋转角度。

scale

Point

缩放倍率

visible

Boolean

是否可见。。

width

Number

元素宽度。。

worldAlpha

Number

[只读]  元素透明度。

x

Number

相对于父元素的横坐标位置。

y

Number

相对于父元素的纵坐标位置。

时间: 2024-10-09 18:29:29

HTML5游戏开发引擎Pixi.js完全入门手册(二)元素对象属性解析的相关文章

HTML5游戏开发引擎Pixi.js新手入门讲解

在线演示 本地下载 ?这篇文章中,介绍HTML5游戏引擎pixi.js的基本使用. 相关代码如下: Javascript 导入类库:(使用极客的cdn服务:http://cdn.gbtags.com) <scripttype="text/javascript"src="http://cdn.gbtags.com/pixi.js/1.6.1/pixi.js"></script> 引擎使用: .... .... 阅读原文:HTML5游戏开发引擎P

【Html5游戏开发 with LufyLegend.js 之一】一览全局函数 &amp; LGlobal静态类

一,前言 最近开始学习lufylegend.js,它是一款基于MIT协议的开源HTML5游戏引擎,目前使用Canvas渲染,2.0后会增添WebGL渲染.与其他的引擎相比,最大的特点就是模仿了ActionScript 3.0的语法,当然这只是一个特点,不会ActionScript对于学习lufylegend.js也没有什么坏的影响,我就是一个很好的例子(*_^),只不过如果你接触过ActionScript,那使用lufylegend.js的时候可能会顺手一些.以下是关于lufylegend.js

[转载]HTML5游戏开发资源

https://github.com/vicalloy/html5gamedev/blob/master/README.md 游戏引擎 名称 许可协议 流行度 Github Watch 关键特性 备注 Phaser MIT   4000+ TypeScript, 2D, WebGL 使用Pixi.js作为图像引擎.功能完善,并提供了超过的250+的范例.推荐使用 Pixi.js MIT   4000+ 2D, WebGL Pixi.js 是一个 2D webGL 渲染器,在浏览器不支持WebGL

html5游戏开发-零基础开发《圣诞老人送礼物》小游戏

开言: 以前lufy前辈写过叫" HTML5游戏开发-零基础开发RPG游戏"的系列文章,在那里面我学习了他的引擎以及了解了游戏脚本.自从看了那几篇文章,我便对游戏开发有了基本的认识.今天我也以零基础为视点,为大家讲述如何开发一款简单的游戏.希望大家看了这篇文章,能使你对理解游戏开发有帮助. 你可以先测试一下游戏: http://lufylegend.com/lufylegend_developers/yorhom_Christmas/index.html 1,如何进行游戏开发 1.1游

Html5游戏开发-145行代码完成一个RPG小Demo

lufy前辈写过<[代码艺术]17行代码的贪吃蛇小游戏>一文,忽悠了不少求知的兄弟进去阅读,阅读量当然是相当的大.今天我不仿也搞一个这样的教程,目地不在于忽悠人,而在于帮助他人. 先看demo效果图: 测试URL: http://www.cnblogs.com/yorhom/articles/3157553.html 关注我的blog的人不仿会看到我最近发布了新引擎lufylegendRPG 1.0.0,今天就算来推广一下这个引擎吧.也好让大家见证一下封装的力量. 引擎下载地址:http://

HTML5游戏开发都需要掌握哪些技能?

很多人都会问H5游戏有前途吗?其实我个人是比较看好H5的前景,尤其是在这个移动互联网的时代,Web技术的触角必然会深入到各个领域,包括题主关心的游戏领域. 当然H5目前仍然存在着不少缺点,包括大家所提到的性能较弱.碎片化问题和JS这门语言自身的缺点等等.但这不能抹杀H5自身的魅力,用户到达成本低,这是H5的杀手级优势.基于这个优势, H5前景必然是广阔的,更别提H5开发还有着开发效率高.部署迭代迅速等优势. 而H5也不是一成不变的,如运行效率.碎片化,和JavaScript自身的坑,这些令人困扰

html5游戏开发--&quot;动静&quot;结合(二)-用地图块拼成大地图 &amp; 初探lufylegend

一.前言 本次教程将向大家讲解如何用HTML5将小地图块拼成大地图,以及如何用现有的高级html5游戏开发库件lufylegend.js开发游戏. 首先让我们来了解了解如何用html5实现动画,毕竟"动静结合"是先有动再有静.看了上一章的内容,或许你就有了对html5实现动画有了初步了解: html5游戏开发--"动静"结合(一):  http://blog.csdn.NET/yorhomwang/article/details/8301451 二.html5实现用

HTML5游戏开发,剪刀石头布小游戏案例

剪刀石头布,非常可爱的小游戏,相信大家都非常的怀念这款小游戏,小时候也玩过很多次,陪伴着我的童年的成长,现在是不是还会玩一下,剪刀石头布游戏的规则我们都知道是:剪刀剪布,石头砸剪刀,布包石头.跟朋友.同学.兄弟姐妹有意见分歧?通过“剪刀石头布游戏”来一局吧,谁赢了听谁的.躲猫猫的时候,通过“剪刀石头布游戏”来一局吧,谁输了谁找.洗衣服.做饭.扫地等等什么的,通过“剪刀石头布游戏”来一局吧,谁输了谁做.这是我的处女座游戏,学校的时候跟着培训老师一步一步写出来的,今天在这里将这款游戏分享给伙伴们,可

HTML5游戏开发进阶指南 中文pdf扫描版?

HTML5游戏开发进阶指南介绍了HTML5游戏开发的一般过程和技巧.全书共分12章,第1章介绍了本书相关的HTML5的诸多新特性,包括在canvas上绘图.播放声音等,另外还引入了子画面页的概念:第2-4章利用Box2D物理引擎开发了一款非常类似于<愤怒的小鸟>的游戏,全面介绍了物理引擎的概念,以及在游戏中使用物理引擎的方法,这一部分还引入了视差滚动技巧,以实现某种伪3D效果:第5-10章开发了一款简化版的<红色警戒>游戏,这一部分涉及了相当多的内容,包括地图的制作,建筑与单位的设