运行时创建动态图块表及简单图块游戏开发
运行时创建动态图块表
在游戏开发过程中,预先创建图块表中对象的旋转图像既繁琐又耗时,而运行时创建动态图块表则是一种更高效的解决方案。
原理与准备
其核心思路是选取游戏对象的单个图像,在运行时创建“动态图块表”并存储在数组中,而非使用预先渲染的图像旋转图块。为实现这一目标,需要使用第二个画布以及getImageData()和putImageData()画布函数。不过要注意,getImageData()在 HTML 页面未处于 Web 服务器时会抛出安全错误,目前只有 Safari 浏览器在本地文件系统使用该文件时不会抛出此错误。
首先在 HTML 页面创建两个<canvas>元素:
<body> <div> <canvas style="position: absolute; top: 50px; left: 50px;"> Your browser does not support HTML5 Canvas. </canvas> <canvas style="position: absolute; top: 256px; left: 50px;"> Your browser doe