Design e programação criativa na web.

Posts tagged ‘actionscript’

HTML5 vs Flash

<HTML5> vs FLASH

Irá o HTML5 substituir o Flash nos anos que se seguem? Alguns dizem que sim. É realmente superior esta nova tecnologia ou são mais uma vez os interesses de uma determinada companhia que se metem pelo meio?

Deixem o vosso comentário sobre o assunto.

Wix – Construa um site em flash online

wix

Isso mesmo. Com esta ferramento online podem crirar o vosso site em flash online e nao necessitam de nenhum conhecimento de flash nem de actionscript. Uma ferramenta interessante que demonstra o poder do próprio flash.

www.wix.com

Drag and Drop – AS3

Exemplo de como fazer um “drag and Drop” em actionscript 3.

Código

//

mc1.addEventListener(MouseEvent.MOUSE_OVER,traceName);
mc1.addEventListener(MouseEvent.MOUSE_DOWN,arrastar);
mc1.addEventListener(MouseEvent.MOUSE_UP,parar);
mc1.addEventListener(MouseEvent.MOUSE_UP, colisao);

function traceName(event:MouseEvent):void {
trace(event.target.name);
useHandCursor = true;
buttonMode = true
}

function arrastar(evt:MouseEvent):void{
mc1.startDrag();
}
function parar(evt:MouseEvent):void{
mc1.stopDrag();
}

function colisao(evt:MouseEvent):void{
if(mc1.dropTarget){
texto.text = “Dentro”;
}else{
texto.text = “Fora”;
}
}
//

Ficheiro .fla
-> Download

Tutorial Flash, XML com HTML e CSS

Um maneira simples de importar um ficheiro xml para dentro do flash. Desta maneira pode-se importar um textos com as “tags” HTML e criar um ficheiro CSS para que estilizar os diversos elementos. Tenham em conta que o suporte de css no flash limita-se ao standard CSS1.

Código actionscript:

var ficheiro_xml = new XML();

caixa_de_texto.html = true;
ficheiro_xml.ignoreWhite = true;

// –> criar o objecto CSS
var folha_css = new TextField.StyleSheet();
// — carregar CSS
folha_css.load(“nome_da_folha de estilos.css”);
caixa_de_texto.styleSheet = folha_css;

//–>Carregar o XML<–//
ficheiro_xml.onLoad = function(sucesso) {
if (sucesso) {
trace(“sucesso”);
} else {
trace(“ERRO ao carregar o XML!!!”);

}
nome_caixa_texto.htmlText=ficheiro.firstChild.childNodes[0].firstChild.nodeValue;
};
ficheiro_xml.load(“endereço_do_ficheiro.xml”);

/////\\\\

Código XML:

<?xml version=”1.0″ encoding=”utf-8″ ?>

<textos>
<texto1><![CDATA[<html><body><p class=”titulo”>¿Lorem ipsum dolor sit amet, consectetuer<p>
<p class=”texto”>Lorem ipsum dolor sit amet, consectetuer <span class=”span”> Lorem ipsum dolor sit amet, consectetuer.</span> Lorem ipsum dolor sit amet, consectetuer!</p></body></html>]]>

</texto1>
<texto2>2 -Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Curabitur nisl risus, tristique id, ultrices et, varius vitae, magna. Suspendisse nunc. Phasellus sit amet massa. Phasellus mauris. Pellentesque placerat nunc ac ante. Sed luctus venenatis arcu. Nam turpis purus, dictum non, lobortis a, tristique eget, pede.

</texto2>
</textos>

Código CSS:

.titulo {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
color: #CC6600;
font-weight: bold;
}
.texto {
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
color: #666666;
font-weight: normal;
}

.span {
font-weight: bold;
}

////

Aqui está o zip com todos os ficheiros.
-> Download

Actionscript 3 – Tips

Alguns bons exemplos e tutoriais. Muito úteis.

http://www.kirupa.com/forum/showthread.php?t=223798

Redimensionamento proporcional de uma imagem – AS2

Algo que poderá será util. É simples mas nunca tinha pensado nisso até ser necessário. Por isso pensei um bocado e aqui está. 🙂

Quando se redimensiona o stage a imagem redimensiona mas porporcionalmente. Para isso só foi necessario calcular a proporçao (ratio).

///AS2.0 – Redimensionamento proporcional///

Stage.align=”TL”;

onLoad = function () {
ratio = imagem._width/imagem._height;
trace(ratio);
imagem._width = Stage.width;
imagem._height = imagem._width / ratio;
};
var myListener:Object = new Object();
myListener.onResize = function() {
imagem._width = Stage.width;
imagem._height = imagem._width / ratio;

};
Stage.addListener(myListener);

///AS2.0 – Redimensionamento proporcional///

Site Alfa 159 – France

Como sempre a Soleil Noir deixa-nos de boca aberta. Desta vez, muito a seu estilo, extremamente simples, apetitoso e eficaz. Menção honrosa para o 3D que está, para não dizer mais, genial! 🙂
Resumindo, um bom conceito extremamento bem explorado.

http://www.experience159.com/

Nuvem de etiquetas