我正在开始一个网页游戏，我想知道最好的方法。
游戏是从上面看到的六边形区域，可以旋转/倾斜。
最好的方法是什么？我要做的是使用画布并使用 2d 变换来模拟 3d 旋转，问题是：
- 游戏必须在智能手机上运行
- 每次旋转我都必须重绘所有画布，屏幕上可能有 200 个六边形要重绘多次，所以我认为画布在资源方面太贵了......
问问题
778 次
2 回答
1
我能想到的方法有两种：
仅使用画布。这意味着相当广泛的浏览器支持，很少有怪癖并且通常“正常工作”。潜在问题：像你提到的低端机器上的性能。但是轮换游戏对游戏玩法至关重要吗？如果没有，您可以考虑在速度较慢的智能手机上将其关闭。如果它对游戏玩法不重要，用户很可能不会错过该功能。
画布和 CSS3 变换的组合（旋转立方体示例）。可以为您提供比纯画布解决方案更好的性能。潜在问题：需要“混合”技术，这总是意味着遇到意外问题或怪癖的风险。
于 2012-08-11T08:34:26.740 回答
0
你应该看看 www.kineticjs.com
Canvas 是绘制 100 种形状的方法，因为它不会像 SVG 那样为每条路径写入 DOM。
它有几个示例，其中以编程方式绘制了 1000 多个形状。我最近在这里将它用于类似的动画：
于 2012-08-11T08:47:49.630 回答