{"id":31,"date":"2011-04-20T21:41:01","date_gmt":"2011-04-21T00:41:01","guid":{"rendered":"https:\/\/roberto.dreamhosters.com\/professores\/?p=31"},"modified":"2011-05-23T21:08:21","modified_gmt":"2011-05-24T00:08:21","slug":"flash-ou-javascript","status":"publish","type":"post","link":"https:\/\/roberto.dreamhosters.com\/professores\/?p=31","title":{"rendered":"Flash ou Javascript?"},"content":{"rendered":"<p>Acabei de receber um email de um colega perguntado o que eu achava sobre criar anima\u00e7\u00f5es em Flash e se Javascript \u00e9 uma alternativa.<\/p>\n<p>\u00c9 prov\u00e1vel que eu tenha de escrever outro post explicando os fundamentos dessa conversa toda, pra quem n\u00e3o est\u00e1 muito a par (pode cobrar a\u00ed, galera). Mas vamos supor, por enquanto, que sabemos o b\u00e1sico sobre estas duas tecnologias.<\/p>\n<p>A grande vantagem do Flash \u00e9 sua IDE (Integrated Development Enviroment: Ambiente Integrado de Desenvolvimento). A IDE \u00e9 a ferramenta que todo desenvolvedor de anima\u00e7\u00f5es j\u00e1 viu um dia:<br \/>\n<a href=\"https:\/\/roberto.dreamhosters.com\/professores\/wp-content\/uploads\/2011\/05\/03ideflash01.png\"><img decoding=\"async\" loading=\"lazy\" class=\"alignnone size-medium wp-image-32\" title=\"Interface da IDE do Flash\" src=\"https:\/\/roberto.dreamhosters.com\/professores\/wp-content\/uploads\/2011\/05\/03ideflash01-300x223.png\" alt=\"Interface da IDE do Flash\" width=\"300\" height=\"223\" srcset=\"https:\/\/roberto.dreamhosters.com\/professores\/wp-content\/uploads\/2011\/05\/03ideflash01-300x223.png 300w, https:\/\/roberto.dreamhosters.com\/professores\/wp-content\/uploads\/2011\/05\/03ideflash01.png 967w\" sizes=\"(max-width: 300px) 100vw, 300px\" \/><\/a><\/p>\n<p>Essa ferramenta permite acelerar muito o processo de produ\u00e7\u00e3o de anima\u00e7\u00f5es interativas. Sem falar que torna poss\u00edvel a produ\u00e7\u00e3o por pessoas com pouco ou nenhum conhecimento de programa\u00e7\u00e3o.<\/p>\n<p>A desvantagem \u00e9 que ela custa algumas centenas de d\u00f3lares.<\/p>\n<p>Nenhuma empresa que eu conhe\u00e7a criou uma IDE semelhante para Javascript. N\u00e3o fosse esse por\u00e9m, Javascript seria a melhor escolha por v\u00e1rios motivos. O principal \u00e9 que uma anima\u00e7\u00e3o em Javascript n\u00e3o precisa de um &#8216;player&#8217; como o Flash. O &#8216;player&#8217; do Javascript \u00e9 o pr\u00f3prio navegador. Dessa forma, voc\u00ea n\u00e3o depende da presen\u00e7a do player da Adobe, atual propriet\u00e1ria do Flash player.<\/p>\n<p>(como eu mencionei antes, acho que vou precisar escrever outro post explicando os detalhes pro pessoal).<\/p>\n<p>Agora: qu\u00e3o longe estamos do surgimento de uma IDE que produza anima\u00e7\u00f5es em Javascript? Talvez n\u00e3o muito longe. Olha s\u00f3 o que achei por a\u00ed:<\/p>\n<p><iframe loading=\"lazy\" width=\"490\" height=\"368\" src=\"http:\/\/www.youtube.com\/embed\/Gt6PLGk9Fqo?fs=1&#038;feature=oembed\" frameborder=\"0\" allowfullscreen><\/iframe><\/p>\n<p>Este \u00e9 um v\u00eddeo de uma IDE feita em Javascript (roda no navegador, inclusive) e que produz anima\u00e7\u00f5es em Flash (.swf). Isso por si s\u00f3 j\u00e1 seria interessante. Tem uma por\u00e7\u00e3o de defeitos, mas considerando ser uma experi\u00eancia desenvolvida por um \u00fanico programador (e n\u00e3o por uma empresa), d\u00e1 pra imaginar que n\u00e3o \u00e9 o fim do mundo. Mas o que me deixou de queixo ca\u00eddo foi que o autor da proeza \u00e9 um rapaz de&#8230; <em>16 anos<\/em>! Ou o moleque \u00e9 um pequeno g\u00eanio ou podemos realmente come\u00e7ar a pensar em uma IDE em Javascript, num futuro pr\u00f3ximo.<\/p>\n<p>O link para o blog do monstrinho:<\/p>\n<p><a title=\"link para o blog do desenvolvedor\" href=\"http:\/\/antimatter15.com\/wp\/ajax-animator\/\" target=\"_blank\">http:\/\/antimatter15.com\/wp\/ajax-animator\/<\/a><\/p>\n<p>E o link para a IDE j\u00e1 rodando:<\/p>\n<p><a title=\"link para a IDE em javascript\" href=\"http:\/\/antimatter15.com\/ajaxanimator\/wave\/\" target=\"_blank\">http:\/\/antimatter15.com\/ajaxanimator\/wave\/<\/a><\/p>\n<p>Bom, este post ficou gigante, incompleto \u00a0e possivelmente n\u00e3o muito claro para algumas pessoas. Que beleza. Voltaremos ao assunto em breve.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Acabei de receber um email de um colega perguntado o que eu achava sobre criar anima\u00e7\u00f5es em Flash e se Javascript \u00e9 uma alternativa. \u00c9 prov\u00e1vel que eu tenha de escrever outro post explicando os fundamentos dessa conversa toda, pra quem n\u00e3o est\u00e1 muito a par (pode cobrar a\u00ed, galera). Mas vamos supor, por enquanto, [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":[],"categories":[1],"tags":[],"_links":{"self":[{"href":"https:\/\/roberto.dreamhosters.com\/professores\/index.php?rest_route=\/wp\/v2\/posts\/31"}],"collection":[{"href":"https:\/\/roberto.dreamhosters.com\/professores\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/roberto.dreamhosters.com\/professores\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/roberto.dreamhosters.com\/professores\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/roberto.dreamhosters.com\/professores\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=31"}],"version-history":[{"count":0,"href":"https:\/\/roberto.dreamhosters.com\/professores\/index.php?rest_route=\/wp\/v2\/posts\/31\/revisions"}],"wp:attachment":[{"href":"https:\/\/roberto.dreamhosters.com\/professores\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=31"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/roberto.dreamhosters.com\/professores\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=31"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/roberto.dreamhosters.com\/professores\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=31"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}