我正在为实验创建一个游戏，用户的鼠标会在屏幕上拖动对象时被跟踪。问题是，游戏将在各种不同屏幕尺寸和分辨率的计算机上播放（通过亚马逊机械土耳其人招募人员）。
我的首要任务是创建一个动态页面，它将根据用户更改大小等，但更多的是获得准确工作的内容，并且可以让我尽快收集数据。我只想用一种方法来创建跟踪用户鼠标的方式在所有人中保持不变（即将对象从0,0移动到100,0意味着在对象位置方面跨用户的相对位置）。
我认为最好的解决方法是为游戏定义一个绝对大小的窗口，例如： 600x800，无论最大尺寸是什么，将使大多数人能够做到这一点。这样，所有参与者的动作将在相同大小的网格系统上。这实际上是合理的解决方案吗？
答案 0 :(得分：0)
创建您的游戏平台作为响应阶段，因此它适用于所有屏幕尺寸，应该不难，将其设置为100％宽度并使用Javascript计算保持纵横比的高度。
E.g。如果100％宽度为800px，则设置高度为600，如果宽度为400px，则设置高度为300px
然后，您可以使用鼠标事件来获取x / y坐标并计算出相对比例，即百分比，它将在所有设备和平台上普遍使用，因此它们之间具有可比性。
您需要使用offsetwidth和offsetheight元素，然后使用鼠标事件clientX / Y并根据元素相对于页面主体的位置进行调整。
鼠标坐标将与整个窗口相关联，你需要检查它们是否在你的“舞台”上，并且它们与边缘相关