【问题标题】:Cannot draw image over than square in XNA无法在 XNA 中绘制超过正方形的图像
【发布时间】:2012-08-08 17:00:47
【问题描述】:

我正在做一个乒乓球游戏。在调试时,我一直在使用一个简单的 44 x 44 .png 红色正方形作为我的球。游戏在这个方块上运行良好。

当我尝试将纹理替换为正方形以外的任何东西时,我看不到屏幕上绘制的球,我不知道为什么。我在 Photoshop 中使我的图像大小完全相同,并使用 .PNG 或 .JPG 并获得相同的结果,但我一生都无法弄清楚。您认为可能导致此问题的原因是什么?

我在下面的文字中留下了我的球的代码。 GameplayScreen 正在调用我的球的更新和绘制方法(使用 MS 的 GSM 示例)。

    public class Ball : IGameEntity
{
    #region Fields

    private Random rand;                // Random var
    private Texture2D texture;          // Texture for the ball
    private double direction;           // Directon the ball is traveling in                
    private bool isVisible;
    private bool hasHitLeftBat;         // Checked to see if the ball and bat have just collided
    private bool hasHitRightBat;        // Checked to see if the ball and bat have just collided
    private Vector2 ballPosition, resetBallPos, oldBallPos;
    private Rectangle ballRect;
    public float Speed;
    private SpriteBatch spriteBatch;    // Spritebatch
    private bool isBallStopped;
    private Vector2 origin;             // Locate the mid-point of the ball
    public float RotationAngle;
    private AIBat rightBat;             // Player's Bad
    private Bat leftBat;                // AI Bat
    private float ballRelativePos;
    private Rectangle rectangle3;       // Used to draw the collison rectangle
    private Texture2D blank;            // Texture to be drawn on the collision rectangle

    GameplayScreen gameplayScreen;      // Creates an instance of the GameplayScreen
    Game1 gameInstance;                 // Creates an instance of the Game1 class
    int selectedStage;                  // Pass this into GameplayScreen for selecting easy, medium, or hard


    #endregion

    #region Constructors and Destructors

    /// <summary>
    /// Constructor for the ball
    /// </summary>
    public Ball(ContentManager contentManager, Vector2 ScreenSize, Bat bat, AIBat aiBat)
    {
        Speed = 15f;
        texture = contentManager.Load<Texture2D>(@"gfx/balls/redBall");
        direction = 0;
        ballRect = new Rectangle(0, 0, texture.Width /2, texture.Height /2);
        resetBallPos = new Vector2(ScreenSize.X / 2 + origin.X, ScreenSize.Y / 2 + origin.Y);
        ballPosition = resetBallPos;
        rand = new Random();
        isVisible = true;
        origin = new Vector2(texture.Width / 2, texture.Height / 2);
        leftBat = bat; // Creates a new instance of leftBat so that I can access Position.X/Y for LeftBatPatcicles()
        rightBat = aiBat;// Creates a new instance of leftBat so that  can access Position.X/Y for RightBatPatcicles()
        gameplayScreen = new GameplayScreen(null, selectedStage);
        gameInstance = new Game1();
        Rectangle rectangle3 = new Rectangle();
        blank = contentManager.Load<Texture2D>(@"gfx/blank");               

        //   pes = new ParticleEmitterService(game);
    }

    public Ball(Bat myBat)
    {
        leftBat = myBat;          // this assigns and instantiates the member bat
                                  // with myBat which was passed from the constructor
    }

    #endregion

    #region Methods

    /// <summary>
    /// Draws the ball on the screen
    /// </summary>
    public void Draw(SpriteBatch spriteBatch)
    {
        if (isVisible)
        {
            // Draws the rotaing ball
            spriteBatch.Draw(texture, ballPosition, ballRect, Color.White,
                              RotationAngle, origin, .0f, SpriteEffects.None, 0);

            spriteBatch.Draw(blank, rectangle3, Color.LightCoral);
        }
    }

    /// <summary>
    /// Updates position of the ball. Used in Update() for GameplayScreen.
    /// </summary>
    public void UpdatePosition(GameTime gameTime)
    {
        ballRect.X = (int)ballPosition.X;
        ballRect.Y = (int)ballPosition.Y;
        oldBallPos.X = ballPosition.X;
        oldBallPos.Y = ballPosition.Y;

        ballPosition.X += Speed * ((float)Math.Cos(direction));

        ballPosition.Y += Speed * ((float)Math.Sin(direction));
        bool collided = CheckWallHit();


        // Stops the issue where ball was oscillating on the ceiling or floor
        if (collided)
        {
            ballPosition.X = oldBallPos.X + Speed * (float)1.5 * (float)Math.Cos(direction);
            ballPosition.Y = oldBallPos.Y + Speed * (float)Math.Sin(direction);
        }

        // As long as the ball is to the right of the back, check for an update
        if (ballPosition.X > leftBat.BatPosition.X)
        {
            // When the ball and bat collide, draw the rectangle where they intersect
            BatCollisionRectLeft();
        }

        // As longas the ball is to the left of the back, check for an update
        if (ballPosition.X < rightBat.BatPosition.X)
        {   // When the ball and bat collide, draw the rectangle where they intersec
            BatCollisionRectRight();
        }

        // The time since Update was called last.
        float elapsed = (float)gameTime.ElapsedGameTime.TotalSeconds;

        // Rotation for the ball
        RotationAngle += elapsed;
        float circle = MathHelper.Pi * 2;
        RotationAngle = RotationAngle % circle;

        //      base.Update(gameTime);
        gameInstance.update();

    }


    /// <summary>
    /// Checks for the current direction of the ball
    /// </summary>
    public double GetDirection()
    {
        return direction;
    }

    /// <summary>
    /// Checks for the current position of the ball
    /// </summary>
    public Vector2 GetPosition()
    {
        return ballPosition;
    }

    /// <summary>
    /// Checks for the current size of the ball (for the powerups)
    /// </summary>
    public Rectangle GetSize()
    {
        return ballRect;
    }



    /// <summary>
    /// Checks to see if ball went out of bounds, and triggers warp sfx. Used in GameplayScreen.
    /// </summary>
    public void OutOfBounds()
    {
        AudioManager.Instance.PlaySoundEffect("Muzzle_shot");
    }

    /// <summary>
    /// Speed for the ball when Speedball powerup is activated
    /// </summary>
    public void PowerupSpeed()
    {
        Speed += 20.0f;
    }

    /// <summary>
    /// Check for where to reset the ball after each point is scored
    /// </summary>
    public void Reset(bool left)
    {
        if (left)
        {
            direction = 0;
        }
        else
        {
            direction = Math.PI;
        }

        ballPosition = resetBallPos; // Resets the ball to the center of the screen
        isVisible = true;
        Speed = 15f; // Returns the ball back to the default speed, in case the speedBall was active
        if (rand.Next(2) == 0)
        {
            direction += MathHelper.ToRadians(rand.Next(30));
        }
        else
        {
            direction -= MathHelper.ToRadians(rand.Next(30));
        }
    }

    /// <summary>
    /// Shrinks the ball when the ShrinkBall powerup is activated
    /// </summary>
    public void ShrinkBall()
    {
        ballRect = new Rectangle(0, 0, texture.Width / 2, texture.Height / 2);
    }

    /// <summary>
    /// Stops the ball each time it is reset. Ex: Between points / rounds
    /// </summary>
    public void Stop()
    {
        isVisible = true;
        Speed = 0;
        isBallStopped = true;
    }

    /// <summary>
    /// Checks for collision with the ceiling or floor. 2*Math.pi = 360 degrees
    /// </summary>
    private bool CheckWallHit()
    {
        while (direction > 2 * Math.PI)
        {
            direction -= 2 * Math.PI;
            return true;
        }

        while (direction < 0)
        {
            direction += 2 * Math.PI;
            return true;
        }

        if (ballPosition.Y <= 0 || (ballPosition.Y > resetBallPos.Y * 2 - ballRect.Height))
        {
            direction = 2 * Math.PI - direction;
            return true;
        }
        return true;
    }

    /// <summary>
    /// Used to determine the location where the particles will initialize when the ball and bat collide
    /// </summary>
    private void BatCollisionRectLeft()
    {
        // For the left bat
        if (ballRect.Intersects(leftBat.batRect))
        {
            rectangle3 = Rectangle.Intersect(ballRect, leftBat.batRect);
        }
    }

    /// <summary>
    ///Checks for collision of Right Bat
    /// </summary>
    private void BatCollisionRectRight()
    {
        // for the right bat
        if (ballRect.Intersects(rightBat.batRect))
        {
            rectangle3 = Rectangle.Intersect(ballRect, rightBat.batRect); ;
        }
    }

【问题讨论】:

    标签: c# xna


    【解决方案1】:

    我注意到了 2 件事,我认为您在调用时不想将矩形尺寸减半

    ballRect = new Rectangle(0, 0, texture.Width /2, texture.Height /2);
    

    另外,你在你的球上画了这个blank sprite,这样如果它们重叠,你就看不到球,但如果是这样的话,我不知道为什么它与正方形一起使用.

    【讨论】:

    • 对不起,我把纹理切成两半,因为我只是想把它变小以进行测试。我想我忘了删除那条线。我只在球和球棒碰撞的位置绘制空白精灵(实际上只是一个白色块,涂有 Color.LightCoral)。因此,一旦它们发生碰撞,它就会在那里绘制“空白”纹理,然后在击中下一个球棒时将其移除。
    【解决方案2】:

    除非您不想绘制整个图像,否则您不应在绘图调用中将任何内容作为 SourceRect 参数传递。

    您现在设置它的方式是在尝试绘制球时将“ballRect”作为您的 SourceRect 传递,并且该 ballRect 参数正在根据球的位置进行更新,因此您正在尝试绘制一部分超出纹理大小的图像。

    如果要绘制整个球,只需使用:

    spriteBatch.Draw(texture, ballPosition, null, Color.White,
                              RotationAngle, origin, .0f, SpriteEffects.None, 0);
    

    如果您只想绘制球的左上象限,您可以传入以下矩形作为您的 SourceRect:

    Rectangle sourceRect = new Rectangle(0, 0, texture.Width / 2, texture.Height / 2);
    

    然后你可以在你的 Draw 调用中使用它:

    spriteBatch.Draw(texture, ballPosition, sourceRect, Color.White,
                              RotationAngle, origin, .0f, SpriteEffects.None, 0);
    

    编辑:您还将 .0f 作为“比例”参数传递,因此当它绘制您的球时,它的大小将为 0 像素,我猜这不是预期的行为。使用 1f 作为你的比例会以它的默认大小绘制它。

    【讨论】:

    • 就是这样!我需要将 SourceRect 更改为 null,并将比例更改为 1。我不是为什么它为 0,但我猜是因为我的原始纹理只是一个大的红色块,它有多大并不重要.
    【解决方案3】:

    您将ballRect 作为源矩形 传递给Draw(),它指定精灵在纹理上存在的位置。如果要使用整个纹理,请指定null。否则,请确保 ballRect 的值始终在纹理范围内。

    您似乎正在使用它来跟踪精灵在屏幕上的位置。来自您的 UpdatePosition 函数:

    ballRect.X = (int)ballPosition.X;
    ballRect.Y = (int)ballPosition.Y;
    

    这会在纹理边界之外生成纹理坐标,这些坐标被采样器钳制。对于完全由红色像素组成的纹理,这似乎可行,因为纹理边缘周围的像素都是红色的。在具有透明边框的纹理中,精灵将被钳制为该透明颜色。

    【讨论】:

      【解决方案4】:

      我注意到这一行

      resetBallPos = new Vector2(ScreenSize.X / 2 + origin.X, ScreenSize.Y / 2 + origin.Y);
      

      在你真正为它赋值之前,你的构造函数内部正在访问变量“origin”的属性;但是,您确实为其分配了一个值,仅比该值低几行。我会移动这条线:

      origin = new Vector2(texture.Width / 2, texture.Height / 2);
      

      高于它。我认为这应该可以解决您的问题;在从红色块过渡到正确图像的过程中,您的变化可能比您想象的要多。

      另外,作为旁注,当您使用 XNA 时,请尝试主要使用 PNG 图像。它们很小,加载速度很快;此外,它们还支持透明背景图片。

      【讨论】:

      • 我已经将原点重新定位到 resetballpos 线的上方。我还没有看到这个球。我通常一直使用 PNG,但我想我会在这种情况下尝试 JPG,只是为了验证它不是透明度问题。
      猜你喜欢
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 2012-01-30
      • 2018-09-13
      • 1970-01-01
      • 1970-01-01
      • 2021-11-05
      相关资源
      最近更新 更多