HTML5 游戏：巫师 VS 半兽人最简版

Game Wizard vs. Orcs，使用了TreSensa游戏引擎。

game

《three.js如何实现贴图模糊效果 - 使用canvas》申请公开！

第三方库
作品简介 2608
作品推荐
使用帮助
常用链接

HTML
CSS
JavaScript
Result

编译

JavaScript

MyGame = function()
{
    //Main game constructor
    MyGame.superclass.constructor.call(this);

this.assetManager.useSpriteSheets = true;

//Assets needed for the loading screen
    var loadingAssets = [
        {id:'background', url:'https://s3-us-west-2.amazonaws.com/s.cdpn.io/23954/wvo_backdrop.jpg'},
    ];
    //Assets used for the main game
    //Gem images courtesy of "Danc's Miraculous Flexible Game Prototyping Tiles"
    //http://www.lostgarden.com/2007/05/dancs-miraculously-flexible-game.html
    var gameAssets = [
        {id:'gemCounter', url:'https://s3-us-west-2.amazonaws.com/s.cdpn.io/23954/wvo_gem_counter.png'},
        {id:'plainGem', url:'https://s3-us-west-2.amazonaws.com/s.cdpn.io/23954/wvo_plain_gem.png'},
        {id:'powerGem', url:'https://s3-us-west-2.amazonaws.com/s.cdpn.io/23954/wvo_power_gem.png'}
    ];

//Send asset lists to the asset manager for loading
    this.assetManager.assignImageAssetList("loading", loadingAssets);
    this.assetManager.assignImageAssetList("required", gameAssets);

//Append the Wizard and Orc TFX Animation Set Objects to the asset list
    Wizard.AddRequiredImagesToAssetList( {imageList:gameAssets, location:"https://s3-us-west-2.amazonaws.com/s.cdpn.io/23954"} );
    Orc.AddRequiredImagesToAssetList( {imageList:gameAssets, location:"", spriteSheet: "https://s3-us-west-2.amazonaws.com/s.cdpn.io/23954/wvo_orcImages.png"} );

//These are default placeholder values for the screen buttons that will be using
    TGE.Button.DefaultWidth = 300;
    TGE.Button.DefaultHeight = 80;
    TGE.Button.DefaultIdleColor = "#FFF";
    TGE.Button.DefaultHoverColor = "#C4C4C4";

// Start the game off with the main menu screen
    TGE.FirstGameWindow = MainMenu;
}

//MyGame functions
MyGame.prototype =
{
    //No global functions
}
extend(MyGame,TGE.Game);

编译

CSS

HTML

<!-- A TreSensa Game Engine (TGE) demo (tresensa.com):

Game-in-a-Pen: Wizard vs. Orcs
[Setting up the HTML page] -->

<head>   
  
  <script type="text/javascript">
    function initializeTGE() {
      var _myGame = new MyGame();
      if(_myGame.IsPlatformAcceptable()) {
        _myGame.Launch( {gameDiv:"game_canvas", reorientDiv:"wrong_orientation"} );
      }
      else
      {
        // Handle rejected platform as desired...
      }
    }
    window.addEventListener ? window.addEventListener("load",initializeTGE,false) : window.attachEvent && window.attachEvent("onload",initializeTGE);
  </script>
</head>

Game Wizard vs. Orcs，使用了TreSensa游戏引擎。

game

编辑器支持Emmet

快捷键

Game Wizard vs. Orcs，使用了TreSensa游戏引擎。

game

HTML5 WebGL 超酷的3D版沙龙曼蛇游戏原型代码

HTML5 GSAP很有趣的射箭小游戏

编辑器支持Emmet

快捷键

语言：

语言：

导入代码模板：