全国咨询热线:400-618-4000

WEB前端培训之David Geary对HTML5 的 2D 视频游戏详细剖析思路一

创建时间:2016年11月22日15时48分 来源:传智播客web前端培训学院

一、HTML5,HTML5 的 2D 视频游戏效果预览图


HTML5专家David GearyHTML5 2D 视频游戏详细剖析思路
 
 
一、HTML5,HTML5 2D 视频游戏效果预览图

图1显示的是滚动背景以及对帧速率的监视

图2显示的是Canvas 坐标系(默认)

图3 真真切切的背景图像,其实背景的左右边缘是完全相同的,所以则就使得背景可以无缝地滚动效果,如图 4 所示

图4是完全相同的边缘实现平滑的过渡(左:右边缘;右:左边缘)

从右侧滚动到左侧:半透明区域代表在屏幕外的图像部分

本文版权归传智播客web前端开发学院所有,欢迎转载,转载请注明作者出处,谢谢!
作者:传智播客web前端培训学院;
首发:http://www.itcast.cn/web/