css精灵如何控制图片垂直显示

Posted 2023-05-13

参考技术A

<div class="box"><img src="kuaisan017.png" style="width:100px;height:100px;"/></div>

<style>

.boxwidth:400px;height:400px;background: skyblue;position: relative;

.box imgposition: absolute;display: inline-block;left: 50%;top:50%;margin-top: -50px;/*50px为图片高度和宽度的一般*/margin-left: -50px;/*50px为图片高度和宽度的一般*/

</style>

上面代码即垂直居中，又水平居中。

如何自动创建精灵并在房间中垂直移动它们？游戏制作者开发者

【中文标题】如何自动创建精灵并在房间中垂直移动它们？游戏制作者开发者

【英文标题】：How to auto-create the sprite and move them vertically in the room? GameMaker developer

【发布时间】：2016-07-04 17:17:48

【问题描述】：

伙计们，我想在没有 GML 的情况下做到这一点，我想这很容易做到enter image description here。 你可以在我上传的图片中看到。共有三个精灵，我希望它们在特定位置随机进入房间。

各位，我是游戏制作新手，这是我的第一款游戏。

我正在为 Android 制作一款射击游戏。您可以参考图像以获得有关游戏的清晰概念。 我所做的事情是：我制作了 3 个精灵红色，黄色，绿色

我想做的是： 我希望红色黄色绿色精灵垂直移动，玩家会射击它们。

我希望精灵在随机位置（我的意思是在顶部）自动创建并沿垂直方向移动并且不应相互重叠。

我该怎么做？

【参考方案1】：

嗯，有很多不同的方法可以做到这一点。最简单的方法是创建一个对象，为其分配一个精灵，以随机 y 生成它并为其分配一个 vspeed。

在对象创建事件中：

sprite_index = your_sprite;
x = 0;
y = random(room_width);
vspeed = the_speed_you_want;

我想你希望能够对精灵进行射击，所以制作一个对象比简单地绘制它们要好。 如果您不想让它们重叠，您可以定义 3 个可能的起始位置，并使用 choose() 函数随机选择一个。