5、游戏开发：基础游戏世界构建与物理引擎入门

游戏开发：基础游戏世界构建与物理引擎入门

1. 基础游戏世界构建

在开发游戏时，我们首先要构建一个基础的游戏世界。当前我们实现的画面平移功能还比较粗糙，屏幕会缓慢向右平移，直到图像不可见，不过后续会进行优化。可以看到，背景中的云朵移动速度比前景慢，我们还可以添加更多图层并以不同速度移动它们，以增强效果。

1.1 处理鼠标输入

JavaScript 提供了多个事件来捕获鼠标输入，如 mousedown 、 mouseup 和 mousemove 。为了简化操作，我们使用 jQuery 在 game.js 中创建一个单独的鼠标对象来处理所有鼠标事件，代码如下：

var mouse = {
    x:0,
    y:0,
    down:false,
    init:function(){
        $('#gamecanvas').mousemove(mouse.mousemovehandler);
        $('#gamecanvas').mousedown(mouse.mousedownhandler);
        $('#gamecanvas').mouseup(mouse.mouseuphandler);
        $('#gamecanvas').mouseout(mouse.mouseuphandler);
    },
    mousemovehandler:function(ev){
        var offset