在当今互联网发展飞速的时代，游戏引擎成为了实现复杂游戏的首选工具。其中，javascript游戏引擎得到广泛关注，在前端开发中发挥了巨大作用。javascript游戏引擎在不同游戏类型中都有应用，例如RPG、射击、平台等。

以RPG游戏为例，Phaser.js是一款非常出色的javascript游戏引擎。它是一个轻量级的、开源免费的游戏引擎，支持HTML5标准，具有高度的可定制性。Phaser.js中有大量的API，这些API能够从基础的动作、物理馈人，到精细的动画、声音都能应付自如。

let config = {
type: Phaser.AUTO,
width: 800,
height: 600,
scene: {
preload: preload,
create: create,
update: update
}
};
let game = new Phaser.Game(config);
function preload ()
{
this.load.image('sky', 'assets/sky.png');
this.load.image('ground', 'assets/platform.png');
this.load.image('star', 'assets/star.png');
this.load.image('bomb', 'assets/bomb.png');
this.load.spritesheet('dude', 
'assets/dude.png',
{ frameWidth: 32, frameHeight: 48 }
);
}
function create ()
{
this.add.image(400, 300, 'sky');
this.platforms = this.physics.add.staticGroup();
this.platforms.create(400, 568, 'ground').setScale(2).refreshBody();
// ...
}
function update ()
{
// 游戏逻辑更新
}

这是一个简单的Phaser.js游戏示例。在create()函数中，首先实例化了一个静态的图片，然后用this.add.image函数将图片添加到了游戏界面上，最后更新了平台的刚体形状。与此同时，在preload()函数中，预加载了游戏中需要使用的资源。

除了Phaser.js，还有一款非常流行的javascript游戏引擎——CreateJS。它可以在不使用Flash技术的情况下在现代浏览器中创建复杂的高性能html5游戏和应用程序。

var rect = new createjs.Shape();
rect.graphics.beginFill("DeepSkyBlue").drawRect(0, 0, 120, 80);
rect.x = 0;
rect.y = 0;
stage.addChild(rect);
createjs.Tween.get(rect, {loop:true})
.to({x:450}, 1000, createjs.Ease.getPowInOut(4))
.to({y:400}, 1000, createjs.Ease.getPowInOut(4))
.to({x:0}, 1000, createjs.Ease.getPowInOut(4))
.to({y:0}, 1000, createjs.Ease.getPowInOut(4));

这是一段使用CreateJS实现物体移动和动画效果的代码。其中，createjs.Tween.get()函数用于对创建的对象进行动画设置，该函数会返回一个Tween对象，可以通过调用to()等函数设置动画属性。代码中使用了Ease类来设置缓动模式。

总体来说，javascript游戏引擎在现代游戏开发中扮演着非常重要的角色。通过使用javascript游戏引擎，我们可以实现复杂的游戏，同时它也提供了丰富的API，方便我们进行开发和定制。javascript游戏引擎在未来也必将得到更加广泛的应用，并推动游戏行业的未来发展。