{"id":21601,"date":"2011-11-08T23:28:04","date_gmt":"2011-11-08T23:28:04","guid":{"rendered":"https:\/\/www.institutodeengenharia.org.br\/?p=21601"},"modified":"2011-11-08T14:39:50","modified_gmt":"2011-11-08T14:39:50","slug":"veja-um-documentario-feito-com-ferramentas-html5-e-webgl","status":"publish","type":"post","link":"https:\/\/www.institutodeengenharia.org.br\/site\/2011\/11\/08\/veja-um-documentario-feito-com-ferramentas-html5-e-webgl\/","title":{"rendered":"Veja um document\u00e1rio feito com ferramentas HTML5 e WebGL"},"content":{"rendered":"<p>\u201cOne Millionth Tower\u201d faz parte da \u201cHighrise\u201d, uma s\u00e9rie de mini-document\u00e1rios sobre a hist\u00f3ria de cinco arranha-c\u00e9us e seus impactos na sociedade. O que o faz diferente dos outros \u00e9 que ele foi criado usando tecnologias HTML5, como WebGL e Javascript. <\/p>\n<p>O document\u00e1rio foi todo renderizado usando gr\u00e1ficos, \u00e1udio e v\u00eddeo no padr\u00e3o WebGL. O document\u00e1rio faz uso espec\u00edfico de uma ferramenta Javascript chamada Popcorn, que foi criada para integrar APIs de web em v\u00eddeos online. A diretora Katerina Cizek usou o Popcorn para controlar o movimento de frame do v\u00eddeo, criando um efeito semelhante ao de uma c\u00e2mera de v\u00eddeo comum. O document\u00e1rio, que tem quase sete minutos de dura\u00e7\u00e3o, pode ser visto de forma passiva ou interativa. Em sua segunda forma, voc\u00ea pode navegar em clicar por a\u00ed em um ambiente 3D em que voc\u00ea pode explorar o document\u00e1rio do jeito que voc\u00ea quiser e encontrar fontes com links externos, como o Flickr e a Wikipedia. <\/p>\n<p>Voc\u00ea pode ver o \u201cOne Millionth Tower\u201d agora mesmo, e tamb\u00e9m dar uma olhada nos outros document\u00e1rios interativos da \u201cHighrise\u201d no <a target=\"_blank\" href=\"http:\/\/highrise.nfb.ca\/index.php\/stories\">site<\/a> da National Film Board do Canad\u00e1. <\/p>\n<p><b>Autor: GizModo<\/b><\/p>\n","protected":false},"excerpt":{"rendered":"<p>\u201cOne Millionth Tower\u201d faz parte da \u201cHighrise\u201d, uma s\u00e9rie de mini-document\u00e1rios sobre a hist\u00f3ria de cinco arranha-c\u00e9us e seus impactos na sociedade. O que o faz diferente dos outros \u00e9 que ele foi criado usando tecnologias HTML5, como WebGL e Javascript. O document\u00e1rio foi todo renderizado usando gr\u00e1ficos, \u00e1udio e v\u00eddeo no padr\u00e3o WebGL. O [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[6,40],"tags":[],"class_list":{"0":"post-21601","1":"post","2":"type-post","3":"status-publish","4":"format-standard","6":"category-noticias","7":"category-tecnologia"},"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.5 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Veja um document\u00e1rio feito com ferramentas HTML5 e WebGL - Instituto de Engenharia<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.institutodeengenharia.org.br\/site\/2011\/11\/08\/veja-um-documentario-feito-com-ferramentas-html5-e-webgl\/\" \/>\n<meta property=\"og:locale\" content=\"pt_BR\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Veja um document\u00e1rio feito com ferramentas HTML5 e WebGL - Instituto de Engenharia\" \/>\n<meta property=\"og:description\" content=\"\u201cOne Millionth Tower\u201d faz parte da \u201cHighrise\u201d, uma s\u00e9rie de mini-document\u00e1rios sobre a hist\u00f3ria de cinco arranha-c\u00e9us e seus impactos na sociedade. O que o faz diferente dos outros \u00e9 que ele foi criado usando tecnologias HTML5, como WebGL e Javascript. O document\u00e1rio foi todo renderizado usando gr\u00e1ficos, \u00e1udio e v\u00eddeo no padr\u00e3o WebGL. O [&hellip;]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.institutodeengenharia.org.br\/site\/2011\/11\/08\/veja-um-documentario-feito-com-ferramentas-html5-e-webgl\/\" \/>\n<meta property=\"og:site_name\" content=\"Instituto de Engenharia\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/institutodeengenharia\" \/>\n<meta property=\"article:published_time\" content=\"2011-11-08T23:28:04+00:00\" \/>\n<meta name=\"author\" content=\"TMax Tecnologia\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@iengenharia\" \/>\n<meta name=\"twitter:site\" content=\"@iengenharia\" \/>\n<meta name=\"twitter:label1\" content=\"Escrito por\" \/>\n\t<meta name=\"twitter:data1\" content=\"TMax Tecnologia\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. tempo de leitura\" \/>\n\t<meta name=\"twitter:data2\" content=\"1 minuto\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\\\/\\\/www.institutodeengenharia.org.br\\\/site\\\/2011\\\/11\\\/08\\\/veja-um-documentario-feito-com-ferramentas-html5-e-webgl\\\/#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.institutodeengenharia.org.br\\\/site\\\/2011\\\/11\\\/08\\\/veja-um-documentario-feito-com-ferramentas-html5-e-webgl\\\/\"},\"author\":{\"name\":\"TMax Tecnologia\",\"@id\":\"https:\\\/\\\/www.institutodeengenharia.org.br\\\/site\\\/#\\\/schema\\\/person\\\/3b1ff109facef084739fc2edcb9a127f\"},\"headline\":\"Veja um document\u00e1rio feito com ferramentas HTML5 e WebGL\",\"datePublished\":\"2011-11-08T23:28:04+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/www.institutodeengenharia.org.br\\\/site\\\/2011\\\/11\\\/08\\\/veja-um-documentario-feito-com-ferramentas-html5-e-webgl\\\/\"},\"wordCount\":216,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\\\/\\\/www.institutodeengenharia.org.br\\\/site\\\/#organization\"},\"articleSection\":[\"Not\u00edcias\",\"Tecnologia\"],\"inLanguage\":\"pt-BR\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\\\/\\\/www.institutodeengenharia.org.br\\\/site\\\/2011\\\/11\\\/08\\\/veja-um-documentario-feito-com-ferramentas-html5-e-webgl\\\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/www.institutodeengenharia.org.br\\\/site\\\/2011\\\/11\\\/08\\\/veja-um-documentario-feito-com-ferramentas-html5-e-webgl\\\/\",\"url\":\"https:\\\/\\\/www.institutodeengenharia.org.br\\\/site\\\/2011\\\/11\\\/08\\\/veja-um-documentario-feito-com-ferramentas-html5-e-webgl\\\/\",\"name\":\"Veja um document\u00e1rio feito com ferramentas HTML5 e WebGL - Instituto de Engenharia\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.institutodeengenharia.org.br\\\/site\\\/#website\"},\"datePublished\":\"2011-11-08T23:28:04+00:00\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/www.institutodeengenharia.org.br\\\/site\\\/2011\\\/11\\\/08\\\/veja-um-documentario-feito-com-ferramentas-html5-e-webgl\\\/#breadcrumb\"},\"inLanguage\":\"pt-BR\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/www.institutodeengenharia.org.br\\\/site\\\/2011\\\/11\\\/08\\\/veja-um-documentario-feito-com-ferramentas-html5-e-webgl\\\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/www.institutodeengenharia.org.br\\\/site\\\/2011\\\/11\\\/08\\\/veja-um-documentario-feito-com-ferramentas-html5-e-webgl\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"In\u00edcio\",\"item\":\"https:\\\/\\\/www.institutodeengenharia.org.br\\\/site\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Veja um document\u00e1rio feito com ferramentas HTML5 e WebGL\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/www.institutodeengenharia.org.br\\\/site\\\/#website\",\"url\":\"https:\\\/\\\/www.institutodeengenharia.org.br\\\/site\\\/\",\"name\":\"Instituto de Engenharia\",\"description\":\"O Instituto de Engenharia promove a Engenharia em benef\u00edcio do desenvolvimento e da qualidade de vida da sociedade.\",\"publisher\":{\"@id\":\"https:\\\/\\\/www.institutodeengenharia.org.br\\\/site\\\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/www.institutodeengenharia.org.br\\\/site\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"pt-BR\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/www.institutodeengenharia.org.br\\\/site\\\/#organization\",\"name\":\"Instituto de Engenharia\",\"url\":\"https:\\\/\\\/www.institutodeengenharia.org.br\\\/site\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"pt-BR\",\"@id\":\"https:\\\/\\\/www.institutodeengenharia.org.br\\\/site\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\\/\\\/www.institutodeengenharia.org.br\\\/site\\\/wp-content\\\/uploads\\\/2019\\\/03\\\/logo-novo-IE2018-1.jpg\",\"contentUrl\":\"https:\\\/\\\/www.institutodeengenharia.org.br\\\/site\\\/wp-content\\\/uploads\\\/2019\\\/03\\\/logo-novo-IE2018-1.jpg\",\"width\":1486,\"height\":1879,\"caption\":\"Instituto de Engenharia\"},\"image\":{\"@id\":\"https:\\\/\\\/www.institutodeengenharia.org.br\\\/site\\\/#\\\/schema\\\/logo\\\/image\\\/\"},\"sameAs\":[\"https:\\\/\\\/www.facebook.com\\\/institutodeengenharia\",\"https:\\\/\\\/x.com\\\/iengenharia\",\"https:\\\/\\\/www.instagram.com\\\/institutodeengenharia\\\/\",\"https:\\\/\\\/www.linkedin.com\\\/company\\\/instituto-de-engenharia\\\/\",\"https:\\\/\\\/www.youtube.com\\\/channel\\\/UCXiCAlsSMe977vamW915HxA\"]},{\"@type\":\"Person\",\"@id\":\"https:\\\/\\\/www.institutodeengenharia.org.br\\\/site\\\/#\\\/schema\\\/person\\\/3b1ff109facef084739fc2edcb9a127f\",\"name\":\"TMax Tecnologia\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"pt-BR\",\"@id\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/f912434ef7f389c92cb311fcdae346af848465d638912574b3c669070f797701?s=96&d=mm&r=g\",\"url\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/f912434ef7f389c92cb311fcdae346af848465d638912574b3c669070f797701?s=96&d=mm&r=g\",\"contentUrl\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/f912434ef7f389c92cb311fcdae346af848465d638912574b3c669070f797701?s=96&d=mm&r=g\",\"caption\":\"TMax Tecnologia\"},\"url\":\"https:\\\/\\\/www.institutodeengenharia.org.br\\\/site\\\/author\\\/tmax\\\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Veja um document\u00e1rio feito com ferramentas HTML5 e WebGL - Instituto de Engenharia","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/www.institutodeengenharia.org.br\/site\/2011\/11\/08\/veja-um-documentario-feito-com-ferramentas-html5-e-webgl\/","og_locale":"pt_BR","og_type":"article","og_title":"Veja um document\u00e1rio feito com ferramentas HTML5 e WebGL - Instituto de Engenharia","og_description":"\u201cOne Millionth Tower\u201d faz parte da \u201cHighrise\u201d, uma s\u00e9rie de mini-document\u00e1rios sobre a hist\u00f3ria de cinco arranha-c\u00e9us e seus impactos na sociedade. O que o faz diferente dos outros \u00e9 que ele foi criado usando tecnologias HTML5, como WebGL e Javascript. O document\u00e1rio foi todo renderizado usando gr\u00e1ficos, \u00e1udio e v\u00eddeo no padr\u00e3o WebGL. O [&hellip;]","og_url":"https:\/\/www.institutodeengenharia.org.br\/site\/2011\/11\/08\/veja-um-documentario-feito-com-ferramentas-html5-e-webgl\/","og_site_name":"Instituto de Engenharia","article_publisher":"https:\/\/www.facebook.com\/institutodeengenharia","article_published_time":"2011-11-08T23:28:04+00:00","author":"TMax Tecnologia","twitter_card":"summary_large_image","twitter_creator":"@iengenharia","twitter_site":"@iengenharia","twitter_misc":{"Escrito por":"TMax Tecnologia","Est. tempo de leitura":"1 minuto"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www.institutodeengenharia.org.br\/site\/2011\/11\/08\/veja-um-documentario-feito-com-ferramentas-html5-e-webgl\/#article","isPartOf":{"@id":"https:\/\/www.institutodeengenharia.org.br\/site\/2011\/11\/08\/veja-um-documentario-feito-com-ferramentas-html5-e-webgl\/"},"author":{"name":"TMax Tecnologia","@id":"https:\/\/www.institutodeengenharia.org.br\/site\/#\/schema\/person\/3b1ff109facef084739fc2edcb9a127f"},"headline":"Veja um document\u00e1rio feito com ferramentas HTML5 e WebGL","datePublished":"2011-11-08T23:28:04+00:00","mainEntityOfPage":{"@id":"https:\/\/www.institutodeengenharia.org.br\/site\/2011\/11\/08\/veja-um-documentario-feito-com-ferramentas-html5-e-webgl\/"},"wordCount":216,"commentCount":0,"publisher":{"@id":"https:\/\/www.institutodeengenharia.org.br\/site\/#organization"},"articleSection":["Not\u00edcias","Tecnologia"],"inLanguage":"pt-BR","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/www.institutodeengenharia.org.br\/site\/2011\/11\/08\/veja-um-documentario-feito-com-ferramentas-html5-e-webgl\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/www.institutodeengenharia.org.br\/site\/2011\/11\/08\/veja-um-documentario-feito-com-ferramentas-html5-e-webgl\/","url":"https:\/\/www.institutodeengenharia.org.br\/site\/2011\/11\/08\/veja-um-documentario-feito-com-ferramentas-html5-e-webgl\/","name":"Veja um document\u00e1rio feito com ferramentas HTML5 e WebGL - Instituto de Engenharia","isPartOf":{"@id":"https:\/\/www.institutodeengenharia.org.br\/site\/#website"},"datePublished":"2011-11-08T23:28:04+00:00","breadcrumb":{"@id":"https:\/\/www.institutodeengenharia.org.br\/site\/2011\/11\/08\/veja-um-documentario-feito-com-ferramentas-html5-e-webgl\/#breadcrumb"},"inLanguage":"pt-BR","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.institutodeengenharia.org.br\/site\/2011\/11\/08\/veja-um-documentario-feito-com-ferramentas-html5-e-webgl\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/www.institutodeengenharia.org.br\/site\/2011\/11\/08\/veja-um-documentario-feito-com-ferramentas-html5-e-webgl\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"In\u00edcio","item":"https:\/\/www.institutodeengenharia.org.br\/site\/"},{"@type":"ListItem","position":2,"name":"Veja um document\u00e1rio feito com ferramentas HTML5 e WebGL"}]},{"@type":"WebSite","@id":"https:\/\/www.institutodeengenharia.org.br\/site\/#website","url":"https:\/\/www.institutodeengenharia.org.br\/site\/","name":"Instituto de Engenharia","description":"O Instituto de Engenharia promove a Engenharia em benef\u00edcio do desenvolvimento e da qualidade de vida da sociedade.","publisher":{"@id":"https:\/\/www.institutodeengenharia.org.br\/site\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.institutodeengenharia.org.br\/site\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"pt-BR"},{"@type":"Organization","@id":"https:\/\/www.institutodeengenharia.org.br\/site\/#organization","name":"Instituto de Engenharia","url":"https:\/\/www.institutodeengenharia.org.br\/site\/","logo":{"@type":"ImageObject","inLanguage":"pt-BR","@id":"https:\/\/www.institutodeengenharia.org.br\/site\/#\/schema\/logo\/image\/","url":"https:\/\/www.institutodeengenharia.org.br\/site\/wp-content\/uploads\/2019\/03\/logo-novo-IE2018-1.jpg","contentUrl":"https:\/\/www.institutodeengenharia.org.br\/site\/wp-content\/uploads\/2019\/03\/logo-novo-IE2018-1.jpg","width":1486,"height":1879,"caption":"Instituto de Engenharia"},"image":{"@id":"https:\/\/www.institutodeengenharia.org.br\/site\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/institutodeengenharia","https:\/\/x.com\/iengenharia","https:\/\/www.instagram.com\/institutodeengenharia\/","https:\/\/www.linkedin.com\/company\/instituto-de-engenharia\/","https:\/\/www.youtube.com\/channel\/UCXiCAlsSMe977vamW915HxA"]},{"@type":"Person","@id":"https:\/\/www.institutodeengenharia.org.br\/site\/#\/schema\/person\/3b1ff109facef084739fc2edcb9a127f","name":"TMax Tecnologia","image":{"@type":"ImageObject","inLanguage":"pt-BR","@id":"https:\/\/secure.gravatar.com\/avatar\/f912434ef7f389c92cb311fcdae346af848465d638912574b3c669070f797701?s=96&d=mm&r=g","url":"https:\/\/secure.gravatar.com\/avatar\/f912434ef7f389c92cb311fcdae346af848465d638912574b3c669070f797701?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/f912434ef7f389c92cb311fcdae346af848465d638912574b3c669070f797701?s=96&d=mm&r=g","caption":"TMax Tecnologia"},"url":"https:\/\/www.institutodeengenharia.org.br\/site\/author\/tmax\/"}]}},"_links":{"self":[{"href":"https:\/\/www.institutodeengenharia.org.br\/site\/wp-json\/wp\/v2\/posts\/21601","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.institutodeengenharia.org.br\/site\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.institutodeengenharia.org.br\/site\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.institutodeengenharia.org.br\/site\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.institutodeengenharia.org.br\/site\/wp-json\/wp\/v2\/comments?post=21601"}],"version-history":[{"count":0,"href":"https:\/\/www.institutodeengenharia.org.br\/site\/wp-json\/wp\/v2\/posts\/21601\/revisions"}],"wp:attachment":[{"href":"https:\/\/www.institutodeengenharia.org.br\/site\/wp-json\/wp\/v2\/media?parent=21601"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.institutodeengenharia.org.br\/site\/wp-json\/wp\/v2\/categories?post=21601"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.institutodeengenharia.org.br\/site\/wp-json\/wp\/v2\/tags?post=21601"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}