關於部落格
Ajax, Ria, Web2.0, WPF, ActionScript, Flash, FlashLite, Music, Rock, HipHop, Interactive Tech, Software, Physical Computing, Book
音樂、免費軟體、程式設計、設計資源、互動科技、搖滾樂、酷網
  • 35337

    累積人氣

  • 0

    今日人氣

    0

    訂閱人氣

[繪圖] - Flash繪圖函式練習~網狀線

切入正題~
在上方畫面中的網狀線即是運用AS的繪圖函式所產生的
只需透過moveTo( )跟lineTo( )兩個函式便可達到
話不多說~先看程式碼先!

//設定畫質
_quality = "LOW";
//設定畫布
sq = _root.createEmptyMovieClip("square", 1);
sq.lineStyle(1, 0xFFCC00, 100);
sq._x = 10;
sq._y = 10;

這個部分的程式解說如下:
首先則是將圖形的畫質設定為LOW
如此可產生較銳利清晰的繪圖
接著則是產生一個空白的動畫元件,讓圖形畫在這個動畫元件上
然後,再設定此動畫元件上的線條格式,包含粗細、顏色、透明度
最後把畫布移到指定的位置


//繪圖初始值設定
var w:Number = 400;
var h:Number = 300;
var p:Number = h / w;
var step:Number = 10;

這個部分的程式解說如下:
w設定圖形寬度;h設定圖形高度
p則是用來調整計算終點Y座標時的比例
step則是線條的間隔


//開始繪圖
for (i=0; i<=w; i+=step) {
      //左下
      sq.moveTo(i, h);
      sq.lineTo(0, i*p);
      //左上
      sq.moveTo(i, 0);
      sq.lineTo(0, h-i*p);
      //右下
      sq.moveTo(w, i*p);
      sq.lineTo(w-i, h);
      //右上
      sq.moveTo(w-i, 0);
      sq.lineTo(w, h-i*p);
}

這個部分的程式解說如下:
迴圈中分成四個部分進行繪圖的動作
接著就大功告成拉~


如有任何問題請多多指教拉~感恩喔
相簿設定
標籤設定
相簿狀態