Ir para conteúdo

Arquivado

Este tópico foi arquivado e está fechado para novas respostas.

Frank Junior

ColorPicker Customizado com banco de dados

Recommended Posts

Olá pessoal quero pedir que me ajudem em uma tarefa muito difícil que pra quem sabe deve ser bem fácil! rsrsrs

 

 

por enquanto eu consegui criar isto http://frankpaineis.com.br/color/colorpicker.html para o fundo da parede

 

agora para os adesivos que vem o problema! preciso criar um desse só que com algumas cores só Vermelho, Azul Royal, Azul Claro, Verde Bandeira, Verde limão, Cinza Claro, Cinza Escuro, Preto, Branco, Marrom, Bordo, Magenta, Creme, Amarelo Canário, Amarelo Ouro, Roxo

 

só que quero quando o cliente escolher a cor ja ir para o carrinho de comprar com a cor correta!...

 

achei um site aqui do Elton ele conseguiu fazer isso aki no forum com ajuda do Michael só que eu peguei o assunto no meio ae fiquei meio perdido...

se alguem puder me ajudar vou agradecer bastante!

 

site do elnton---> adesivarts.com.br/adesivos-decorativos/dragao

 

segue o codigo que usei

import fl.events.ColorPickerEvent;
import flash.geom.ColorTransform;

myColorPicker.selectedColor = 0xffffff;

var colorInfo:ColorTransform = myStar.transform.colorTransform;

myColorPicker.addEventListener (ColorPickerEvent.CHANGE, colorChanged);

function colorChanged (e:ColorPickerEvent) :void {

colorInfo.color = myColorPicker.selectedColor;

myStar.transform.colorTransform = colorInfo;

myCurrentColor.text = myColorPicker.hexValue;
}

Compartilhar este post


Link para o post
Compartilhar em outros sites

Bom dia!

 

Defina e armazene as cores desejadas para o componente em um "Array" através dos seus respectivos códigos hexadecimais, ex:

 

//Limitando as cores em : vermelho, amarelo, verde a azul
mycolorPicker.colors=[0xFF0000,0x00FF00,0x0000FF,0xFFFF00];

 

Obs.: Para o seu projeto, terá que utilizar duas instâncias do componente, uma para trocar a cor de fundo e outra da imagem.

Mas acho que isso seria a solução somente de uma parte do problema... Como no decorrer, isso terá um "checkout" posterior, eu faria a integração com "javascript e css" para trocar as cores (fundo/objeto) e armazenar as respectivas informações para dar sequência...

 

Att.

Compartilhar este post


Link para o post
Compartilhar em outros sites

bom galera eu consegui fazer isso http://frankpaineis.com.br/novo/index.html

 

atraves de codigos que busquei na net e tudo mais só que quero tirar esse transição quero que click na cor e ja va direto pra ela esse da uma suavizada e vai pra cor!

 

ae depois queria que aparecece o nome da cor do adesivo embaixo!

 

Public2004 obrigado pela ajuda!

 

segue o código que usei para criar o .swf do link acima

 

se quiserem dar uma ideia para melhorar ele acho ótimo fiquem a vontade em dar opiniões!!!

 

//Importação das Classes
import com.greensock.*;
import com.greensock.plugins.*;

//MC como Botão
cor1_mc.buttonMode = cor2_mc.buttonMode = true;
cor3_mc.buttonMode = cor4_mc.buttonMode = true;
cor5_mc.buttonMode = cor6_mc.buttonMode = true;
cor7_mc.buttonMode = cor8_mc.buttonMode = true;
cor9_mc.buttonMode = cor10_mc.buttonMode = true;
cor11_mc.buttonMode = cor12_mc.buttonMode = true;
cor13_mc.buttonMode = cor14_mc.buttonMode = true;
cor15_mc.buttonMode = cor16_mc.buttonMode = true;
cor17_mc.buttonMode = true;


//Cores
cor1_mc.cor = 0xFF0000;
cor2_mc.cor = 0x00FF00;
cor3_mc.cor = 0x0000FF;
cor4_mc.cor = 0xFF0099;
cor5_mc.cor = 0x006600;
cor6_mc.cor = 0xFFFFFF;
cor7_mc.cor = 0xFF0000;
cor8_mc.cor = 0x000000;
cor9_mc.cor = 0x990000;
cor10_mc.cor = 0x000066;
cor11_mc.cor = 0xFFFF00;
cor12_mc.cor = 0xFFCC00;
cor13_mc.cor = 0x993300;
cor14_mc.cor = 0xCCCCCC;
cor15_mc.cor = 0x666666;
cor16_mc.cor = 0x999999;
cor17_mc.cor = 0xFFFFCC;

//Ativação do Plugin
TweenPlugin.activate([TintPlugin]);

//Adicionando Eventos
cor1_mc.addEventListener(MouseEvent.CLICK, alteraCor);
cor2_mc.addEventListener(MouseEvent.CLICK, alteraCor);
cor3_mc.addEventListener(MouseEvent.CLICK, alteraCor);
cor4_mc.addEventListener(MouseEvent.CLICK, alteraCor);
cor5_mc.addEventListener(MouseEvent.CLICK, alteraCor);
cor6_mc.addEventListener(MouseEvent.CLICK, alteraCor);
cor7_mc.addEventListener(MouseEvent.CLICK, alteraCor);
cor8_mc.addEventListener(MouseEvent.CLICK, alteraCor);
cor9_mc.addEventListener(MouseEvent.CLICK, alteraCor);
cor10_mc.addEventListener(MouseEvent.CLICK, alteraCor);
cor11_mc.addEventListener(MouseEvent.CLICK, alteraCor);
cor12_mc.addEventListener(MouseEvent.CLICK, alteraCor);
cor13_mc.addEventListener(MouseEvent.CLICK, alteraCor);
cor14_mc.addEventListener(MouseEvent.CLICK, alteraCor);
cor15_mc.addEventListener(MouseEvent.CLICK, alteraCor);
cor16_mc.addEventListener(MouseEvent.CLICK, alteraCor);
cor17_mc.addEventListener(MouseEvent.CLICK, alteraCor);

function alteraCor(e:MouseEvent):void {
TweenLite.to(carro_mc, 2, {tint:e.target.cor} );
}

//Codigo do fundo
import fl.events.ColorPickerEvent;
import flash.geom.ColorTransform;

myColorPicker.selectedColor = 0xffffff;

var colorInfo:ColorTransform = myStar.transform.colorTransform;

myColorPicker.addEventListener (ColorPickerEvent.CHANGE, colorChanged);

function colorChanged (e:ColorPickerEvent) :void {

colorInfo.color = myColorPicker.selectedColor;

myStar.transform.colorTransform = colorInfo;

myCurrentColor.text = myColorPicker.hexValue;
}

Compartilhar este post


Link para o post
Compartilhar em outros sites

Olá Pessoal, queria saber como faço para utilizar 2 componentes ColorPicker, ou seja to fazendo um simulador de cores, que altera a cor das paredes da sacada e das paredes da frente da casa, só que eu não sei colocar as duas alternativas pra funcionar, tentei reproduzir o mesmo scrpt aí num funciona nem um e nem outro...

 

Segue o link http://www.hernandomotos.com.br/Untitled-6.swf

 

 

Agradeço desde já que puder ajuda!

 

Valeu.

Compartilhar este post


Link para o post
Compartilhar em outros sites

×

Informação importante

Ao usar o fórum, você concorda com nossos Termos e condições.