Animação
O filme é a raiz de sua animação. Ele contém todas as principais propriedades e eventos de sua animação. Aqui, você pode definir propriedades básicas como a largura, a altura e o título de sua animação. Você também pode adicionar o script que é executado quando a animação termina, ou cada vez que ele atualiza. Você pode acessar rapidamente o filme Propriedades a qualquer momento, clicando no ícone de filme na parte superior esquerdas das propriedades.
Propriedades
Largura
• A largura da animação em pixels.
|
Altura
• A altura do filme em pixels.
|
Plano frontal
• Permite especificar a forma pela qual a animação deve ser redimensionada para caber no espaço disponível.
|
Nenhuma – A animação não é redimensionada.
Centralizar – A animação não é redimensionada, mas centralizada no espaço disponível.
Preencher – A animação preenche o espaço disponível, mas, se a proporção for diferente, a animação é clipada.
....Ajustar – A animação preenche o espaço disponível, mas, se a proporção for diferente, o espaço de exibição ganha o formato de tela de cinema tipo letterbox.
Ampliar – A animação preenche o espaço disponível. A proporção não é preservada.
Cor do fundo
• A cor de fundo.
|
Fundo Transparente
• O plano de fundo do filme é transparente. Isso só funciona para HTML.
|
Ajuste do fundo
• A forma pela qual a imagem do plano de fundo deverá ser ampliada para caber no espaço disponível.
|
Centro – a imagem não é dimensionado e centrado no espaço disponível.
Preenchimento – a imagem preenche o espaço disponível, se a relação é diferente, em seguida, a imagem será cortada.
Fit – a imagem preenche o espaço disponível, se a relação é diferente, então o espaço vai ser letterboxed.
Apto centro – se a imagem for maior que o espaço disponível, o ajuste é usado. Se a imagem for menor do que o espaço disponível, está centrado.
Trecho - a imagem preenche o espaço disponível. A relação não será preservada.
Plano de fundo
• Uma imagem de plano de fundo.
|
Gestos de toque
• Permitem exportar HTML para suportar longas prensas, rolagem e zoom em telefones e dispositivos touch.
|
Desabilitar o Menu
• Desabilite o menu do botão direito.
|
Recortar
• Quaisquer itens pendendo do clipe.
|
Repetir
• A reprodução da animação é repetida indefinidamente.
|
Autoiniciar
• A reprodução da animação é automática.
|
Velocidade
• A velocidade do filme. O valor padrão é 1, ou 12 chaves quadros por segundos. 2 é o dobro do velocidade, ou 24 quadros por segundo-chave. 0,5 é metade da velocidade. 0 é interrompido. -1 é inversa.
|
Ao clicar...
• O script a ser executado quando pressionado ou clicado.
|
alert(X+" , "+Y);
Liberação de uso
• Permita scripts separados ser usado quando o filme é pressionado e liberado. Caso contrário script só é utilizado quando o filme é pressionado e, em seguida, liberado. Com esta opção 'Ao clicar...' é usado somente quando o filme for pressionado.
|
No lançamento
• O script a ser executado quando o mouse é clicado ou toque é liberado.
|
Em mais
• O script a ser executado quando o mouse se move sobre. Esse valor só está disponível com 'Efeito ao apontar'.
|
Saiu no
• O script a ser executado quando o mouse se move para fora. Esse valor só está disponível com 'Efeito ao apontar'.
|
Os eventos de script de rato/toque 'Ao clicar...', 'Em movimento' e 'No lançamento' todos incluem três variável. 'X' a coordenada x do rato/touch. 'Y' a coordenada y do mouse/touch. 'MouseButton' o botão do mouse foi clicado, 1 é o botão esquerdo do mouse, 2 é o botão direito.
Ao iniciar...
• O script a ser executado quando o filme começa. Esta função só é executado quando ~AutoPlay está desligado.
|
Em atualização
• O script a ser executado cada vez que o filme atualiza. Isso pode ser muitas vezes por segundo. A frequência depende da velocidade do navegador da web e a complexidade do filme.
|
O evento de script 'Em atualização' inclui dois variável. 'TimeChange' a mudança na hora do filme desde a última atualização. Um tempo de 1, é igual a 1 quadro. 'SecondsChange' a mudança em segundos desde a última atualização.
MyTimer+=TimeChange; //Time Passed
Em redimensionar
• O script a ser executado quando o dispositivo ou navegador da web é redimensionado ou rotacionado.
|
Ao findar...
• O script a ser executado quando o filme termina. Este script só é executada quando 'Repetir' está desligado.
|
GetUrl("NextMovie.html");
Na tecla
• O script a ser executado quando uma tecla foi pressionada. Este evento script inclui uma variável 'Chave', que é o valor unicode da tecla que foi pressionada.
|
alert(Key);
No lançamento de chave
• O script a ser executado quando uma tecla do teclado foi lançada. Este evento script inclui uma variável 'Chave', que é o valor unicode da chave que foi lançado.
|
Nenhum JavaScript
• Esta mensagem é exibida na exportação HTML se JavaScript não estiver disponível ou tenha sido desativada no navegador da web.
|
<b>Message</b><br />
This web browser does not support javascript.<br />
Carregador
• Edite o loader.
|
Título
• O título do filme quando exportados.
|
Ícone
• Um ícone para seu filme. Ele aparecerá em navegadores da web para representar a página. Ele também pode ser usado como um ícone na tela inicial de Apple dispositivos.
|
Cursor
• Altere o cursor do mouse. Os cursores são ignorados em dispositivos touch.
|
Cursor personalizado
• Defina o cursor para um cursor na biblioteca.
|
Não armazenar em Cache
• Não armazenar em cache este filme quando ele é exportado para uma página da web HTML.
|
Cor-ambiente
• Internet Explorer 6-8 não exibir corretamente as fronteiras dos itens de semi transparente. Esta cor média é usado como uma cor de fundo para as fronteiras. A cor de fundo do filme geralmente funciona melhor.
|
Criador
• Seu nome ou o de sua empresa pode ser armazenado no arquivo HTML exportado.
|
Site
• O site dos autores pode ser incluído em widgets exportados.
|
E-Mail
• O endereço de email de autores pode ser incluído em widgets exportados.
|
Descrição
• Uma descrição da animação pode ser armazenada no arquivo HTML exportado. Isto ajuda os sites de busca online a entender sua animação.
|
HEAD
• Adicione HTML personalizado adicional para a marca de cabeça, ao exportar para HTML.
|
<meta name="twitter:card" content="summary_large_image" />
<meta name="twitter:site" content="@Hippani" />
<meta name="twitter:title" content="HTML Animation with Hippani Animator" />
<meta name="twitter:domain" content="www.Hippani.com" />
<meta name="twitter:description" content="This is an example twitter card. It adds more information to twitter tweets." />
<meta name="twitter:image" content="https://www.Hippani.com/Images/MediumHippo2.png" />
BODY
• Adicione HTML personalizado adicional para a marca do corpo, ao exportar para HTML.
|
Google Analytics
• Isso permite acompanhar o desempenho do arquivo HTML publicado na Internet usando o Google Analytics. Estes dados devem vir no formato UA-123456-7.
|
Script
Tocar
• Inicia a reprodução da animação.
Play();
|
Parar
• Para a reprodução da animação.
Stop();
|
Ir para e reproduzir
• Reproduz a animação a partir de um quadro específico. Por exemplo GotoAndPlay(100).
GotoAndPlay(Quadro:Número);
|
Ir para e parar
• Vai para um quadro específico da animação e para. Por exemplo, GotoAndStop(100).
GotoAndStop(Quadro:Número);
|
Reproduzir segmento
• Reproduz um segmento da animação do início ao fim. Por exemplo, PlayClip(100,200).
PlayClip(Início:Número,Fim:Número);
|
Repetir sempre
• Reproduz uma animação do começo ao fim indefinidamente. Por exemplo, PlayLoop(100,200).
PlayLoop(Início:Número,Fim:Número);
|
Jogar em seguida, executar um Loop
• Reproduzir um clipe de filme do início ao fim. Em seguida, continuamente joga um loop. Por exemplo, PlayThenLoop(100,180,200) isso iniciará no frame 100, joga até 200 loop depois de quadro quadro 180. O quadro de início do loop poderia ser antes do quadro de início.
PlayLoop(Início:Número,IniciarOLoop:Número,Fim:Número);
|
Pausar
• Faz uma pausa na reprodução da animação. É como usar Stop(), mas sem sair de qualquer trecho ou reprodução contínua dela em que o comando esteja.
Pause();
|
Retomar a reprodução
• Retoma a reprodução do filme. É como comando Play(), mas sem sair de qualquer trecho ou reprodução contínua dela em que o comando esteja.
Resume();
|
Obter o tempo
• Retorna a hora atual da cena. Este é um flutuante aponte valor.
GetTime();
|
Tempo definido
• Defina o atual momento da cena.
SetTime(Quadro:Número);
|
Obter o quadro
• Retorna o atual quadro da cena. Isso é semelhante ao tempo exceto é um número inteiro.
GetFrame();
|
Conjunto moldura
• Defina o quadro atual da cena. Isto é como acertar a hora, mas só pode ser um número inteiro.
SetFrame(Quadro:Número);
|
Obter velocidade
• Obter a velocidade do filme. O valor padrão é 1. 2 é de dupla velocidade. 0,5 é metade da velocidade. 0 é interrompido. -1 é inversa. Quando ao contrário o quadro de início de loops ou grampos deve ser maior do que o quadro final.
GetSpeed();
|
Velocidade programada
• Defina a velocidade do filme. O valor padrão é 1. 2 é de dupla velocidade. 0,5 é metade da velocidade. 0 é interrompido. -1 é inversa. Quando ao contrário o quadro de início de loops ou grampos deve ser maior do que o quadro final.
SetSpeed(Velocidade:Número);
|
Item mover para frente
• Trazer o item para a frente da camada.
ItemMoveToFront("ID do script");
|
Item mover para frente
• Trazer o item para a frente um lugar na camada.
ItemMoveForward("ID do script");
|
Item mover para trás
• Envie o item de volta um lugar na camada.
ItemMoveBackward("ID do script");
|
Item mover para trás
• Envie o item para trás da camada.
ItemMoveToBack("ID do script");
|
Excluir item
• Exclua um item de uma camada usando o script. Isso só funciona para itens que não utilize a linha do tempo.
ItemDelete("ID do script");
|
Item duplicado
• Duplica um item em uma camada usando o script. Isso só funciona para itens que não utilize a linha do tempo.
ItemDuplicate("ID do script","Novo Script ID");
|
var Box2=ItemDuplicate("OriginalBox","Box2");
var Circles=new Array();
for(var i=0;i<10;i++){
Circles.push(ItemDuplicate("OriginalCircle","Circle"+i));
}
Esta documentação foi traduzida do inglês, usando um tradutor online. Pedimos desculpas se você encontrar quaisquer erros. Se você gostaria de nos ajudar a fazer as correções. Há um editor de tradução em Hippani Animator (no menu ajuda). Damos as chaves de licença livre para qualquer um que corrige mais de 100 frases. Entre em contato conosco para mais detalhes.