二、基于lufylegend引擎的魔塔游戲開發（準備工作）

PrototypeZ 發布于2019-08-22 10:53 / 3486人閱讀

摘要：準備工作圖片素材角色精靈圖分為四個移動方向地圖素材包含精靈圖和普通塊圖物品為普通塊圖人物素材包含和怪物的精靈圖游戲還在開發中，怪物素材還不完整游戲初始化定義結構并引入引擎初始化為引擎中的全局函數用于初始化。

準備工作：圖片素材

hero.png

角色精靈圖分為四個移動方向

map.png

地圖素材包含精靈圖和普通塊圖

goods.png

物品為普通塊圖

chara.png

人物素材包含npc和怪物的精靈圖（游戲還在開發中，怪物素材還不完整）

游戲初始化

定義dom結構并引入lufylegend引擎




  
    
    
    RPG
    
    
  

  
    loading...

初始化

LInit(50, "mylegend", 352, 544, main);

LInit為引擎中的全局函數用于初始化。
接收的參數按照順序分別為：fps、dom節點、寬、高、callback

執行callback并加載圖片

var imgData = [{
  name: "map",
  /*地圖*/
  path: "./images/map.png"
}, {
  name: "chara",
  /*人物*/
  path: "./images/chara.png"
}, {
  name: "goods",
  /*物品*/
  path: "./images/goods.png"
}, {
  name: "hero",
  /*英雄*/
  path: "./images/hero.png"
}];
function main() {
  LGlobal.align = LStageAlign.MIDDLE;
  LGlobal.stageScale = LStageScaleMode.SHOW_ALL;
  LSystem.screen(LStage.FULL_SCREEN);
  //準備讀取圖片
  loadingLayer = new LoadingSample3();
  addChild(loadingLayer);
  LLoadManage.load(
    imgData,
    function (progress) {
      loadingLayer.setProgress(progress)
    },
    gameInit
  );
}

LGlobal.align為畫布對其方式
LSystem.screen為縮放
LoadingSample3為加載動畫的一種
LLoadManage.load進行加載并做callback
這樣我們準備的素材就被加載進來了
詳細介紹請查看API

//預加載完成的圖片數組
var imgList = {};
//加載動畫類型
var loadingLayer;
//游戲層
var layers = {
  back: null,
  mapview: null,
  things: null,
  effect: null,
  talk: null,
};
function gameInit(result) {
  removeChild(loadingLayer);
  loadingLayer = null;
  imgList = result;
  //游戲層顯示初始化
  layerInit();
  //游戲場景載入
  drawInit();
  // 游戲信息展示
  drawGameInfo();
  LEvent.addEventListener(LGlobal.window, LKeyboardEvent.KEY_DOWN, playerEvent);
}
function layerInit() {
  layers.back = new LSprite();
  layers.back.graphics.drawRect(0, "#103820", [0, 0, LGlobal.width, LGlobal.height], true, "#012345");
  addChild(layers.back);
  layers.back.x = 0;
  layers.back.y = 0;
  layers.mapview = new LSprite();
  layers.back.addChild(layers.mapview);
  layers.things = new LSprite();
  layers.back.addChild(layers.things);
  layers.talk = new LSprite();
  layers.back.addChild(layers.talk);
  layers.effect = new LSprite();
  layers.effect.y = 11 * globalData.size
  layers.back.addChild(layers.effect);
}

加載完成后將加載動畫移除，將返回的result存到全局變量imgList中

layerInit定義游戲層，需要注意的是添加的順序會影響當前層級的高度（類型z-index），后添加的較高

云服務器 GPU云服務器準備工作引擎工作機制 lufylegend 基于webrtc語音引擎的會議混音技術研究

文章版權歸作者所有，未經允許請勿轉載,若此文章存在違規行為，您可以聯系管理員刪除。

轉載請注明本文地址：http://specialneedsforspecialkids.com/yun/91408.html

三、基于lufylegend引擎的魔塔游戲開發（繪制第一層地圖）

摘要：和代表普通道路和墻，和代表星星和巖漿。用作裁剪接收圖片對象起始坐標和裁剪區域五個參數起始坐標和裁剪區域可選用于創建圖像，可以添加到游戲圖層將指定尺寸按照指定行列進行裁剪，返回一個二維數組生成動畫，每一行為一組動畫。繪制地圖前準備在繪制之前，我們先看一下地圖的數據實現 globalData = { mapCol: 11, mapRow: 11, size: 32, f...

Wildcard 2019-08-22 10:53 評論0 收藏0
一、基于lufylegend引擎的魔塔游戲開發（設計介紹）

摘要：使用的引擎也是第一次寫游戲，主要是興趣使然游戲體驗地址未完成游戲設計游戲圖層設計游戲圖層分為了五層。游戲數據存儲將游戲涉及的所有數據存放到一個對象中，可以在后期很方便的做游戲進度保存。其中為角色的屬性信息。使用的引擎 lufylegend也是第一次寫rpg游戲，主要是興趣使然游戲體驗地址（未完成）游戲設計游戲圖層設計 var layers = { back: null, ...

Code4App 2019-08-21 11:55 評論0 收藏0
HTML5 Canvas游戲開發實戰 PDF掃描版

摘要：游戲開發實戰主要講解使用來開發和設計各類常見游戲的思路和技巧，在介紹相關特性的同時，還通過游戲開發實例深入剖析了其內在原理，讓讀者不僅知其然，而且知其所以然。HTML5 Canvas游戲開發實戰主要講解使用HTML5 Canvas來開發和設計各類常見游戲的思路和技巧，在介紹HTML5 Canvas相關特性的同時，還通過游戲開發實例深入剖析了其內在原理，讓讀者不僅知其然，而且知其所以然。在本書...

cocopeak 2019-04-23 14:39 評論0 收藏0
它將是你的第二大腦——長文講述谷歌深度學習的故事

摘要：深度學習現在被視為能夠超越那些更加直接的機器學習的關鍵一步。的加入只是谷歌那一季一系列重大聘任之一。當下谷歌醉心于深度學習，顯然是認為這將引發下一代搜索的重大突破。移動計算的出現已經迫使谷歌改變搜索引擎的本質特征。 Geoffrey Hiton說：我需要了解一下你的背景，你有理科學位嗎？Hiton站在位于加利福尼亞山景城谷歌園區辦公室的一塊白板前，2013年他以杰出研究者身份加入這家公司。H...

jackzou 2019-04-25 17:58 評論0 收藏0