Duvida em como foi feito esse flash

Question

Eu queria saber como foi feito esse simulador
http://www.boxvidrossjc.com.br/simulador.html

Sei que foi feito do Adobe flash! mais eu queria saber como foi feito, Eu preciso fazer um igual mais n&atilde;o sei por onde come&ccedil;a pois sou leigo no
flash.
Eu queria saber como s&atilde;o feita as anima&ccedil;&otilde;es etc, Para que eu possa pesquisar no YouTube e no google alguns tutoriais de como
&eacute; feita essa fun&ccedil;&atilde;o de substituir uma imagem por outra imagem ap&oacute;s clicar em um bot&atilde;o.

Como vcs pode ver ao clicar em alguma cor a imagem &eacute; substitu&iacute;da pela aquela cor que a pessoa clicou.
Eu quero saber como &eacute; feita essa a&ccedil;&atilde;o no flash, para que eu possa correr atr&aacute;s de tutoriais.

Obrigado.

Answer

Precisa ser em flash? Pois ele est&aacute; caindo em desuso e n&atilde;o funciona em dispositivos m&oacute;veis. N&atilde;o acho que vale a pena investir nisso atualmente. Nem a Adobe parece muito interessada em mant&ecirc;-lo. Uma op&ccedil;&atilde;o vi&aacute;vel seria usar libs javascript de desenho 2D e manipula&ccedil;&atilde;o de imagens, com uso de canvas.

Quanto ao recurso em si, ele &eacute; menos complexo do que parece. N&atilde;o h&aacute; substitui&ccedil;&atilde;o de imagens (o que n&atilde;o seria muito dif&iacute;cil tamb&eacute;m). O que &eacute; feito &eacute; um desenho colorido semitransparente sobre uma mesma imagem (se voc&ecirc; reparar nos cantos do box, ver&aacute; que eles tem recortes secos, que n&atilde;o fazem parte da imagem). &Eacute; como se fosse colocado um recorte de celofane sobre a foto, dando a impress&atilde;o de mudan&ccedil;a de cor. Isso poderia ser obtido, por exemplo, da seguinte forma:

- carregue a imagem;
- sobre a imagem, voc&ecirc; desenha uma forma geom&eacute;trica (como o quadrado que simula a porta) na cor que quer. Esse desenho precisa ser um pouco transparente (canal alpha alterado);
- o que os bot&otilde;es fazem &eacute; simplesmente mudar o c&oacute;digo da cor e chamar o redesenho da imagem/canvas.

Abra&ccedil;o.

Answer

[QUOTE=TerraSkilll, post: 7202194, member: 668486]Precisa ser em flash? Pois ele est&aacute; caindo em desuso e n&atilde;o funciona em dispositivos m&oacute;veis. N&atilde;o acho que vale a pena investir nisso atualmente. Nem a Adobe parece muito interessada em mant&ecirc;-lo. Uma op&ccedil;&atilde;o vi&aacute;vel seria usar libs javascript de desenho 2D e manipula&ccedil;&atilde;o de imagens, com uso de canvas.

Quanto ao recurso em si, ele &eacute; menos complexo do que parece. N&atilde;o h&aacute; substitui&ccedil;&atilde;o de imagens (o que n&atilde;o seria muito dif&iacute;cil tamb&eacute;m). O que &eacute; feito &eacute; um desenho colorido semitransparente sobre uma mesma imagem (se voc&ecirc; reparar nos cantos do box, ver&aacute; que eles tem recortes secos, que n&atilde;o fazem parte da imagem). &Eacute; como se fosse colocado um recorte de celofane sobre a foto, dando a impress&atilde;o de mudan&ccedil;a de cor. Isso poderia ser obtido, por exemplo, da seguinte forma:

- carregue a imagem;
- sobre a imagem, voc&ecirc; desenha uma forma geom&eacute;trica (como o quadrado que simula a porta) na cor que quer. Esse desenho precisa ser um pouco transparente (canal alpha alterado);
- o que os bot&otilde;es fazem &eacute; simplesmente mudar o c&oacute;digo da cor e chamar o redesenho da imagem/canvas.

Abra&ccedil;o.[/QUOTE]
Exatamente e at&eacute; alguns navegadores est&atilde;o come&ccedil;ando a boicotar o flash como o firefox, como precisa aprender do in&iacute;cio pesquise mais sobre hmtl5, uma das solu&ccedil;&otilde;es muito promissoras atualmente se me permite complementar :D

Ferramentas

Mover Tópico