地理背景下的 GD/PHP 热图

发布于 2024-08-11 19:49:27 字数 612 浏览 6 评论 0原文

我正在尝试使用 PHP 和 GD 重现 Bungie 用于在特定光环 3 地图上显示杀戮/死亡的热图效果。 (示例:http://www.bungie.net/stats/halo3 /heatmapstats.aspx?player=gatts007 - 选择像“Guardian”这样的地图作为更好的示例。)

我拥有游戏中的所有数据和背景地图图像,但我无法想出一种方法实际上让梯度正常工作。

到目前为止,这是我的过程:

  1. 在纯黑色背景上:对于每个 杀 绘制白色渐变-半透明圆圈 (中间附近实心,100% 边缘半透明)在那 地图上的位置。 (这是 工作良好。)
  2. 现在更换任何固体 纯半透明的黑色像素 像素。
  3. 将色标映射到剩余像素以获得热图效果。 (使用灰度值映射到颜色。)
  4. 将此创建的图像放置在真实地图背景的顶部。

我在执行步骤 2 和 3 时遇到问题。有人有这些步骤的一些好的示例吗?或者更好的是,一个能带来更好结果的过程?

谢谢!

I am trying to reproduce the heatmap effect Bungie uses to show kills/deaths on specific halo 3 maps using PHP and GD. (Example: http://www.bungie.net/stats/halo3/heatmapstats.aspx?player=gatts007 - pick a map like "Guardian" for a better example.)

I have all the data and background map images from my game, but I am having trouble coming up with a way to actually get the gradient to work correctly.

Here is my process so far:

  1. On a pure black background: For each
    kill Draw white gradient-translucent circle
    (solid near the middle, 100%
    translucent at the edge) at that
    location on the map. (This is
    working well.)
  2. Now replace any solid
    black pixel with a pure translucent
    pixel.
  3. Map a color scale to the remaining pixels to get the heat map effect. (Use gray scale value to map to a color.)
  4. Place this created image on top of the real map background.

I am having problems with steps 2 and 3. Does anyone have some good examples of these steps? Or better yet, a process that will give better results?

Thanks!

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(1

澉约 2024-08-18 19:49:27

也许这个课程可以帮助:
http://www.labsmedia.com/clickheat/heatmap.html

您还可以尝试热图 API:
http://www.heatmapapi.com/

Maybe this class could help:
http://www.labsmedia.com/clickheat/heatmap.html

You can also try Heat map API:
http://www.heatmapapi.com/

~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文