2. 程式人生 > >flash 遊戲設計筆記 人物行走一種做法

flash 遊戲設計筆記 人物行走一種做法

阿新 • • 發佈：2018-12-04

分享一下我老師大神的人工智慧教程！零基礎，通俗易懂！http://blog.csdn.net/jiangjunshow

也歡迎大家轉載本篇文章。分享知識，造福人民，實現我們中華民族偉大復興！

               

 

 

 

目前來講，我依然還不會做一個小遊戲出來。做遊戲需要知道很多東西，這個flash 只是一個自娛自樂的東西。要是看了誤導就別怪了。

好，製作這個東西之前，其實這篇文章有一些重複了，不過只是一種demo式的演示。通過鍵盤來控制控制一個人物走動。

上面是一張透明的png點陣圖。有四個不同的方向。可以看到 基本上上下左右都齊全了。現在來。我們就來一起玩一下這個東西。

由於這個東西不涉及很強的面向物件 和重用性。因此看下面的程式碼的時候需要注意一下。在這裡的目的，只是希望一起玩一下這個flash。

 

好廢話少說。有了這張圖，筆者就打算通過複製畫素的方式來將這種圖片切成16份，每一份都代表了一張不同方向的不同步的圖片。

 

首先，先通過一個類，複製這張點陣圖。返回一個二維陣列。注意，裡面的類是可以進行修改。這裡放出一個比較簡單的。沒有擴充套件的

 

 

[c-sharp]
view plain copy print ?
  1. package com.game  
  2. {  
  3.     /* 切割點陣圖類，返回一個二維陣列*/  
  4.     // version 1.0 版本  
  5.     import flash.display.Sprite;  
  6.     import flash.display.Bitmap;  
  7.     import flash.display.BitmapData;  
  8.     import flash.geom.*;  
  9.     public class BitmapSplice   
  10.     {  
  11.         private var Step:Array=new Array();//存取步數陣列  
  12.         public function BitmapSplice()  
  13.         {  
  14.               
  15.         }  
  16.         //進行切割  
  17.         public function Splice(bitmapdata:BitmapData,titleWidth:uint,titleHeight:uint):Array  
  18.         {  
  19.             var iWidth:int=bitmapdata.width /titleWidth;  
  20.             var iHeight:int=bitmapdata.height /titleHeight;  
  21.             for (var i:uint=0; i < titleHeight; i++)  
  22.             {  
  23.                 var array:Array=new Array();  
  24.                 for (var j:uint=0; j < titleWidth; j++)  
  25.                 {  
  26.                     var tempBMP:BitmapData=new BitmapData(iWidth,iHeight,true,0x00000000);  
  27.                     tempBMP.copyPixels(bitmapdata,new Rectangle(j * iWidth,i * iHeight,iWidth,iHeight),new Point(0,0));  
  28.                     array.push(tempBMP);  
  29.                 }  
  30.                 this.Step.push(array);  
  31.             }  
  32.             bitmapdata.dispose();  
  33.                
  34.           return this.Step;  
  35.   
  36.         }  
  37.     }  
  38. }  
package com.game{ /* 切割點陣圖類，返回一個二維陣列*/ // version 1.0 版本 import flash.display.Sprite; import flash.display.Bitmap; import flash.display.BitmapData; import flash.geom.*; public class BitmapSplice  {  private var Step:Array=new Array();//存取步數陣列  public function BitmapSplice()  {     }  //進行切割  public function Splice(bitmapdata:BitmapData,titleWidth:uint,titleHeight:uint):Array  {   var iWidth:int=bitmapdata.width /titleWidth;   var iHeight:int=bitmapdata.height /titleHeight;   for (var i:uint=0; i < titleHeight; i++)   {    var array:Array=new Array();    for (var j:uint=0; j < titleWidth; j++)    {     var tempBMP:BitmapData=new BitmapData(iWidth,iHeight,true,0x00000000);     tempBMP.copyPixels(bitmapdata,new Rectangle(j * iWidth,i * iHeight,iWidth,iHeight),new Point(0,0));     array.push(tempBMP);    }    this.Step.push(array);   }   bitmapdata.dispose();              return this.Step;  } }}

 

通過這個類，我們獲取到一個二維陣列陣列。 下面我們就使用一個鍵盤來控制一下。

為了展示，只是方便演示一下。可以對其進行更改。後面的 有時間去放出其他的版本，因為不是一個遊戲，因此只能當是玩一下，學習裡面的填充點陣圖的方法了。

[c-sharp] view plain copy print ?
  1. package   
  2. {  
  3.     import flash.display.MovieClip;  
  4.     import flash.display.Sprite;  
  5.     import flash.events.*;  
  6.     import flash.display.Bitmap;  
  7.     import flash.display.BitmapData;  
  8.     import flash.ui.Keyboard;  
  9.     import com.game.BitmapSplice;  
  10.     public class Main extends MovieClip  
  11.     {  
  12.   
  13.         private var array:Array;//儲存圖片序列的  
  14.         private var bitmap:BitmapSplice;  
  15.         private var Step:int=0;//步數  
  16.         private var Direction:uint=0;//方向  
  17.         private var speed:int=10;  
  18.   
  19.         private var Isup:Boolean;  
  20.         private var Isdown:Boolean;  
  21.         private var Isleft:Boolean;  
  22.         private var Isright:Boolean;  
  23.   
  24.         private var bitmapdata:BitmapData=new Player(0,0);  
  25.         private var contain:Sprite=new Sprite();  
  26.   
  27.         private var vx:Number;  
  28.         private var vy:Number;  
  29.         public function Main()  
  30.         {  
  31.             init();  
  32.         }  
  33.         //初始化  
  34.         private function init():void  
  35.         {  
  36.             addChild(contain);  
  37.             bitmap=new BitmapSplice();//切割點陣圖  
  38.             array=bitmap.Splice(bitmapdata,4,4);//將點陣圖分成很多塊  
  39.             addEventListener(Event.ENTER_FRAME,gameLoop);  
  40.             keyboardListener();  
  41.   
  42.         }  
  43.         //遊戲迴圈  
  44.         private function gameLoop(event:Event):void  
  45.         {  
  46.             control();  
  47.             paint();//繪製填充  
  48.   
  49.         }  
  50.         //鍵盤監聽  
  51.         private function keyboardListener():void  
  52.         {  
  53.             stage.addEventListener(KeyboardEvent.KEY_DOWN,KeyDownHandler);  
  54.             stage.addEventListener(KeyboardEvent.KEY_UP,KeyUpHandler);  
  55.         }  
  56.         private function KeyDownHandler(event:KeyboardEvent):void  
  57.         {  
  58.             switch (event.keyCode)  
  59.             {  
  60.   
  61.                 case Keyboard.UP :  
  62.                     Isup=true;  
  63.                     break;  
  64.   
  65.                 case Keyboard.DOWN :  
  66.                     Isdown=true;  
  67.                     break;  
  68.   
  69.                 case Keyboard.LEFT :  
  70.                     Isleft=true;  
  71.                     break;  
  72.   
  73.                 case Keyboard.RIGHT :  
  74.                     Isright=true;  
  75.                     break;  
  76.   
  77.   
  78.             }  
  79.         }  
  80.         private function KeyUpHandler(event:KeyboardEvent):void  
  81.         {  
  82.             switch (event.keyCode)  
  83.             {  
  84.   
  85.                 case Keyboard.UP :  
  86.                     Isup=false;  
  87.                     break;  
  88.   
  89.                 case Keyboard.DOWN :  
  90.                     Isdown=false;  
  91.                     break;  
  92.   
  93.                 case Keyboard.LEFT :  
  94.                     Isleft=false;  
  95.                     break;  
  96.   
  97.                 case Keyboard.RIGHT :  
  98.                     Isright=false;  
  99.                     break;  
  100.   
  101.                     break;  
  102.             }  
  103.         }  
  104.         //填充繪圖  
  105.         private function paint():void  
  106.         {  
  107.             contain.graphics.clear();  
  108.             contain.graphics.beginBitmapFill(array[Direction][Step]);  
  109.             contain.graphics.drawRect(0,0,array[Direction][Step].width,array[Direction][Step].height);  
  110.             contain.graphics.endFill();  
  111.         }  
  112.         //移動  
  113.         private function Move(directtion:uint,dx:int,dy:int):void  
  114.         {  
  115.             Direction=directtion;  
  116.             Step++;  
  117.             vx=dx*speed;  
  118.             vy=dy*speed;  
  119.             if (Step>3)  
  120.             {  
  121.                 Step=0;  
  122.             }  
  123.             contain.x+=vx;//產生位移  
  124.             contain.y+=vy;//產生位移  
  125.         }  
  126.         private function control():void  
  127.         {  
  128.             if (Isup &&!Isdown && !Isleft &&!Isright)  
  129.             {  
  130.                 Move(3,0,-1);  
  131.             }  
  132.             if (Isdown && !Isup && !Isleft &&!Isright)  
  133.             {  
  134.                 Move(0,0,1);  
  135.             }  
  136.             if (Isleft && !Isup && !Isdown && !Isright)  
  137.             {  
  138.                 Move(1,-1,0);  
  139.             }  
  140.             if (Isright && !Isup && !Isdown && !Isleft)  
  141.             {  
  142.                 Move(2,1,0);  
  143.             }  
  144.             if (!Isup && !Isdown && !Isleft && !Isright)  
  145.             {  
  146.                 Step=0;  
  147.             }  
  148.         }  
  149.     }  
  150. }  
package { import flash.display.MovieClip; import flash.display.Sprite; import flash.events.*; import flash.display.Bitmap; import flash.display.BitmapData; import flash.ui.Keyboard; import com.game.BitmapSplice; public class Main extends MovieClip {  private var array:Array;//儲存圖片序列的  private var bitmap:BitmapSplice;  private var Step:int=0;//步數  private var Direction:uint=0;//方向  private var speed:int=10;  private var Isup:Boolean;  private var Isdown:Boolean;  private var Isleft:Boolean;  private var Isright:Boolean;  private var bitmapdata:BitmapData=new Player(0,0);  private var contain:Sprite=new Sprite();  private var vx:Number;  private var vy:Number;  public function Main()  {   init();  }  //初始化  private function init():void  {   addChild(contain);   bitmap=new BitmapSplice();//切割點陣圖   array=bitmap.Splice(bitmapdata,4,4);//將點陣圖分成很多塊   addEventListener(Event.ENTER_FRAME,gameLoop);   keyboardListener();  }  //遊戲迴圈  private function gameLoop(event:Event):void  {   control();   paint();//繪製填充  }  //鍵盤監聽  private function keyboardListener():void  {   stage.addEventListener(KeyboardEvent.KEY_DOWN,KeyDownHandler);   stage.addEventListener(KeyboardEvent.KEY_UP,KeyUpHandler);  }  private function KeyDownHandler(event:KeyboardEvent):void  {   switch (event.keyCode)   {    case Keyboard.UP :     Isup=true;     break;    case Keyboard.DOWN :     Isdown=true;     break;    case Keyboard.LEFT :     Isleft=true;     break;    case Keyboard.RIGHT :     Isright=true;     break;   }  }  private function KeyUpHandler(event:KeyboardEvent):void  {   switch (event.keyCode)   {    case Keyboard.UP :     Isup=false;     break;    case Keyboard.DOWN :     Isdown=false;     break;    case Keyboard.LEFT :     Isleft=false;     break;    case Keyboard.RIGHT :     Isright=false;     break;     break;   }  }  //填充繪圖  private function paint():void  {   contain.graphics.clear();   contain.graphics.beginBitmapFill(array[Direction][Step]);   contain.graphics.drawRect(0,0,array[Direction][Step].width,array[Direction][Step].height);   contain.graphics.endFill();  }  //移動  private function Move(directtion:uint,dx:int,dy:int):void  {   Direction=directtion;   Step++;   vx=dx*speed;   vy=dy*speed;   if (Step>3)   {    Step=0;   }   contain.x+=vx;//產生位移   contain.y+=vy;//產生位移  }  private function control():void  {   if (Isup &&!Isdown && !Isleft &&!Isright)   {    Move(3,0,-1);   }   if (Isdown && !Isup && !Isleft &&!Isright)   {    Move(0,0,1);   }   if (Isleft && !Isup && !Isdown && !Isright)   {    Move(1,-1,0);   }   if (Isright && !Isup && !Isdown && !Isleft)   {    Move(2,1,0);   }   if (!Isup && !Isdown && !Isleft && !Isright)   {    Step=0;   }  } }}

 

程式碼不是很長，這裡和上次切割點陣圖的介紹是一樣的（可以到上次文章觀看 這裡不補充）。但是這次改變了一個方式來顯示點陣圖。

介紹一下，點陣圖顯示的方法。有幾種的方式，上次的一種就是採用Bitmap類顯示，通過addChild 加入顯示列表進行影象的顯示。而這次則通過繪圖API的方式來填充點陣圖。後面，會繼續探討flash  10新增的著色器渲染一個位圖。這裡暫時不討論。

[c-sharp] view plain copy print ?
  1. //填充繪圖  
  2.         private function paint():void  
  3.         {  
  4.             contain.graphics.clear();  
  5.             contain.graphics.beginBitmapFill(array[Direction][Step]);  
  6.             contain.graphics.drawRect(0,0,array[Direction][Step].width,array[Direction][Step].height);  
  7.             contain.graphics.endFill();  
  8.         }  
//填充繪圖  private function paint():void  {   contain.graphics.clear();   contain.graphics.beginBitmapFill(array[Direction][Step]);   contain.graphics.drawRect(0,0,array[Direction][Step].width,array[Direction][Step].height);   contain.graphics.endFill();  }

主要使用繪圖API來繪製。這樣能夠顯示出一些點陣圖出來了。

最後 貼上一個背景，看起來的效果。你就可以控制一個人物走動了

 （裝上一個背景，就可以騙人一下了）

 這個小程式，並不涉及到很高深的知識，在這裡筆者只是希望能夠帶給一點學習flash 的歡樂而這份歡樂就是我想分享的東西。

 

           

給我老師的人工智慧教程打call！http://blog.csdn.net/jiangjunshow

這裡寫圖片描述

相關推薦

flash 遊戲設計筆記 人物行走一種做法

分享一下我老師大神的人工智慧教程！零基礎，通俗易懂！http://blog.csdn.net/jiangjunshow 也歡迎大家轉載本篇文章。分享知識，造福人民，實現我們中華民族偉大復興！        

遊戲編程精粹學習 - 一種快速的圓柱棱臺相交測試算法

AD pos ali invisible isp using 左右 () OS 掛載Renderer的對象可以使用OnBecameVisible/OnBecameInvisible來接收剔除事件。 但是非Renderer對象則要自己處理相交檢測。 文中的方法測試結

Qt 筆記：另一種建立執行緒的方式

class QThread :public Qt { // ....... // ....... protected: virtual void run() = 0; // ....... // ....... }; ps：面向物件程式設計實踐的早起，

【Visual C++】遊戲開發筆記之十一 基礎動畫顯示（四） 排序貼圖

                ------------------------------------------------------------------------------------------------------------------------------淺墨歷時一年為遊戲程式設計

Java經典設計模式之十一種行為型模式（附例項和詳解）

Java經典設計模式共有21中，分為三大類：建立型模式（5種）、結構型模式（7種）和行為型模式（11種）。 行為型模式細分為如下11種：策略模式、模板方法模式、觀察者模式、迭代子模式、責任鏈模式、命令模式、備忘錄模式、狀態模式、訪問者模式、中介者模式、直譯

遊戲設計的藝術：一本透鏡的書——第十一章 遊戲機制必須平衡

這是一本遊戲設計方面的好書 轉自天之虹的部落格：http://blog.sina.com.cn/jackiechueng 感謝天之虹的無私奉獻Word版可到本人的資源中下載 第十一章 遊戲機制必須平衡     詭詐的天平，為耶和華所憎惡。公平的法碼，為他所喜悅。 ——

論文筆記：ThiNet——一種filter級的模型裁剪演算法

前言 近兩年來，有關模型壓縮的論文越來越多，人們不再一昧的只追求強大的效能，而是開始慢慢的將模型的大小、運算量以及效率考慮進來，人們做的越來越多的是，在效能可接受的範圍內，模型越小越好。這也說明了一點，深度學習模型已經開始被廣泛的運用在了平常的生活當中

RPG遊戲製作-03-人物行走及A*尋路演算法

在遊戲中，可以控制人物的方法一般有：1.鍵盤 2.虛擬搖桿 3.滑鼠 4.手機觸碰。鍵盤一般是在PC端較為常用，如果在遊戲中使用wasd等操作人物的話，那麼在移植到安卓端時，就需要使用虛擬搖桿或虛擬按鈕來模擬鍵盤，以實現處理的統一性。滑鼠類似於手機的單點觸碰，而手機觸碰一般分

Java練習筆記 -ThreadLocal的一種應用場景

用ThreadLocal來儲存資料庫連線 程式碼如下 public class DataSourceUtils {private static DataSource dataSource = new ComboPooledDataSource();private stat

51Nod1238最小公倍數之和V3的另一種做法

前面的講解【Blog地址】 題目意思：求 ∑ i

android介面設計筆記（一）底部導航欄的兩種實現方式

demo:https://github.com/linliangliang/BottomNavagationBar android底部導航欄的實現方式比較多，今天學習其中兩種方式： 一、使用tabLayout+Fragment實現。 二、使用BottomNavigationBar實現。

一種高效能網路遊戲的的架構設計

網路遊戲的結構分為客戶端與伺服器端，客戶端採用2D繪製引擎或者3D繪製引擎繪製遊戲世界的實時畫面，伺服器端則負責響應所有客戶端的連線請求和遊戲邏輯處理，並控制所有客戶端的遊戲畫面繪製。客戶端與伺服器通過網路資料包互動完成每一步遊戲邏輯，由於遊戲邏輯是由伺服器負責處理的，要

基本設計模式學習筆記：（一）常見的七種面向物件設計原則

0.概述      面向物件設計原則為支援可維護性複用而誕生，這些原則蘊含在很多設計模式中，他們是從許多設計方案中總結出來的指導性原則1.單一原則     一個類只負責一個功能領域中的相應職責，或者說：就一個類而言，應該只有一個引起它變化的原因。個人總結：將不同職責的方法放在

《遊戲設計、原型與開發——基於Unity與C#從構思到實現》學習筆記一

第一章：像設計師一樣思考 在這一章中，作者通過一個具體的桌面遊戲Bartok入手，介紹了遊戲設計與測試的基本流程。之後對比並分析了研究者們給遊戲進行的基礎定義。 Part 1： Bartok 1、 遊戲練習：Bartok Bartok是一個和Uno非常相

一種大氣簡單的Web管理（陳列）版面設計

borde absolut setup hid color 正常的 for pre == 在頁面的設計中，多版面是一種常見的設計樣式。本文命名一種 這種樣式。能夠簡單描寫敘述為一行top，一列左文件夾，剩余的右下的空間為內容展示區。這種樣式，便於高速定位

23種設計模式介紹（一）---- 創建型模式

接口 ret static 深復制 return 對象 相互 object c png 由於設計模式篇幅比較大，如果在一篇文章講完所有的設計模式的話不利於閱讀。於是我把它分為三篇文章 23種設計模式介紹（一）---- 創建型模式 23種設計模式介紹（二）---- 結構型模

《一種策略融合的跨語言文本情感傾向判別方法》論文學習筆記（大一下）

建立 現象 資源 步驟 特征選擇 標簽 標註 障礙 協同 現象：因特網資源呈現多語言化和跨語言的特點，給普通用戶獲取非母語網絡信息造成障礙。 目標：整合多語言傾向信息，以通用的數據形式讓用戶了解多語言數據對某個對象的評價。 針對跨語言情感傾向分類任務，提出兩種跨語言

JavaScript高級程序設計筆記（一）

循環語句 基本 能力 至少 oat som 最大數 earch define 1. ECMA規定了這門語言的下列組成部分： 語法、 類型、語句、 關鍵字、保留字、操作符、 對象 2. 什麽是 ECMAScript 兼容支持 ECMA描述的所有“類型、值、對象、屬性、函數以及

網易雲課堂_C++程序設計入門(下)_第9單元：白公曾詠牡丹芳，一種鮮妍獨“異常”_第9單元 - 作業5：OJ編程 - 使用異常進行圖形類的錯誤處理

using define 幫助 發生 半角 etc mooc sub private 第9單元 - 作業5：OJ編程 - 使用異常進行圖形類的錯誤處理 查看幫助 返回 溫馨提示： 1.本次作業屬於Online Judge題目，提交後由系統即時判分。 2.學

SpringBank 開發日誌 一種簡單的攔截器設計實現

exp bst 一個 pin factory span 之前 system request 當交易由Action進入Service之前，需要根據不同的Service實際負責業務的不同，真正執行Service的業務邏輯之前，做一些檢查工作。這樣的攔截器應該是基於配置的，與Se