使用百分比的Javascript图形库



是否有允许使用百分比而非像素的javascript图形库?我正在构建一个基于小图像(16 x 16)的游戏,所以如果库中也有加载大量图像的工具和显示这些图像的工具,那就太好了,但如果没有,那也没关系。

直接回答:

从像素转换为百分比很简单,只需将百分比值除以100,然后乘以画布的宽度/高度即可:

x = percentX / 100 * width;
y = percentY / 100 * height;

WebGL:

如果你需要一个完整的图形API,那么你应该看看WebGL:它是Javascript的OpenGLES2.0绑定,所以OpenGLES2.0中的所有可用内容都可以在WebGL中使用。

查看MDN的教程即可开始:https://developer.mozilla.org/en-US/docs/Web/API/WebGL_API/Tutorial/Getting_started_with_WebGL

如果你需要其他OpenGL教程,这里有一些很棒的:

  • opengl-tutorial.com
  • learnopengl.com
  • tomdalling.com/blog/category/modern-ongl

最新更新