A tratti..

pagine | 1

marcello

registrato dal
2007-05-15

on line

inserito 2009-02-14 17:00:52

A tratti..
Non riesco più a trattenermi da una pre-matura-pre-sentazione della lavagna N 3.

Ricapitolando:

La lavagna 1 era partita da un esercizio trovato sulla guida di riferimento di actionscript 2.0.
La lavagna 2
Sfrutta uno script per disegnare basato su eventi legati al Mouse e funzioni moveTo(); e lineTo(). Inoltre salvataggio dei dati di disegno attraverso una codifica scritta in 4 array: memoX,memoY,memoC,memoS. Il salvataggio vero e proprio avviene su un database nel quale vengono scritti da un file php che li riceve da flash col metodo POST.

Lavagna2:

var memoX:Array = Array();
var memoY:Array = Array();
var memoC:Array = Array();
var memoS:Array = Array();
//var dise=0;
var newLine=0;
var xPack="";
var yPack="";
var cPack="";
var sPack="";
var urlFile="http://www.marcellociampa.it/oggetti/lavagna2/disegno_bf.php";
var urlFile2="http://www.marcellociampa.it/oggetti/lavagna2/disegno_id.php";
var urlVarZ=random(99999999);
//trace(urlVarZ);
if(_level0.disegno==undefined)
{
filexml = urlFile+"?caso="+urlVarZ;
}
else
{
filexml = urlFile2+"?disegno="+_level0.disegno;
}
ApriXML();

if(_level0.lineColor!=undefined)
{
var color1=_level0.lineColor;
}
else
{
var color1="0xffffff";
}

if(_level0.lineSize!=undefined)
{
var size1=_level0.lineSize;
}
else
{
var size1="3";
}

onLoad = function()
{

//canvas_mc.lineStyle(size1,color1,100);
};

function memoLine(C,S)
{
	_level0.memoX.push(_xmouse);
	_level0.memoY.push(_ymouse);
	_level0.memoC.push(C);
	_level0.memoS.push(S);
};

this.createEmptyMovieClip("canvas_mc", this.getNextHighestDepth());
var mouseListener:Object = new Object();
mouseListener.onMouseDown = function() {
     this.drawing = true;
     canvas_mc.moveTo(_xmouse, _ymouse);
     //canvas_mc.lineStyle(3, 0xaa0000, 100);
};
mouseListener.onMouseUp = function() {
     this.drawing = false;
	 _level0.memoX.push("x");
	_level0.memoY.push("x");
	_level0.memoC.push("x");
	_level0.memoS.push("x");
	
};
mouseListener.onMouseMove = function() {
     if (this.drawing) {
     canvas_mc.lineTo(_xmouse, _ymouse);
	 memoLine(_level0.color1,_level0.size1);
	 }
	   
     updateAfterEvent();
};

Mouse.addListener(mouseListener);
//
var keyListener:Object = new Object();
keyListener.onKeyDown = function() {
     if (Key.isDown(Key.DELETEKEY) || Key.isDown(Key.BACKSPACE)) {
     canvas_mc.clear();
	 memoX = Array();
	 memoY = Array();
	 memoC = Array();
	 memoS = Array();
	 canvas_mc.lineStyle(size1, color1, 100);
	 //xPoint = Array();
  	 //yPoint = Array();
	
	
	 
     }
	 
};
Key.addListener(keyListener);

// Funzione che prende i dati XML e li mette in degli Array
   function Dati () {
   // Array che contengono i Dati -----------------------
   xPoint = new Array();
   yPoint = new Array();
   colorP = new Array();
   sizeP = new Array();

// ---------------------------------------------------
  for (k=0; k<=myarray.length; k++) {
	 if (myarray[k].nodeName == "x") {
   xPoint.push(myarray[k].childNodes.toString());
  } else if (myarray[k].nodeName == "y") {
    yPoint.push(myarray[k].childNodes.toString());
  } else if (myarray[k].nodeName == "color") {
    colorP.push(myarray[k].childNodes.toString());
  } else if (myarray[k].nodeName == "size") {
    sizeP.push(myarray[k].childNodes.toString());
  }
  
 };
 forLine(xPoint,yPoint,colorP,sizeP);
};

function forLine(Xarr,Yarr,color,size){
	
	//memoX.push("x");
	//memoY.push("x");
	memoX = Xarr;
	memoY = Yarr;
	memoC = color;
	memoS = size;
	memoX.push("x");
	memoY.push("x");
	memoC.push("x");
	memoS.push("x");
	//*/
canvas_mc.lineStyle(size[0], color[0], 100);
canvas_mc.moveTo(Xarr[0], Yarr[0]);

for(i=0;i<Xarr.length;i++)
{
	if(Xarr[i]=="x" || color[i]=="x" || color[i]==undefined)
	{
	newLine=1;
	//trace(Xarr[i]);
	}
	else if(newLine==1)
	{
		if(color[i]!="x" && color[i]!=undefined && color[i]!="")
		{
	_level0.color1=color[i];
	_level0.size1=size[i];
	canvas_mc.lineStyle(size[i],color[i], 100);
	color_size_ta();
		}
	canvas_mc.moveTo(Xarr[i],Yarr[i]);
	newLine=0;
	//_level0.color1=color[i];
	//_level0.size1=size[i];
	//trace(Xarr[i]);
	}
	else
	{
	canvas_mc.lineTo(Xarr[i],Yarr[i]);
	//trace(Xarr[i]);
	}
	
};

};

function salva(xSal,ySal,cSal,sSal)
{
	for(i=0;i<xSal.length;i++)
	{
	xPack+=String(xSal[i])+",";
	yPack+=String(ySal[i])+",";
	cPack+=String(cSal[i])+",";
	sPack+=String(sSal[i])+",";
	}
	//trace(xPack);
	//trace(yPack);
	//trace(cPack);
	//trace(sPack);

var testS = new LoadVars();
	//testS.sendAndLoad("http://localhost/nuova_applicazione/nuovo_sito_ciampa/oggetti/lavagna/save.php");
	testS.xP=xPack;
	testS.yP=yPack;
	testS.cP=cPack;
	testS.sP=sPack;
	testS.sendAndLoad("http://www.marcellociampa.it/oggetti/lavagna2/save.php",testS,"POST");
	testS.onLoad = function(success) {
		if (success) {
		jonny_ta.text=testS.xPhp;
		//trace("ok");
		//ApriXML();
		//disegno1();
		};
	};
	
};

this.salva_btn.onRelease=function()
{
	salva(memoX,memoY,memoC,memoS);
};

/*
var myListener:Object = new Object();
myListener.onKeyDown = function () {
     trace ("You pressed a key.");
}
myListener.onKeyUp = function () {
     trace ("You released a key.");
}
Key.addListener(myListener);
*/

Scarica da qui lo script: Lavagna2

LavagnaCS3

Riscrivendo l'applicazione da zero in actionscript 3.0 viene fuori lavagnaCS3. Con l'uso di una classe esterna chiamata lavagna gestisce alcuni imput per modificare colore e spessore meglio di quanto non fosse per la versione precedente, con l'aggiunta del fattore alpha. Ma soprattutto il caricamento del disegno viene perfezionato attraverso una divisione in pacchetti dei dati quando vengono caricati in formato xml [100 nodi per volta]. Inoltre i dati nel DB non vengono più inseriti nel formato xml, bensì in stringhe separate da virgole.

modifica

marcello

registrato dal
2007-05-15

on line

inserito 2009-02-14 20:54:44

LAVAGNAcs3

modifica

ivanzeta

registrato dal
2009-01-02

off line

inserito 2009-02-15 16:28:01

Figo. Anche se ho capito che adesso non va. Va cioè perfezionata. Insomma puoi usare il mouse come una matita??

Ma solo una cosa a cosa potrebbe servire davvero su un sito?

modifica

pagine | 1