Moving Average Js

Estando nos ombros do Scriptographer e fazendo uso de padrões HTML5, o Paper. js é uma estrutura abrangente de scripts de gráficos vetoriais de código aberto. Document Object Model Paper. js fornece um Document Object Model (também chamado de Scene Graph), que é muito fácil de trabalhar. Crie um projeto e preencha-o com camadas, grupos, caminhos, rasters, etc. Os grupos e as camadas podem conter outros itens e até outros grupos. Se você nunca soube de um Modelo de Objeto de Documento, você pode pensar nisso como a paleta de camadas de aplicativos, como o Adobe Illustrator, o Adobe Photoshop. A imagem à esquerda é uma ilustração da estrutura do projeto depois de executar o código abaixo, se você estiver olhando para ele em um aplicativo como Adobe Illustrator. Existem duas camadas, o caminho vermelho foi criado na primeira camada e o caminho verde foi criado no segundo. Saiba mais sobre o Modelo de Objeto de Documento no tutorial de Hierarquia de Documentos. Segmentos de amplificadores de caminhos O ​​Paper. js torna muito fácil criar caminhos e adicionar segmentos a eles. Após a adição, os segmentos podem ser facilmente inspecionados, manipulados, movidos, removidos etc. Em Paper. js, os caminhos são representados por uma seqüência de segmentos que estão conectados por curvas. Um segmento consiste em um ponto e duas alças, definindo a localização e a direção das curvas. Saiba mais sobre caminhos e segmentos no tutorial Working with Path Items. Mouse Interaction Paper. js oferece manipuladores de mouse para as diferentes ações que você pode executar com um mouse (ou tela de toque). Você pode usar esses manipuladores para produzir diferentes tipos de ferramentas que tenham diferentes maneiras de reagir à interação e ao movimento do mouse. Basta definir as funções do manipulador em seu código Paperscript e eles serão chamados pelo Paper. js sempre que o usuário interagir com a tela. Leia mais sobre manipuladores de mouse no tutorial Criando ferramentas do mouse. O objeto de evento que é passado para o manipulador de eventos inclui muitas propriedades úteis que descrevem o movimento ea posição do mouse. Saiba mais sobre eventos de mouse no tutorial de eventos do mouse. Keyboard Interaction Paper. js permite interagir com o teclado de duas maneiras: você pode interceptar eventos-chave e responder a estes, ou pode verificar o estado de uma determinada chave a qualquer momento, para ver se está pressionado ou não. Saiba mais sobre a interação do teclado no tutorial de Interação de Teclado. O exemplo a seguir mostra algumas interações de teclado. Clique na tela para obter o foco do teclado e orientar com suas teclas de seta: SVG Importar e Exportar Paper. js oferece métodos muito convenientes para importar e exportar gráficos vetoriais como SVG. São suportados recursos ainda mais avançados, como gradientes e recortes. O SVG original à esquerda, importado para uma tela Paper. js à direita: Divirta-se com este exemplo interativo de Voronoi, clique para adicionar novas células e, uma vez que você gosta do resultado, pressione o botão Download como SVG para baixar o resultado como Um arquivo SVG que você pode abrir diretamente no Adobe Illustrator e outros aplicativos de edição de vetores: imagens ráster e imagem média de cores Coloque as imagens em seu projeto, trabalhe com as cores dos pixels ou veja as cores médias dos pixels que se enquadram nos caminhos colocados no topo deles. Os símbolos permitem que você coloque várias instâncias de um item em seu projeto. Isso pode salvar a memória, uma vez que todas as instâncias de um símbolo simplesmente se referem ao item original e pode acelerar o movimento em torno de objetos complexos, uma vez que propriedades internas, como listas de segmentos e posições de gradiente, precisam ser atualizadas com cada transformação. Esquemas de seleção Quando você seleciona itens ou pontos de segmento do caminho, lida com o seu código, o Paper. js desenha os contornos visuais deles em cima do seu projeto. Isso é muito útil para depuração, pois permite que você veja a construção de caminhos, a posição das curvas de trajeto, pontos de segmento individuais e caixas de elementos de simbolo e raster: Vector Geometry Vector geometry é um cidadão de primeira classe em Paper. js. É uma grande vantagem entender seus princípios básicos ao aprender a escrever scripts para isso. Afinal, existe uma razão para a palavra Vector em Vector Graphics. Ao construir o Scriptographer, encontramos a geometria do vetor como uma maneira poderosa de trabalhar com posições, movimentos e caminhos. Uma vez compreendido, prova ser muito mais intuitivo e flexível do que trabalhar com os valores x e y do sistema de coordenadas diretamente, como a maioria dos outros ambientes de programação orientados visualmente. Leia mais sobre Vector Geometry no tutorial de Vector Geometry. Operações Matemáticas O PaperScript permite que você escreva operadores algébricos normais em conexão com objetos de tipo básico. Pontos e tamanhos podem ser adicionados, subtraídos, multiplicados ou divididos por valores numéricos ou outros pontos e tamanhos: Leia mais sobre isso no tutorial de Operações Matemáticas. Conversão de objetos Uma característica importante no Paper. js é a sua flexibilidade na conversão de parâmetros ao passar valores para funções. Nessas situações, todos os tipos básicos podem, alternativamente, ser descritos como arrays ou como objetos de JavaScript simples. Arrays são simplesmente uma listagem das propriedades padrão em sua seqüência padrão. Alguns exemplos: Note que os pontos são convertidos em tamanhos quando necessário, e vice-versa: Dataset é uma biblioteca de gerenciamento e gerenciamento de dados do lado do cliente do JavaScript. O Dataset facilita o gerenciamento de dados do lado do cliente, gerenciando o carregamento, análise, classificação, consulta manipulando dados de todos os tipos de fontes. Download 0.4.0 Changelog O acesso a dados está no cerne de uma grande quantidade de conteúdo interativo. Conjunto de dados resolve problemas comuns com o percurso, a manipulação e o gerenciamento desses dados Ao contrário dos frameworks do lado do cliente que se concentram no modelamento de entidades, o Dataset foi projetado exclusivamente para trabalhar com matrices de dados. Isso permite um rico conjunto de capacidades de trituração de números e ajuda a otimizar o gerenciamento de grandes números. Além de ajudar a carregar e analisar dados, o Dataset facilita a consulta e seleciona subconjuntos de dados, criando visões que atualizam automaticamente quando os dados subjacentes mudam . Ao se ligar aos eventos, é fácil criar interfaces em dados em tempo real ou manipulados pelo usuário. Dataset fornece alguns cálculos padrão, como min e max e derivados, como agrupamentos e médias móveis. O conjunto de dados foi criado de forma a permitir um alto grau de extensão. Estamos ansiosos para expandir nossa variedade de importadores, analisadores e métodos computacionais. Acompanhe os anúncios de amplificação de versões no themisoproject Você pode editar o código neste bloco e executá-lo novamente. Um projeto conjunto entre