結果圖:
----------------------------------------------------------------------------------
這裡我先用javaScript 呈現，C# 出了一些很嚴重的CanVas的問題。
OpenString 腳本(按鈕控制) :
#pragma strict
var locked : boolean = true;
var colorNumberSw : int = 0;
function OnGUI(){
if(GUI.Button(Rect(Screen.width/Screen.width, Screen.height/Screen.height, 100, 50),"Open canvas")){
locked = !locked;
}
if(GUI.Button(Rect(Screen.width/Screen.width, Screen.height/Screen.height + 60, 100, 50),"Red")){
colorNumberSw = 1;
}
if(GUI.Button(Rect(Screen.width/Screen.width, Screen.height/Screen.height + 120, 100, 50),"Green")){
colorNumberSw = 2;
}
if(GUI.Button(Rect(Screen.width/Screen.width, Screen.height/Screen.height + 180, 100, 50),"Yellow")){
colorNumberSw = 3;
}
if(GUI.Button(Rect(Screen.width/Screen.width, Screen.height/Screen.height + 240, 100, 50), "Return Game")){
Application.LoadLevel("CanVasTest");
}
if(GUI.Button(Rect(Screen.width/Screen.width, Screen.height/Screen.height + 300, 100, 50), "Exit Game")){
Application.Quit();
}
}
--------------------------------------------------------------------
Driver (畫線啟動腳本) :
#pragma strict
private var cc : canvas;
// private var locked : boolean = true;
var testopenString : OpenString;
// get the size of the screen
private var pixels = Screen.width * Screen.height;
// create a color array
private var colors = new Color[pixels];
private var pencolor = Color.black;
// counter is used to avoid setting pixels on each onGUI call
private var counter = 101;
// last detected mouse position
private var lastpos : Vector2;
private var reset : boolean = true;
function Start() {
cc = GetComponent(canvas);
// fill color array with a BG color
for (var i = 0; i < pixels; i++) {
colors[i] = Color(1.0, 1.0, 1.0, 0.45); // Color.white; // canvasBackground.GetPixel(0, 0);
}
}
function Update() {
if(testopenString.colorNumberSw == 1)pencolor = Color.red;
if(testopenString.colorNumberSw == 2)pencolor = Color.green;
if(testopenString.colorNumberSw == 3)pencolor = Color.yellow;
if (testopenString.locked) {
cc.draw = false;
return;
}
cc.draw = true;
// mouse 0 'paints'
if (Input.GetMouseButton(0)) {
var currpos : Vector3 = Input.mousePosition;
if (reset) {
reset = false;
lastpos = currpos;
}
line(lastpos.x, lastpos.y, currpos.x, currpos.y);
lastpos = currpos;
counter++;
if (counter > 3) {
counter = 0;
cc.setColors(colors);
}
} else {
reset = true;
}
}
// Bresenham's line algorithm
function line(x0 : int, y0 : int, x1 : int, y1 : int) {
var dx = Mathf.Abs(x1 - x0);
var dy = Mathf.Abs(y1 - y0);
var sx = (x0 < x1) ? 1 : -1;
var sy = (y0 < y1) ? 1 : -1;
var err = dx - dy;
while (true) {
// Do what you need to for this
// setPixel(x0,y0);
colors[x0 + Screen.width * y0] = pencolor;
if ((x0 == x1) && (y0 == y1))
break;
var e2 = 2 * err;
if (e2 > -dy) {
err -= dy;
x0 += sx;
}
if (e2 < dx) {
err += dx;
y0 += sy;
}
}
}
------------------------------------------------
Canvas (畫佈 設定 腳本) :
#pragma strict
public var draw : boolean = false;
private var canvasBackground : Texture2D;
canvasBackground = new Texture2D(Screen.width, Screen.height);
var width : int;
var height : int;
// initialize the canvas
function setColors(newColors:Color[]) {
canvasBackground.SetPixels(newColors, 0);
canvasBackground.Apply(false);
}
function OnGUI() {
if (!draw)
return;
GUI.Box(Rect(0, 0, canvasBackground.width-width, canvasBackground.height-height), "");
GUI.skin.box.normal.background = canvasBackground;
}
