canvas教程

使用JavaScript和Canvas开发游戏(五)

字号+ 作者:H5之家 来源:H5之家 2016-10-11 15:00 我要评论( )

视差滚动是在2D应用中创造立体纵深感的一种技术。这篇文章就来看一看在我们刚刚创建的游戏框架基础上实现视差滚动有多容易。视差滚动指的是屏幕上的几个图层发生


/**
    ApplicationManager用于管理应用
    @class
*/
function ApplicationManager()
{
    /**
        初始化对象
        @return A 对初始化对象的引用
    */
    this.startupApplicationManager = function()
    {
        this.startupGameObject();
 this.background3 = new RepeatingGameObject().startupRepeatingGameObject(g_back2, 0, 100, 3, 600, 320, 1);
        this.background2 = new RepeatingGameObject().startupRepeatingGameObject(g_back1, 0, 100, 2, 600, 320, 0.75);
        this.background = new RepeatingGameObject().startupRepeatingGameObject(g_back0, 0, 0, 1, 600, 320, 0.5);
        return this;
    }

 /**
        更新当前对象
        @param dt 自上一帧绘制起经过的秒数
        @param context 绘制上下文
        @param xScroll x轴的全局滚动值
        @param yScroll y轴的全局滚动值
    */
    this.update = function(/**Number*/ dt, /**CanvasRenderingContext2D*/ context, /**Number*/ xScroll, /**Number*/ yScroll)
    {
  g_GameObjectManager.xScroll += 50 * dt;
 }
}
ApplicationManager.prototype = new GameObject

 

1.本站遵循行业规范,任何转载的稿件都会明确标注作者和来源;2.本站的原创文章,请转载时务必注明文章作者和来源,不尊重原创的行为我们将追究责任;3.作者投稿可能会经我们编辑修改或补充。

相关文章
  • HTML5中canvas实现小球击打小方块游戏

    HTML5中canvas实现小球击打小方块游戏

    2016-10-11 17:03

  • canvas做loading动画

    canvas做loading动画

    2016-10-11 14:00

  • canvas学习之API整理笔记(一)

    canvas学习之API整理笔记(一)

    2016-10-11 12:00

  • 【HTML5】Canvas绘制简单图片教程

    【HTML5】Canvas绘制简单图片教程

    2016-10-06 11:00

网友点评
s