如何在多边形上获得Y位置

时间:2015-03-20 12:01:18

标签: java coordinates polygon

我在Java的2D游戏中有一个多边形。如何从多边形上的给定X位置获取多边形上的Y位置。

见图:

Game, polygon

我想将玩家放在十字架上,但我不知道如何在多边形上找到Y位置。

此处还有一些信息,多边形的类型为http://docs.oracle.com/javase/7/docs/api/java/awt/Polygon.html

以下是它的创建方式:

 private void paintGround(Graphics2D g2d){
    int width =  gameBoard.getWidth(); //1000
    int height = gameBoard.getHeight(); //750
    int xCoords[] = {0,0,width/2,width,width};
    int yCoords[] = {height,height/2,height/2-100,height/2,height};
    g2d.setColor(Color.white);
    Polygon polygon = new Polygon(xCoords, yCoords,5);
    g2d.fillPolygon(polygon);
    }

感谢您的时间并抱歉这个愚蠢的问题:)

如果有人有兴趣,请点击这里的git: https://github.com/davli921/Smrow.git

1 个答案:

答案 0 :(得分:3)

这是一个更通用的解决方案,用于获取两个顶点之间特定点的高度:

  • 将“山”定义为数组,索引表示X值,实际内容表示Y(高度) )值。
  • 使用此信息根据当前X值计算“玩家”的Y位置。
  • 绘制结果。

以下示例已在Javascript中实现,因此任何人都可以在浏览器中轻松尝试,但无论您使用何种语言,原则都是相同的。首先我们需要定义一些基本的HTML,以便我们有一个画布来绘制:

<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <title>Example</title>
  </head>
  <body>
    <canvas id="game_canvas" width="400" height="300">You must enable Javascript</canvas>
    <script src="game.js"></script>
  </body>
</html>

现在,这是重要的部分 - Javascript:

"use strict";

// This series of points represents the "height" values of the landscape.
var points = [10, 50, 150, 20, 100, 10];

// Let's pick a random X position...
var x = Math.random() * (points.length-1);

// We can get the height at a given point by interpolating the vertices:
var v1 = points[Math.floor(x)];
var v2 = points[Math.ceil(x)];
var y = v1 + ((v2-v1) * (x % 1.0));

// Now let's draw the "game" state...
var canvas = document.getElementById("game_canvas");
var ctx = canvas.getContext("2d");
var x_scale = canvas.width / points.length;

// This is the "world"...
ctx.moveTo(0, points[0]);
for (var p = 1; p < points.length; ++p) { ctx.lineTo(x_scale * p, points[p]); }
ctx.stroke();

// ...and this is the "player".
ctx.fillStyle = "red";  
ctx.fillRect((x * x_scale)-4, y-4, 8, 8);

将这些文件保存到本地文件夹(确保JS文件保存为game.js)并在浏览器中打开HTML文件:

image http://i57.tinypic.com/ix8dvl.png

F5 刷新页面(从而选择一个新的随机X位置。)