phaser3 之 this.add.add.image
文章目录
- image(x, y, texture [, frame]) [GameObjects.Image](http://www.zixuephp.com/manual/phaser3/name/Phaser.GameObjects.Image.html)
- rotation 此游戏对象的角度（以弧度表示）。
- frame :Phaser.Textures.Frame
- setInteractive( [hitArea] [, callback] [, dropZone]):
- once(event, fn [, context])
- setOrigin( [x] [, y])
- setPipeline(pipeline [, pipelineData] [, copyData])
- setTint( [topLeft] [, topRight] [, bottomLeft] [, bottomRight])
- setAngle( [degrees]) 设置这个游戏对象的角度。
- setFlipX(value) 设置此游戏对象的水平翻转状态。
- setFlipY(value) 设置此游戏对象的垂直翻转状态。
- texture :[Phaser.Textures.Texture|Phaser.Textures.CanvasTexture](http://www.zixuephp.com/manual/phaser3/name/Phaser.Textures.CanvasTexture.html)
- source < [Phaser.Textures.TextureSource](http://www.zixuephp.com/manual/phaser3/name/Phaser.Textures.TextureSource.html) >
- createBitmapMask( [renderable]) 创建并返回位图掩码。这个掩码可以被任何游戏对象使用，包括这个。
- setData/getData
- values
- data
- set/get
- query
- setAlpha( [topLeft] [, topRight] [, bottomLeft] [, bottomRight])
- alphaTopLeft 从游戏对象左上角开始的 alpha 值。该值是从角到游戏对象中心的插值。
- alpha :number - 属性
- alphaBottomLeft :number - 属性
- alphaBottomRight :number - 属性
- alphaTopRight :number - 属性
image(x, y, texture [, frame]) GameObjects.Image
var myimg = this.add.image(70, 530, 'down').setInteractive();
rotation 此游戏对象的角度（以弧度表示）。
如果想设置度数，可以使用 angle。
myimg.rotation = 180;
myimg.angle = 180 * Math.PI / 180;
frame :Phaser.Textures.Frame
此游戏对象用于渲染的纹理框架。
this.load.spritesheet('button', 'assets/ui/flixel-button.png', { frameWidth: 80, frameHeight: 20 });const btn = this.add.image(10,100, 'button', 0).setOrigin(0).setScale(2).setInteractive();btn.frame = btn.scene.textures.getFrame('button', frame);
setInteractive( [hitArea] [, callback] [, dropZone]):
Input游戏对象的输入控制
将此游戏对象传递给输入管理器以启用它以进行输入。
var myimg = this.add.image(70, 530, 'down').setInteractive();
myimg.setInteractive( [shape] [, callback] [, dropZone]); // 将此游戏对象传递给输入管理器以启用它以进行输入var downButton = this.add.image(70, 530, 'down').setInteractive();
downButton.on('pointerdown', function (event) { ... });
once(event, fn [, context])
为给定事件添加一次性侦听器。
参数：
event string | symbol 名称。
fn function 监听器功能。
context * <可选>这个 调用侦听器的上下文。
返回值：
this.
类型
Phaser.GameObjects.Image
setOrigin( [x] [, y])
设置此游戏对象的原点。
这些值在 0 到 1 的范围内给出。
参数：
x 数字 <可选> 0.5 水平原点值。
y 数字 <可选>X 垂直原点值。如果未定义，它将被设置为 的值x。
返回值：
这个游戏对象实例。
类型
Phaser.GameObjects.Image
var robot = this.add.image(300, 200, 'robot').setOrigin(0.2,0.2); // 设置游戏实例20%,20%的点为游戏实例的原点,这个原点在世界中的位置是300,200
setPipeline(pipeline [, pipelineData] [, copyData])
设置此游戏对象的主 WebGL 管道。
pipelineData如果给出参数，还设置属性。
管道和后管道共享相同的管道数据对象。
参数：
pipeline string | Phaser.Renderer.WebGL.WebGLPipeline 管道的基于字符串的名称，或要设置的管道实例。
pipelineData object <可选>可选的管道数据对象，它被深度复制到pipelineData这个游戏对象的属性中。
copyData bool <可选>
默认:true 管道数据对象是否应该被深度复制到pipelineData这个游戏对象的属性中？如果false它将通过引用设置。
返回：
这个游戏对象实例。
Phaser.GameObjects.Image
setTint( [topLeft] [, topRight] [, bottomLeft] [, bottomRight])
在此游戏对象上设置附加色调。设置颜色
色调的工作原理是从游戏对象纹理中获取像素颜色值，然后将其乘以色调的颜色值。您可以提供任何一种颜色值，在这种情况下，整个游戏对象将被着色为该颜色。或者您可以为每个角提供颜色。颜色在游戏对象的范围内混合在一起。
要修改设置后的色调颜色，请使用新值再次调用此方法或使用该 tint属性一次设置所有颜色。或者，使用性质tintTopLeft，tintTopRight, tintBottomLeft andtintBottomRight`独立设置的角落颜色值。
删除色调调用clearTint。
要将其从附加色调转换为基于填充的色调，请将属性设置tintFill为true。
参数：
topLeft 数字 <可选> 0xffffff 应用于游戏对象左上角的色调。如果没有给定其他值，则均匀应用此值，为整个游戏对象着色。
topRight 数字 <可选>应用于游戏对象右上角的色调。
bottomLeft 数字 <可选>应用于游戏对象左下角的色调。
bottomRight 数字 <可选>应用于游戏对象右下角的色调。
返回：
这个游戏对象实例。
类型
Phaser.GameObjects.Image
img.setTint(0xF90619,0xff6600,0x00a0e9,0x1C225D);var img = this.add.image(300, 300, 'megaset');
//框架中存储了自定义数据（请参见下面的JSON），我们可以使用这些数据对其着色：
img.setTint(img.frame.customData.tint);
img.clearTint();清除与此游戏对象关联的所有色调值。立即将颜色值设置回 0xffffff 并将色调类型设置为“additive”，这会导致纹理没有明显变化。
setAngle( [degrees]) 设置这个游戏对象的角度。
img.setAngle(20);
setFlipX(value) 设置此游戏对象的水平翻转状态。
水平翻转的游戏对象将在水平轴上反转呈现。翻转总是从纹理的中间发生，不会影响缩放值。如果这个游戏对象有一个物理身体，它不会改变身体。这只是一个渲染切换。
参数：
value 布尔值 翻转状态。false对于没有翻转，或被true翻转。
setFlipY(value) 设置此游戏对象的垂直翻转状态。
this.add.image(1920, 1080, 'bg').setOrigin(0).setFlipX(true).setFlipY(true);
texture :Phaser.Textures.Texture|Phaser.Textures.CanvasTexture
source < Phaser.Textures.TextureSource >
TextureSource 实例的数组。这些是此纹理独有的，包含实际的图像（或画布）数据。
this.image.texture.source[0].width / 2;
createBitmapMask( [renderable]) 创建并返回位图掩码。这个掩码可以被任何游戏对象使用，包括这个。
注意：位图蒙版仅适用于 WebGL。几何遮罩适用于 WebGL 和 Canvas。
要创建遮罩，您需要传入对可渲染游戏对象的引用。可渲染游戏对象是一种使用纹理进行渲染的对象，例如图像、精灵、渲染纹理或位图文本。
如果你不提供可渲染对象，而这个游戏对象有纹理，它会使用自己作为对象。这意味着您可以调用此方法从任何可渲染的游戏对象创建位图蒙版。
renderable: Phaser.GameObjects.GameObject <可选>
使用纹理的可渲染游戏对象，例如 Sprite。
const elephantLayer = this.add.layer();
const splat = this.make.image({ x: 400, y: 300, key: 'splat' }, false);
const mask = splat.createBitmapMask();elephantLayer.setMask(mask);
setData/getData
values
const img = this.add.image(300, 300, 'gem');
img.setData('name', 'Red Gem Stone');
img.setData('age', 18);img.getData('name')
img.data.values.age++data
set/get
query
const img = this.add.image(300, 300, 'gem');
img.setDataEnabled();
img.data.set('hehe_1', 'Red Gem Stonehehe_1');
img.data.set('hehe_2', 'Red Gem Stonehehe_2');
img.data.set('age', 18);img.data.get('name');
img.data.query(/^hehe/); // hehe开头的都会查询出来setAlpha( [topLeft] [, topRight] [, bottomLeft] [, bottomRight])
const face = this.add.image(400, 300, 'face');
const sea = this.add.image(400, 300, 'turkey');// top left, top right, bottom left, bottom right
sea.setAlpha(1, 1, 0, 0);
alphaTopLeft 从游戏对象左上角开始的 alpha 值。该值是从角到游戏对象中心的插值。
sea.alphaTopLeft = 0;
alpha :number - 属性
alphaBottomLeft :number - 属性
alphaBottomRight :number - 属性
alphaTopRight :number - 属性
phaser3 之 this.add.add.image相关推荐
- js面向对象插件的做法框架new goBuy('.cakeItem',{ add:'.add', reduce:'.reduce' },[1,0.7,0.6]);...
/*弹窗购买蛋糕*/;(function(){ var $DialogBg=$(".Dialogbg-Select"); var $Dialog=$(".Dialog-S ...
- 汇编 加法减法指令 inc dec add sub neg 标志寄存器测试
加法和减法 inc 和 dec inc reg/mem dec reg/mem .data myWord word 1000h .code inc myWord mov bx, myWord dec ...
- yarn add yarn global add
yarn global add & add -D https://yarnpkg.com/zh-Hans/docs/cli/add#toc-commands $ yarn global add ...
- Win32ASM学习[15]:加减指令: INC、DEC、NEG、ADD、ADC、SUB、SBB、CMP
---------------------------------------------------------------------------------------------------- ...
- C#LeetCode刷题之#67-二进制求和（Add Binary）
问题 该文章的最新版本已迁移至个人博客[比特飞],单击链接 https://www.byteflying.com/archives/3929 访问. 给定两个二进制字符串,返回他们的和(用二进制表示) ...
- git add 所有修改文件_Git 技术干货！工作中quot;Gitquot;的使用实践和常用命令合集！
作者:洋仔聊编程 出自:InfoQ 写作平台 原文:xie.infoq.cn/article/1ce91dc60431b1b8845729d41 工作中git是一项必不可少的技能,在项目的开发进程中起 ...
- TensorFlow 辨异 —— tf.add(a, b) 与 a+b（tf.assign 与 =）、tf.nn.bias_add 与 tf.add
1. tf.add(a, b) 与 a+b 在神经网络前向传播的过程中,经常可见如下两种形式的代码: tf.add(tf.matmul(x, w), b) tf.matmul(x, w) + b 简而 ...
- git下载，上传代码到GitLab ； Untracked files (use “git add ＜file＞...“ to include in what will be committed)
环境:Windows10 git版本:git-2.12.2.2-64-bit.exe 安装git,安装成功文件夹上右键,菜单中会有git GUI here 及git Bash here选项 使用: 1 ...
- java栈中的push,add,peek,pop
栈遵循先进后出,相当于压子弹进入弹膛再打出去,最先进去的最后被打出去. 下面是我最近用到的栈的几个方法及通过LinkedList的一些表示. push: public void push(Hero h ...
- 学 Win32 汇编[26] - 加减指令: INC、DEC、NEG、ADD、ADC、SUB、SBB、CMP
为什么80%的码农都做不了架构师?>>> ;INC(Increment): 加一 ;DEC(Decrement): 减一 ;NEG(Negate): 求补(求反) ;ADD(A ...
最新文章
- oracle 11g中密码过期问题
- springboot:实现分页查询,以及翻页功能
- 在.net core3.0中使用SignalR实现实时通信
- 二叉堆的操作总结（insert+deleteMin+increaseKey+decreaseKey+percolateDown+percolateUp）
- oracle select 变量_详解oracle数据库优化参数--cursor_sharing
- Meta最快明年推出智能手表 挑战下一代Apple Watch
- Java——JVM基本原理
- AS打包APK时，一直缺失so库的解决办法
- 大数据导论习题_2020高校邦《数据科学与大数据技术导论》课后作业习题答案...
- 机房冷风吹-linux基础环境搭建（基础篇）
- iOS应用内购基本步骤及问题
- 微信公众号获取永久素材
- 【转载】任正非：鼓足干劲，力争上游，不畏一切艰难困苦
- ubuntu中进行复制粘贴
- 格式转换——bmp 2 yuv
- 为什么这么多人想转行做产品经理？
- Verdi 改变字体大小额方法
- 微信小程序+vant的自定义tabBar
- 百度如流新版发布，“流式办公”跳出在线办公模式“围城”
- Poco 库开发-教你如何读Poco的官方文档