您的位置： 文档大全所有分类IT/计算机计算机软件及应用 html5游戏开发简单入门指南

html5游戏开发简单入门指南

html5 游戏

HTML5游戏制作完全指南

简介

你想使用HTML5的Canvas制作一款游戏吗？跟着这个教程，你将立刻上道儿。 阅读该教程需要至少熟悉javascript相关知识。

你可以先玩这款游戏或者直接阅读文章并且下载游戏源码。

创建画布

在画任何东西之前，我们必须创建一个画布。因为这是完全指南，并且我们将用到jQuery. var CANVAS_WIDTH =480;

var CANVAS_HEIGHT =320;

varcanvasElement= $("<canvas width='"+ CANVAS_WIDTH +

"' height='"+ CANVAS_HEIGHT +"'></canvas>");

var canvas =canvasElement.get(0).getContext("2d");

canvasElement.appendTo('body');

游戏循环

为了呈现给玩家连贯流畅的游戏动画，我们要频繁地渲染画布来欺骗玩家的眼睛。 var FPS =30;

setInterval(function(){

update();

draw();

},1000/FPS);

现在我们先不管update和draw里面的实现，重要的是我们要知道setInterval()会周期性的执行update和draw

Hello world

第1页

你可能喜欢

  • HTML5游戏开发
  • 数据挖掘
  • 手机游戏开发
  • 棋牌游戏开发
  • 网页游戏开发
  • 网络游戏开发

html5游戏开发简单入门指南的相关文档搜索

html5游戏开发简单入门指南相关文档

最新文档

返回顶部