是否有允许使用百分比而非像素的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