專注電子技術(shù)學(xué)習(xí)與研究
當(dāng)前位置:單片機(jī)教程網(wǎng) >> Arduino >> 瀏覽文章

基于Arduino和Flash的DisLab課件制作教程—5

作者:未知   來源:不詳   點(diǎn)擊數(shù):  更新時(shí)間:2014年07月31日   【字體:

                  第5節(jié)  測量量—時(shí)間圖像繪制

    在利用傳感器做實(shí)驗(yàn)時(shí),將測量量隨時(shí)間變化的情況用圖像的方式記錄下來是很重要的一種方式。這一節(jié)我們就來將如何用Flash來繪制測量量-時(shí)間圖像。
    我們?nèi)耘f選擇上一節(jié)中的紅外測距傳感器,來繪制所測得的距離-時(shí)間圖像。所以Arduino端的程序與連接都與上節(jié)一樣,這里不再描述。下面主要介紹Flash端的類編寫和Flash動(dòng)畫代碼。其實(shí)將全部代碼寫在類里面也可以實(shí)現(xiàn),但是個(gè)人覺得不是很靈活,畢竟有時(shí)候我們需要將圖像挪個(gè)位置之類的還是直接可視化操作比較簡單。
    首先我們先來改寫一下上節(jié)中的hongwaiceju.as類文件下面就是要添加的語句:
  先是三個(gè)定義語句:
************************************************************************
public static var msgarray:Array = new Array();   //新建一個(gè)名為msgarray的全局?jǐn)?shù)組
public static var ari:Number=0;    //新建一個(gè)全局變量,用來傳遞數(shù)組指針
var ri:Number=0;                      //新建一個(gè)變量,用來記錄數(shù)組指針
************************************************************************
就添加在原來的
public static var  msg:String;
這句后面。
然后在
***************************************************
while((index = buffer.indexOf(EOL_DELIMITER)) > -1)
msg = buffer.substring(0, index);
buffer = buffer.substring(index + 1);
*****************************************************
后面添加:
***********************************************
msgarray[ri]=Number(msg);    //將msg變量賦值到msgarray數(shù)組
ari=ri;   //全局變量指針等于數(shù)組指針
ri++;  //數(shù)組指針加一
**************************************************
上面添加的語句主要實(shí)現(xiàn)了將讀取到的測量值記錄在數(shù)組中,之所以這樣做是因?yàn)榇龝?huì)在動(dòng)畫界面讀取數(shù)據(jù)時(shí),由于幀數(shù)的關(guān)系,并不是每個(gè)測量值都會(huì)在每一幀運(yùn)行時(shí)被讀到,所以有可能會(huì)出現(xiàn)數(shù)據(jù)遺漏,當(dāng)然如果動(dòng)畫幀數(shù)比傳感器采集數(shù)據(jù)要快可能不會(huì)有這個(gè)問題,但如果動(dòng)畫幀數(shù)比較低時(shí),這個(gè)問題就比較嚴(yán)重了。所以這里用一個(gè)數(shù)組來記錄所測量到的數(shù)據(jù),在每一幀讀取時(shí)就不會(huì)出現(xiàn)漏數(shù)據(jù)的情況了。
  下面開始制作動(dòng)畫部分,同樣新建一個(gè)actionscript3.0文件,然后類里面填寫hongwaiceju。接下去在新建一個(gè)影片剪輯,取名為huitu。然后再huitu影片剪輯的動(dòng)作代碼內(nèi)添加如下語句:
************************************************************************************
import flash.display.Shape; 
var ai:Number=0;
var ii:Number=0;
var msgnum:Number=0;
addEventListener(Event.ENTER_FRAME,onEnterFrame);
 var fttuxiang:Shape = new Shape();  //畫圖線fttuxiang
 fttuxiang.graphics.lineStyle(2, 0x990000, .75);
 fttuxiang.graphics.moveTo(100, 450);
 addChild(fttuxiang);
 var ftmask:Shape = new Shape();    //fttuxiang的遮罩層
ftmask.graphics.lineStyle(1, 0x000000); 
ftmask.graphics.beginFill(0xff0000); 
ftmask.graphics.drawRect(100, 100, 600, 450); 
ftmask.graphics.endFill(); 
this.addChild(ftmask);
fttuxiang.mask=ftmask;
 function onEnterFrame(event:Event):void{        //每次運(yùn)行幀時(shí)運(yùn)行下列語句
 while (ai<=hongwaiceju.ari)//如果ai值小于hongwaiceju中的ari,一直執(zhí)行下列語句
                                     //這樣可以讀取每兩幀間的所有數(shù)據(jù)。
  {     msgnum=Number(hongwaiceju.msgarray[ai]);
     fttuxiang.graphics.lineTo(100+ai*5, 550-msgnum*0.5);//圖線繪制
           ai++;
if(ai>80)//如果圖線超過了右邊界,則開始向左平移圖像
fttuxiang.x=(80-ai)*5;    
  }
  }
*******************************************************
然后再界面上畫兩條線表示橫縱坐標(biāo)軸,具體位置:x:100     y:100    寬:500  高:450
然后回到主場景,打開庫,將庫中的huitu拖入主場景,制作完畢,運(yùn)行后界面如圖:

僅僅一個(gè)簡單的功能演示,你自己可以在坐標(biāo)軸上加入坐標(biāo),或者設(shè)定一些按鈕來控制圖像的大小等等,發(fā)揮自己的想象力吧。
關(guān)閉窗口

相關(guān)文章