Indicador de Ordem dos Traços

Criei mais uma nova ferramenta, desta vez mais interessante para quem ensina japonês do que para quem estuda. Trata-se de uma aplicação construída em javascript que auxilia a criação de um painel como este ao lado, que indica a ordem correta dos traços de um kanji. O endereço é:

http://www.aprendendojapones.com/apps/kanji-tracos/

Inicialmente comecei a desenvolver isso para podermos colocar esse tipo de informação no Kanji Wiki, mas fique a vontade para utilizar em seu site ou qualquer outro lugar. É necessário ter as fontes japonesas para poder visualizar os caracteres.

Para usar, basta digitar o caractere desejado e clicar no quadro para fazer as marcas. Vão ser gerados dois códigos equivalentes, copie e cole um deles para utilizar (como fiz neste post!). Para mais detalhes sobre a diferença entre os códigos:

Código curto

É apenas uma chamada para o meu javascript com os parâmetros para mostrar o caractere com todas as marcas como você configurar. O primeiro parâmetro, “escala”, é utilizado para mudar o tamanho de tudo facilmente. O valor 1 corresponde ao quadro 200×200 da forma como é exibido na tela quando você está configurando. Se quiser por exemplo 160×160, bastaria passar 0.8 como parâmetro (0.8 x 200 = 160). O segundo parâmetro é apenas o caractere que vai ser exibido. O terceiro, são as coordenadas de todas as marcas

Código completo

Este é o HTML que o javascript iria gerar. Com este código você tem mais controle para fazer alterações de estilo como desejar. Além disso, parece que o wiki não permite o uso de javascript e por isso precisaria desta versão do código…

Indicador de Ordem dos Traços

Até o momento foi testado em Linux (Firefox 2.0.0.4, Opera 9.25 e Konqueror) e Windows (Firefox 2.0.0.12, Internet Explorer 6 - Internet Explorer 7 só vou poder testar segunda, mas se alguém que usa puder me dizer se o kanji deste post ficou com as marcas no lugar certo eu agradeço 🙂 )

4 comentários a “Indicador de Ordem dos Traços

  1. Massa!

    Além de aprender Nihongo neste site, ainda aprendemos JavaScript rsrs…

    Por ser bem explicado como alguns exemplos visto aqui no AprendendoJaponês comecei a aprofundar mais na utilização de JavaScript. Logo estarei utilizando rotinamente. #:D

    …E claro! ficou mais fácil aprender 日本語 passando aqui diariamente.

    Valeu pessoas! estarei por aqui aprendendo com vocês.

    Inté +!

Deixar uma resposta

O seu endereço de email não será publicado. Campos obrigatórios marcados com *