javascript - 如何在 Phaser 中将tileSprite拉伸(stretch)到全屏?

标签 javascript jquery sprite phaser-framework

那么,问题是:如何将tileSprite拉伸(stretch)到全屏?

planetSprite = game.add.tileSprite(0, 0, game.width + 500, game.height + 900, planetObject.key + 'Planet');
// planetSprite.anchor.setTo(0, 0);
planetSprite.scale.set(0.75, 0.6);
planetSprite.fixedToCamera = true;

这里我有一个问题: 在我的屏幕上看起来不错,但在更大的屏幕上这个tileSprite会重复 而且在更大的屏幕上它也不会拉伸(stretch)到全屏

图片已附上 enter image description here

提前谢谢你们,伙计们!!

最佳答案

sprite.scale 将 Sprite 的比例设置为其实际尺寸的百分比,因此将 scale.x 设置为 的 1000 px 宽 Sprite 0.75 在任何屏幕上都是 750 像素宽。

我的方法是将sprite.width设置为与game.width一样宽,然后设置sprite.scale.y = sprite.scale。 x 以保持宽高比。

关于javascript - 如何在 Phaser 中将tileSprite拉伸(stretch)到全屏?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/30244804/

相关文章:

javascript - 从 Playbook 应用程序打开文件

javascript - Three.js - 未捕获的类型错误 : Cannot read property 'normal' of undefined

javascript - 如何在读取文件时在 JSON.parse() 之前删除特殊字符

javascript - AJAX 请求复制整个页面

jquery - 在 Jquery dynatree 中展开 Lazyload 上的所有节点

javascript - 字符串第一个单词在 Javascript 中的位置

javascript - Yahoo YUI DataTable.DataSource,无论如何简单更新?

jquery - 在不断变化的背景上随机放置的单词(链接)

css - 减少基于媒体查询的mixin

java - java中的跳球物理,重力