gdata.io.handleScriptLoaded({"version":"1.0","encoding":"UTF-8","feed":{"xmlns":"http://www.w3.org/2005/Atom","xmlns$openSearch":"http://a9.com/-/spec/opensearchrss/1.0/","xmlns$gd":"http://schemas.google.com/g/2005","xmlns$georss":"http://www.georss.org/georss","xmlns$thr":"http://purl.org/syndication/thread/1.0","xmlns$blogger":"http://schemas.google.com/blogger/2008","id":{"$t":"tag:blogger.com,1999:blog-3452533583356832418"},"updated":{"$t":"2023-11-15T16:11:51.462-03:00"},"category":[{"term":"Ilustração"},{"term":"World Building"},{"term":"Video"},{"term":"Fanart"},{"term":"Silenyte"}],"title":{"type":"text","$t":"LucasFlicky the Blog"},"subtitle":{"type":"html","$t":"Personal Blog about professional experiences.\nProfessional thoughts about personal ideas."},"link":[{"rel":"http://schemas.google.com/g/2005#feed","type":"application/atom+xml","href":"https://www.blogger.com/feeds/3452533583356832418/posts/default/-/World+Building?alt\u003djson-in-script\u0026max-results\u003d6"},{"rel":"self","type":"application/atom+xml","href":"https://www.blogger.com/feeds/3452533583356832418/posts/default/-/World+Building?alt\u003djson-in-script\u0026max-results\u003d6"},{"rel":"alternate","type":"text/html","href":"http://blog.lucasflicky.com/search/label/World%20Building"},{"rel":"hub","href":"http://pubsubhubbub.appspot.com/"}],"author":[{"name":{"$t":"Unknown"},"uri":{"$t":"https://www.blogger.com/profile/16761896878964338274"},"email":{"$t":"noreply@blogger.com"},"gd$image":{"rel":"http://schemas.google.com/g/2005#thumbnail","width":"35","height":"35","src":"//www.blogger.com/img/blogger_logo_round_35.png"}}],"generator":{"version":"7.00","uri":"https://www.blogger.com","$t":"Blogger"},"openSearch$totalResults":{"$t":"1"},"openSearch$startIndex":{"$t":"1"},"openSearch$itemsPerPage":{"$t":"6"},"entry":[{"id":{"$t":"tag:blogger.com,1999:blog-3452533583356832418.post-8832273282302833967"},"published":{"$t":"2017-03-15T18:58:00.001-03:00"},"updated":{"$t":"2017-03-15T19:42:58.771-03:00"},"category":[{"scheme":"http://www.blogger.com/atom/ns#","term":"World Building"},{"scheme":"http://www.blogger.com/atom/ns#","term":"Silenyte"}],"title":{"type":"text","$t":"Silenyte World Map"},"content":{"type":"html","$t":"\u003cdiv dir\u003d\"ltr\" style\u003d\"text-align: left;\" trbidi\u003d\"on\"\u003e\n\u003cdiv dir\u003d\"ltr\" style\u003d\"text-align: left;\" trbidi\u003d\"on\"\u003e\n\u003cdiv class\u003d\"separator\" style\u003d\"clear: both; text-align: center;\"\u003e\n\u003ca href\u003d\"https://4.bp.blogspot.com/-Ks6eVNctEGY/WMm1xYyNJCI/AAAAAAAAEyw/R6CBApmL2OEmNPmPljFMIUlgHn6FK_PTgCLcB/s1600/amarok.png\" imageanchor\u003d\"1\" style\u003d\"margin-left: 1em; margin-right: 1em;\"\u003e\u003cimg border\u003d\"0\" height\u003d\"328\" src\u003d\"https://4.bp.blogspot.com/-Ks6eVNctEGY/WMm1xYyNJCI/AAAAAAAAEyw/R6CBApmL2OEmNPmPljFMIUlgHn6FK_PTgCLcB/s640/amarok.png\" width\u003d\"640\" /\u003e\u003c/a\u003e\u003c/div\u003e\n\u003cbr /\u003e\nResolvi me aventurar no mundo de GIS para o Mapping de Silenyte, e foi realmente, uma aventura. \u003cbr /\u003e\n\u003cbr /\u003e\n\u003cbr /\u003e\nNunca havia passado tanta raiva e frustração desde que comecei a aprender Javascript lá em 2015, o que era pra ser só uma brincadeira acabou tomando uma proporção meio absurda, mas que valeu a pena.\u003cbr /\u003e\n\u003cbr /\u003e\nPassei os últimos 5 dias trabalhando num projeto de mapa interativo para o cenário de Silenyte, e ele ainda tá bem longe de estar pronto.\u003cbr /\u003e\n\u003cbr /\u003e\nSexta feira, eu tive a ideia de criar um mapa simplão, só de SVG, das localidades de Nitera, a Lua onde se passa tudo. Só que no meio do processo eu fiquei imaginando \"como será que a Engine do Google Maps funciona\" e comecei a ir atrás, quando vi eu estava já com uma Key da API do Google Maps e ja tentando fazer alguma coisa.\u003cbr /\u003e\nQuebrando cabeça pra lá e pra cá, acabei descobrindo que existia uma API mais amigável, o \u003ca href\u003d\"http://leafletjs.com/\" target\u003d\"_blank\"\u003eLeaflet\u003c/a\u003e, usado pelo \u003ca href\u003d\"http://www.openstreetmap.org/\" target\u003d\"_blank\"\u003eOpen Street Map\u003c/a\u003e. Acabei indo nele achando que seria tranquilo só colocar imagens e vetores juntos, até eu descobrir que todos os formatos suportados eram restritamente formatos de dados geográficos, e eu não achava maneira nenhuma de converter ele pra usar nesses mapas. Foi então que fui atrás de informações sobre \u003ca href\u003d\"https://en.wikipedia.org/wiki/Geographic_information_system\" target\u003d\"_blank\"\u003eGeographic Information Systems\u003c/a\u003e (GIS) para ver se eu conseguia fazer a coisa sair do jeito que eu imaginei dentro dessa engine que parecia boa demais pra eu simplesmente abandonar a idéia.\u003cbr /\u003e\n\u003cbr /\u003e\n\u003cbr /\u003e\n\u003cdiv class\u003d\"separator\" style\u003d\"clear: both; text-align: center;\"\u003e\n\u003ca href\u003d\"https://3.bp.blogspot.com/-sTmOER5pr0k/WMm5h1lj_wI/AAAAAAAAEzE/WhSjEvU09uoHtbiuBZ_PRbURiSpNDSMmwCLcB/s1600/amarok.png\" imageanchor\u003d\"1\" style\u003d\"margin-left: 1em; margin-right: 1em;\"\u003e\u003cimg border\u003d\"0\" src\u003d\"https://3.bp.blogspot.com/-sTmOER5pr0k/WMm5h1lj_wI/AAAAAAAAEzE/WhSjEvU09uoHtbiuBZ_PRbURiSpNDSMmwCLcB/s1600/amarok.png\" /\u003e\u003c/a\u003e\u003c/div\u003e\n\u003cdiv style\u003d\"text-align: left;\"\u003e\n\u003cspan style\u003d\"font-size: x-small;\"\u003e\u003ci\u003e(\u003ca href\u003d\"http://www.qgis.org/en/site/\" target\u003d\"_blank\"\u003eQGIS\u003c/a\u003e, Software opensource que usei pra editar informações geográficas no formato adequado)\u003c/i\u003e\u003c/span\u003e\u003c/div\u003e\n\u003cbr /\u003e\n\u003cbr /\u003e\nDepois de uma mini-desistência devido ao fato de que projeções são mais complexas do que eu imaginava, e por isso os mapas nunca ficavam proporcionais ou alinhados, resolvi pegar leve comigo mesmo e abrir mão da acuidade física do mapa, em vez de fazer com que tudo encaixasse certinho pra mostrar tal qual a realidade, decidi fazer em cima de uma projeção da Terra mesmo e depois só manipulando alguns valores para dar a dimensão real das coisas. No fim das contas, hoje pela manhã acabei compreendendo melhor como converter e alinhar os CRS (\u003ca href\u003d\"https://en.wikipedia.org/wiki/Spatial_reference_system\" target\u003d\"_blank\"\u003eCoordinate Reference System\u003c/a\u003e) de todos os layers para usar no mapa, mas vou deixar isso para o final pois agora não vale a pena insistir no que já me atrasou por 2 dias.\u003cbr /\u003e\n\u003cbr /\u003e\nO processo todo foi bastante complicado justamente pelo fato de que essas ferramentas não são muito bem preparadas pra mundos artificiais com tanta acuidade, eles até oferecem mapas sem Geocoordenadas, mas isso faz com que o conceito de latitude e longitude seja perdido, mas para quem faz mapas mais isolados de areas menores ou sem preocupação com projeções, o processo é bem mais amigável, eu que sou um maluco lunático, não passe pelo que eu passei, a não ser que você goste de (quase) tudo ridiculamente nos eixos também (ou só gosta de passar trabalho).\u003cbr /\u003e\n\u003cbr /\u003e\nMas quebrando em miúdos, basicamente o que eu fiz foi desenhar o grande mapão (que é totalmente provisorio, ainda vai passar por umas várias revisões, principalmente de aspectos geológicos e geográficos), depois picotar ele em varios tiles em varios niveis de zoom. Precisei duma imagem bem grande, de uns 35 mil pixels de largura +/-, pra ter o máximo de resolução possivel.\u003cbr /\u003e\nDepois é juntar tudo e referenciar usando as ferramentas que o Leaflet proporciona, eles são bem crus então requer uma certa mão de obra, mas a documentação deles é excelente e indica o que cada recurso suporta. A parte mais complicada mesmo são os Plugins, que não possuem tanto suporte e muitas vezes é viver de gambiarra, tentativa e erro. Mas fora isso é um trabalho divertido de se ter.\u003cbr /\u003e\n\u003cbr /\u003e\nE assim, depois de adicionar mais umas perfumarias, quebrar a cara e ter que reescrever o código do zero depois de uns acidentes, acabei que consegui chegar num ponto estável do projeto, o mapa está funcionando tal qual eu idealizei, e já atende a boa parta das demandas que eu possa ter dele.\u003cbr /\u003e\nFuturamente, quando eu finalmente começar a produzir a HQ do cenário, eu vou ver de manter este mapa como um tracker de eventos da história.\u003cbr /\u003e\n\u003cbr /\u003e\n\u0026nbsp;Uma coisa eu aprendi com isso tudo:\u003cbr /\u003e\nQue o trabalho de Geógrafos e Cartógrafos é algo ridículamente mais complexo e foda do que eu já imaginava que fosse, meu respeito a esses caras aumentou em 2000% depois desse mini-ordeal que passei.\u003c/div\u003e\n\u003cbr /\u003e\n\u003cbr /\u003e\n\u003cbr /\u003e\n\u003cblockquote class\u003d\"instagram-media\" data-instgrm-captioned\u003d\"\" data-instgrm-version\u003d\"7\" style\u003d\"background: #fff; border-radius: 3px; border: 0; box-shadow: 0 0 1px 0 rgba(0 , 0 , 0 , 0.5) , 0 1px 10px 0 rgba(0 , 0 , 0 , 0.15); margin: 1px; max-width: 658px; padding: 0; width: 99.375%;\"\u003e\n\u003cdiv style\u003d\"padding: 8px;\"\u003e\n\u003cdiv style\u003d\"background: #F8F8F8; line-height: 0; margin-top: 40px; padding: 50.0% 0; text-align: center; width: 100%;\"\u003e\n\u003cdiv style\u003d\"background: url(data:image/png; display: block; height: 44px; margin: 0 auto -44px; position: relative; top: -22px; width: 44px;\"\u003e\n\u003c/div\u003e\n\u003c/div\u003e\n\u003cdiv style\u003d\"margin: 8px 0 0 0; padding: 0 4px;\"\u003e\n\u003ca href\u003d\"https://www.instagram.com/p/BRrIixilvpq/\" style\u003d\"color: black; font-family: \u0026quot;arial\u0026quot; , sans-serif; font-size: 14px; font-style: normal; font-weight: normal; line-height: 17px; text-decoration: none; word-wrap: break-word;\" target\u003d\"_blank\"\u003eQuatro dias de trabalho finalmente tomando corpo. #silenyte #worldbuilding\u003c/a\u003e\u003c/div\u003e\n\u003cdiv style\u003d\"color: #c9c8cd; font-family: Arial,sans-serif; font-size: 14px; line-height: 17px; margin-bottom: 0; margin-top: 8px; overflow: hidden; padding: 8px 0 7px; text-align: center; text-overflow: ellipsis; white-space: nowrap;\"\u003e\nA post shared by Lucas Flicky (@lucasflicky) on \u003ctime datetime\u003d\"2017-03-15T21:31:56+00:00\" style\u003d\"font-family: Arial,sans-serif; font-size: 14px; line-height: 17px;\"\u003eMar 15, 2017 at 2:31pm PDT\u003c/time\u003e\u003c/div\u003e\n\u003c/div\u003e\n\u003c/blockquote\u003e\n\u003cscript async\u003d\"\" defer\u003d\"\" src\u003d\"//platform.instagram.com/en_US/embeds.js\"\u003e\u003c/script\u003e\u003cbr /\u003e\n\u003cblockquote class\u003d\"instagram-media\" data-instgrm-captioned\u003d\"\" data-instgrm-version\u003d\"7\" style\u003d\"background: #fff; border-radius: 3px; border: 0; box-shadow: 0 0 1px 0 rgba(0 , 0 , 0 , 0.5) , 0 1px 10px 0 rgba(0 , 0 , 0 , 0.15); margin: 1px; max-width: 658px; padding: 0; width: 99.375%;\"\u003e\n\u003cdiv style\u003d\"padding: 8px;\"\u003e\n\u003cdiv style\u003d\"background: #F8F8F8; line-height: 0; margin-top: 40px; padding: 50.0% 0; text-align: center; width: 100%;\"\u003e\n\u003cdiv style\u003d\"background: url(data:image/png; display: block; height: 44px; margin: 0 auto -44px; position: relative; top: -22px; width: 44px;\"\u003e\n\u003c/div\u003e\n\u003c/div\u003e\n\u003cdiv style\u003d\"margin: 8px 0 0 0; padding: 0 4px;\"\u003e\n\u003ca href\u003d\"https://www.instagram.com/p/BRqr-WdllWN/\" style\u003d\"color: black; font-family: \u0026quot;arial\u0026quot; , sans-serif; font-size: 14px; font-style: normal; font-weight: normal; line-height: 17px; text-decoration: none; word-wrap: break-word;\" target\u003d\"_blank\"\u003eMe aventurando no mundo magico e ingrato do Geographic Information Systems #silenyte #worldbuilding #fiction\u003c/a\u003e\u003c/div\u003e\n\u003cdiv style\u003d\"color: #c9c8cd; font-family: Arial,sans-serif; font-size: 14px; line-height: 17px; margin-bottom: 0; margin-top: 8px; overflow: hidden; padding: 8px 0 7px; text-align: center; text-overflow: ellipsis; white-space: nowrap;\"\u003e\nA post shared by Lucas Flicky (@lucasflicky) on \u003ctime datetime\u003d\"2017-03-15T17:22:18+00:00\" style\u003d\"font-family: Arial,sans-serif; font-size: 14px; line-height: 17px;\"\u003eMar 15, 2017 at 10:22am PDT\u003c/time\u003e\u003c/div\u003e\n\u003c/div\u003e\n\u003c/blockquote\u003e\n\u003cscript async\u003d\"\" defer\u003d\"\" src\u003d\"//platform.instagram.com/en_US/embeds.js\"\u003e\u003c/script\u003e\u003c/div\u003e\n"},"link":[{"rel":"edit","type":"application/atom+xml","href":"https://www.blogger.com/feeds/3452533583356832418/posts/default/8832273282302833967"},{"rel":"self","type":"application/atom+xml","href":"https://www.blogger.com/feeds/3452533583356832418/posts/default/8832273282302833967"},{"rel":"alternate","type":"text/html","href":"http://blog.lucasflicky.com/2017/03/silenyte-world-map.html","title":"Silenyte World Map"}],"author":[{"name":{"$t":"Unknown"},"uri":{"$t":"https://www.blogger.com/profile/16761896878964338274"},"email":{"$t":"noreply@blogger.com"},"gd$image":{"rel":"http://schemas.google.com/g/2005#thumbnail","width":"35","height":"35","src":"//www.blogger.com/img/blogger_logo_round_35.png"}}],"media$thumbnail":{"xmlns$media":"http://search.yahoo.com/mrss/","url":"https://4.bp.blogspot.com/-Ks6eVNctEGY/WMm1xYyNJCI/AAAAAAAAEyw/R6CBApmL2OEmNPmPljFMIUlgHn6FK_PTgCLcB/s72-c/amarok.png","height":"72","width":"72"}}]}});