我正在尝试使用 Blazor 为圆形 svg 制作动画。我已经在俄罗斯方块游戏中看到了这一点,所以我可能只是想不出如何让它发挥作用。
<svg width="600" height="400">
<Ball Height="@Ball.Height" Width="@Ball.Width" CurrentPosition="@Ball.CurrentPosition"></Ball>
</svg>
<button class="btn btn-primary" @onclick="@Bounce">bounce</button>
成分
@inherits BallModel;
@using Blong.Client.Model
<circle cx="@CurrentPosition.X" cy="@CurrentPosition.Y" r="@Radius" style="@Style" />
退回代码
void Bounce()
{
for (int i = 0; i < 1000; i++)
{
Task.Run(() => SetPosition(Ball.CurrentPosition.X, Ball.CurrentPosition.Y++, GameHeight));
}
}
public async Task<bool> SetPosition(int x, int y, int LastRow)
{
if (y <= LastRow)
{
Ball.CurrentPosition.Y++;
Thread.Sleep(500);
return true;
}
return false;
}
这确实有点工作。每次我按下按钮时,我的球都会跳到新位置。有什么方法可以让它在循环时重新加载吗?我试图看到我的球在屏幕上移动。
慕沐林林
相关分类