javascript - 移相器 : how to group polygons in layers?-6ren

javascript - 移相器 : how to group polygons in layers?

转载作者：行者123 更新时间：2023-11-27 23:37:46

25

4

我想要两个多边形，一个是静止的，另一个是移动并改变形状的。当它们重叠时，我希望固定多边形保持在顶部。

这是我的方法:

(function() {
  "use strict";

  var SIZE_X = 400;
  var SIZE_Y = 300;
  var CENTER_COLOR = 0xFF33FF;
  var ALT_COLOR = 0xFFFF33;

  var moving_graphics;
  var tick = 0;

  var LayerTest = {
    preload: function() {},
    create: function() {
      game.world.setBounds(-SIZE_X / 2, -SIZE_Y / 2, SIZE_X / 2, SIZE_Y / 2);

      var center_group = game.add.group();
      center_group.z = 1;
      var center_graphics = new Phaser.Graphics(game, 0, 0);
      center_graphics.beginFill(CENTER_COLOR);
      center_graphics.drawPolygon(new Phaser.Polygon([
        new Phaser.Point(-30, -30),
        new Phaser.Point(-30, 30),
        new Phaser.Point(30, 30),
        new Phaser.Point(30, -30)
      ]));
      center_graphics.endFill();
      center_group.add(center_graphics);

      var moving_group = game.add.group();
      moving_group.z = 0;
      moving_graphics = new Phaser.Graphics(game, 0, 0);
      moving_group.add(moving_graphics);
    },
    update: function() {
      moving_graphics.clear();
      moving_graphics.beginFill(ALT_COLOR);
      moving_graphics.drawPolygon(new Phaser.Polygon([
        new Phaser.Point(-SIZE_X / 2 + tick - tick % 40, -10),
        new Phaser.Point(-SIZE_X / 2 + tick - tick % 40, 10),
        new Phaser.Point(20 - SIZE_X / 2 + tick, 10),
        new Phaser.Point(20 - SIZE_X / 2 + tick, -10)
      ]));
      moving_graphics.endFill();
      tick++;
    }
  };

  var game = new Phaser.Game(SIZE_X, SIZE_Y, Phaser.AUTO, '', LayerTest);
})();

<!doctype html>
<html lang="en">

<head>
  <script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/phaser/2.4.4/phaser.js"></script>
</head>

<body>
</body>

</html>

我在中心创建一个粉红色正方形，然后创建一个从屏幕左侧开始然后向中心移动的黄色矩形。然而，即使我已将它们添加到组中并且中心组具有较高的 z-index，移动组始终设置在顶部。如果我不使用组并直接为每个图形对象设置 z-index，最终结果是相同的。

我希望移动组(黄色矩形)保持在另一个组后面。

最佳答案

在添加中心组之前添加移动组。

(function() {
  "use strict";

  var SIZE_X = 400;
  var SIZE_Y = 300;
  var CENTER_COLOR = 0xFF33FF;
  var ALT_COLOR = 0xFFFF33;

  var moving_graphics;
  var tick = 0;

  var LayerTest = {
    preload: function() {},
    create: function() {
      game.world.setBounds(-SIZE_X / 2, -SIZE_Y / 2, SIZE_X / 2, SIZE_Y / 2);

      var moving_group = game.add.group();
      moving_graphics = new Phaser.Graphics(game, 0, 0);
      moving_group.add(moving_graphics);
      
      var center_group = game.add.group();
      var center_graphics = new Phaser.Graphics(game, 0, 0);
      center_graphics.beginFill(CENTER_COLOR);
      center_graphics.drawPolygon(new Phaser.Polygon([
        new Phaser.Point(-30, -30),
        new Phaser.Point(-30, 30),
        new Phaser.Point(30, 30),
        new Phaser.Point(30, -30)
      ]));
      center_graphics.endFill();
      center_group.add(center_graphics);

    },
    update: function() {
      moving_graphics.clear();
      moving_graphics.beginFill(ALT_COLOR);
      moving_graphics.drawPolygon(new Phaser.Polygon([
        new Phaser.Point(-SIZE_X / 2 + tick - tick % 40, -10),
        new Phaser.Point(-SIZE_X / 2 + tick - tick % 40, 10),
        new Phaser.Point(20 - SIZE_X / 2 + tick, 10),
        new Phaser.Point(20 - SIZE_X / 2 + tick, -10)
      ]));
      moving_graphics.endFill();
      tick++;
    }
  };

  var game = new Phaser.Game(SIZE_X, SIZE_Y, Phaser.AUTO, '', LayerTest);
})();

<!doctype html>
<html lang="en">

<head>
  <script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/phaser/2.4.4/phaser.js"></script>
</head>

<body>
</body>

</html>

关于javascript - 移相器 : how to group polygons in layers?，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/33984759/

25

4

0

文章推荐： html - 防止跨度中的每个单词后换行

文章推荐： javascript - 如何正确初始化 Foundation 6 Javascript？

java - MySQL POLYGON ←→ JTS Polygon with JOOQ (as WKT)
我正在尝试在使用 jOOQ (3.9.x) 时在 MySQL POLYGON 类型和 Jts Polygon 之间进行无缝转换。理想情况下，我只想将数据库中的 WKT(众所周知的文本)解析为 Jts
python - Polygon.contains 和 Polygon.within 有什么区别？
文档字符串说: Polygon.contains 如果几何包含另一个则返回 True，否则返回 False Polygon.within 如果几何体在另一个几何体内部则返回 True，否则返回 Fal
R SF : Find polygons outside of multiple overlapping polygons
我有一个包含 1000 个多个重叠多边形的大型 shapefile。我试图在这些多个重叠多边形之外合并区域，这些多边形不与图层中的任何多边形重叠。这些实际上是火灾多次燃烧的区域，我正在寻找火灾仅燃烧一
c++ - boost::polygon 和 boost/geometry/geometries/polygon 区别？
我有两个问题: 1.) 我刚刚找到了 boost 1.53 Polygon 实现(在 http://www.boost.org/doc/libs/1_53_0/libs/polygon 上)并且想测试
leaflet - Geojson/草坪 : merge multiple polygons to one polygon keeping hole
所以我想在 javascript 中合并相邻的多边形，这就是我的代码实际拥有的内容: 我想删除内部笔划但保留边框笔划。所以我想从这里开始: 对此: 我想保留巴黎的洞 - 我可以定义必须对哪些多边形进
rust - 无法将 geo_type::Polygon 转换为 geos::Polygon:在 geos 中找不到 from_geo
我有一个 geojson 文档，我想对其执行一些 GEOS 转换，例如:计算交点、从另一个多边形中减去多边形等。我已经能够创建 geo_types::Polygon来自文档，但无法将其转换为 GEO
r - 使用带有 transition_time 的 geom_map 得到错误 : Error in insert_points(polygon$x, polygon$y, splits, n)
我正在尝试展示纽约州 COVID 病例的增长情况这段代码得到了我想要的情节，但没有动画或时间方面。完整错误: Error in insert_points(polygon$x, polygon$y
polygon - 使用多边形形状创建和监控地理围栏
我正在尝试使用多边形实现地理围栏系统。基本上，如果用户进入地理围栏区域，用户应该会收到通知。经过许多研究后，我只能使用 Circular 找到 Geofence。到目前为止，我实现了该系统，但它仅通过
polygons - 删除多边形的一部分会使整个事物不呈现
所以，我做了一个棱镜: width=30 thickness=15 polyhedron( points=[ [width,0,0],[width,0,thickness],
polygon - 在openscad中将圆形变形为椭圆形
我正在尝试在 openscad 中创建一个风扇管道，将管道从圆形展平为椭圆形。有没有办法在openscad中做到这一点？如果没有，是否还有其他编程方式来生成这种类型的 3d 模型？谢谢丹尼斯最佳
polygons - 取消一组多边形中任何交叉边的快速算法
我有许多多边形，每个多边形都表示为一个点列表。我正在寻找一种快速算法来遍历多边形列表并取消所有交叉边，直到没有交叉边为止。当前版本的伪代码: While True: For each pai
polygon - 单调多边形的德劳内三角剖分
我在整个互联网和科学数据库中搜索了一篇关于单调多边形的 Delaunay 三角剖分的论文。我不是在寻找任意的多边形三角剖分，而是在寻找 Delaunay 三角剖分。有人知道这样的出版物，其中单调多边形
polygon - 通过偏移将多边形缩小到特定区域
我有一个 2D 多边形，我想将其缩小特定的偏移量 (A) 以匹配原始多边形的特定面积比 (R)。是否有解决此类问题的公式或算法？我对三角形/四边形的简单解决方案以及复杂多边形的解决方案感兴趣。我附
polygon - 命中多边形
我有一个由点列表组成的二维多边形，我想检查给定点是否位于该多边形中，但我找不到检查这个的好方法。谁能指出我正确的方向？最佳答案 http://en.wikipedia.org/wiki/Point
polygon - 如何计算多边形中特定大小区域的数量
在我的调查过程中，我一直试图为拟议的风力涡轮机开发找到合适的位置，通过这个我计算了合适的区域，如图 1 所示。但我仍然试图找到一种方法来计算可能的涡轮机数量位于该多边形内部，由于涡轮机不能在彼此的 6
polygon - 在固定位置用最少数量的重叠多边形覆盖多边形
如何从一组固定位置的多边形中选择最少数量的多边形，其并集覆盖输入多边形？例如，让我们考虑以下输入，其中绿色多边形是查询集，蓝色多边形是查询: 正确的覆盖应该是两个多边形: 如何计算哪些多边形最有效地
polygon - 如何检测传单中的多边形是否重叠
我正在使用传单绘制来创建多边形。我的要求是当用户绘制多边形时，它不应与现有多边形相交/重叠。我已经使用多边形传单中的点来检测点是否落在多边形内并且它正在工作，但问题是我无法检测一条线是否穿过另一个多边
polygon - Java中坐标的顺序会影响多边形的绘制吗
我问是否有任何特定的顺序需要输入我的坐标集以使用 Java 中的 Graphics2D 类绘制多边形。例如，对于 X 和 Y 坐标数组，我的坐标(X，Y)的值是否需要按降序/升序排列？或者另一个例子
polygons - 将一个有孔的多边形转换为多个没有孔的简单多边形
我正在处理 IfcFace .我得到了一个带孔的简单多边形，我需要将它转换为多个没有孔的简单多边形，以便我的 CAD 进一步处理它。一个小演示说明: 我最好的方法是进行约束德劳内三角剖分并将三角形重新
polygon - 从多边形内的点到多边形边缘的距离
我正在使用 NLCD 数据处理一个巨大的区域，7 个州的森林和非森林。在一些森林区域内有一 block 地 block (这是我正在研究的硕士论文)。我用这个大数据集让我问过的每个人都难过，但我们确信

首页

博学

6Ren·AI

商城

javascript - 移相器 : how to group polygons in layers?