Jump to content
  • ×   Pasted as rich text.   Paste as plain text instead

      Only 75 emoji are allowed.

    ×   Your link has been automatically embedded.   Display as a link instead

    ×   Your previous content has been restored.   Clear editor

    ×   You cannot paste images directly. Upload or insert images from URL.

  • Similar Content

    • By kikekun
      Olá!
      Eu queria fazer um criador de personagens para colocar na web, e tomei como base este código aqui: https://codepen.io/kristenmay/pen/kkkdBr pra fazer em javascript, mas ainda ta limitado pro que eu quero.
      Preciso de um botão que altere mais de uma imagem ao mesmo tempo (por exemplo: pra fazer com que duas imagens de cabelo apareçam ao mesmo tempo, uma na camada da frente, outra na de trás);  um botão para alterar as cores das imagens (até consegui colocar essa barra de HUE, mas ela só muda a cor da primeira imagem, e quando passa, volta pro padrão (esse vermelho que coloquei em todas pra facilitar). mas o ideal mesmo seria um botão especifico pra o tipo de imagem que esteja sendo mudada, por exemplo... o de cabelos mudaria a cor da imagem entre moreno; castanho claro; castanho escuro; branco; loiro claro; loiro escuro; e ruivo... já o botão de cor da pele mudaria entre branco; pardo; asiatico e negro); e um botão de download para as pessoas baixarem seu personagem criado = P Da pra fazer isso? como eu faço? xD (posso tentar postar o codigo em algum lugar se precisar)

      Ta assim:

    • By Felipe Garciax
      Ola,
       
      Estou com o seguinte problema, no formulario principal do meu projeto tenho um SplitView e um Image em AlClient com uma imagem em 193 kb, ao abrir e fechar o SplitView em execucao a imagem PISCA, ja usei no OBJECT INSPECTOR o DoubleBuffered em TRUE tanto para o form quanto para o SplitView e o problema persiste, ja fiz o teste no codigo tanto para o EVENTO OnShow e OnCreat:
      DoubleBuffered :=True;  e nenhum resultado... Help Me
    • By alecram28
      Preciso criar um album de fotos que ao clicar na imagem apareça uma descrição, e ao clicar novamente na imagem a descrição desapareça. 
      Consigo fazer aparecer o texto mas não consigo oculta-lo depois de clicar novamente.
      Outra duvida, coloquei a div texto mas a formatação css que coloco nao aparece.
       
      HTML:
        <body> <h1>ÁLBUM DE FOTOS</h1>   <div class="album"> <img src="foto1.jpg" onclick="mostrarTexto('Descriçao1!')" max width="300" max height="300"> </div> <div class="album"> <img src="foto2.jpg" onclick="mostrarTexto('terbrbrb!')" max width="300" max height="300"> </div> <div class="album"> <img src="foto3.jpg" onclick="mostrarTexto('aaaaaaa!')" max width="300" max height="300"> </div> <div class="album"> <img src="foto4.jpg"onclick="mostrarTexto('bbbbbbbb')" max width="300" max height="300"> </div> <div class="album"> <img src="foto5.jpg" onclick="mostrarTexto('cccccccc')" max width="300" max height="300"> </div>   <div class="album"> <img src="foto6.jpg" onclick="mostrarTexto('dddddddd')" max width="300" max height="300"> </div> <div id= "texto"></div> <div class="album"> <img src="foto7.jpg" onclick="mostrarTexto('eeeeeee')" max width="300" max height="300"> </div> <div class="album"> <img src="foto8.jpg" onclick="mostrarTexto('fffffff')" max width="300" max height="300"> </div> <div class="album"> <img src="foto9.jpg" onclick="mostrarTexto('ggggggg')" max width="300" max height="300"> </div>     </body>  
      CSS:
      html { font-family: Arial, Helvetica, sans-serif   }   h1{ font-family: Arial, Helvetica, sans-serif; color: rgb(117, 170, 231); font-size:2rem; text-align: left; }   .album{ float: left; width: 500px; }   .texto{ font-family: Arial, Helvetica, sans-serif; font-size:2rem; color: rgb(92, 192, 92);   }  
      JS:
      function mostrarTexto(msg) { texto.innerHTML= msg;   }
    • By Mauro O
      Prezados preciso de um elemento css com borda como segue o anexo png

    • By Gabarito
      Olá.

      Já procurei bastante, mas ainda não achei um código que possa me adiantar ou dar ideia de como fazer um relógio digital numa contagem regressiva.
      Encontrei uns arquivos GIF que possam ajudar a explicar o desafio:



      Eu já tenho o código que faz a contagem regressiva a partir de uma data dada pelo usuário.
      O que eu teria que fazer agora é associar cada dígito da contagem a uma imagem separada.
      Tentei ajustar imagens GIFs que se adaptassem ao tempo real, mas sempre ocorre um pequeno erro nas frações de segundo que se acumulam e levam a dar uma grande diferença num intervalo de tempo maior.
      Portanto, pretendo criar uma forma de associar cada dígito de cada resultado a uma imagem diferente e fazer a ilusão do movimento de passagem da placa do exemplo acima.

      Quando o meu resultado dá 300 minutos, eu teria que "quebrar" o 300 em "3", "0" e "0".
      Depois, eu teria que associar o "3" a uma imagem que exiba o número 3. E assim por diante.
      A animação eu mesmo faria. Já separei as imagens de cada um dos dígitos do exemplo acima em arquivos diferentes.
      Encontrei uma pequena dificuldade porque a passagem de contagem regressiva é DIFERENTE da passagem de tempo crescente.
      A passagem da imagem 2 para a imagem 1 é diferente do seu inverso.
      A imagem 3 para a 2 também é e assim por diante.
      Por isso, não pude aproveitar as imagens separadas do exemplo dado acima.
      Tive que criar transições do 2 para o 1 no Photoshop.

      Mas esse não é o problema. Isso eu já tenho.
      O problema, e é esse o motivo desse tópico, é associar cada número da contagem em imagens diferentes.
      Para fazer a animação das transições, vou usar um componente TTimer.

      Portanto, o que apresento aos colegas é o desafio de fazer a associação entre número e arquivo de imagem.

      No exemplo que eu dei, vou ter que pegar a centena 3 e associar à imagem "3".
      Mas como saber que é uma centena?
      Eu pensei em testar se o resultado atual é maior do que 100.
       
      Código: If resultado > 100 then begin If resultado - 100 = 1 then image1.Picture.LoadFromFile('arquivo1'); If resultado - 100 = 2 then image1.Picture.LoadFromFile('arquivo2'); ... If resultado - 100 = 9 then image1.Picture.LoadFromFile('arquivo9'); ... If resultado > 1000 then begin If resultado - 1000 = 1 then image1.Picture.LoadFromFile('arquivo1');  


      Mas aí eu começo a me embaralhar.
      E como fazer com as dezenas dentro das centenas?
      Tem que fazer um tratamento meio matemático para testar unidade, dezena, centena, milhar, etc...

      Alguém poderia dar uma mãozinha aqui?

       
      Eu trago aqui a forma como já está funcionando o programinha:



      Esses números todos teriam que passar para placas que rolam no estilo da imagem GIF lá no começo do tópico.
      Os segundos mudam a cada instante, claro, e isso é bem visível.

      As placas teriam que rolar em números decrescentes.
      A parte gráfica, eu acho que já sei como fazer, animação e tudo.
      O tamanho do formulário teria que ser aumentado, claro.

      O nó agora é o código para ligar cada número a um arquivo de imagem diferente.
      Não entendo muito da coisa, mas seria o caso de usar um ImageList?

      A bola está com vocês agora.

      .
×

Important Information

Ao usar o fórum, você concorda com nossos Terms of Use.