{"id":425,"date":"2011-06-04T12:14:31","date_gmt":"2011-06-04T12:14:31","guid":{"rendered":"http:\/\/www.neyestrabelli.com\/blog\/?p=425"},"modified":"2011-06-04T12:14:31","modified_gmt":"2011-06-04T12:14:31","slug":"webapp-mortal-kombat-moves-e-fatalities","status":"publish","type":"post","link":"https:\/\/www.neyestrabelli.com\/blog\/2011\/06\/04\/webapp-mortal-kombat-moves-e-fatalities\/","title":{"rendered":"[webapp] Mortal Kombat Moves e Fatalities"},"content":{"rendered":"<p style=\"text-align: center;\"><a href=\"http:\/\/www.neyestrabelli.com\/mk\/\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter\" title=\"WebApp MK\" src=\"http:\/\/www.neyestrabelli.com\/mk\/icon.jpg\" alt=\"\" width=\"180\" height=\"210\" \/><\/a><\/p>\n<p>Update 2:<\/p>\n<p>Reescrevi o programa utilizando a api localStorage, devido o websql ser descontinuado, ou seja, agora deve funcionar em qualquer browser.<\/p>\n<p>Para atualizar o que voc\u00ea j\u00e1 instalou, n\u00e3o \u00e9 preciso fazer nada, basta abrir o app conectado com a internet que ele ir\u00e1 atualizar automaticamente.<\/p>\n<p>&nbsp;<\/p>\n<p>Update:<\/p>\n<p>Fiz algumas altera\u00e7\u00f5es, entre elas:<\/p>\n<p>&#8211; Adicionei abas (moves, kombat kodes e setup)<\/p>\n<p>Na tela de setup voc\u00ea pode fazer o refresh ou ent\u00e3o selecionar o console (PS3 ou X360), se voc\u00ea alterar o console o mesmo fica gravado, n\u00e3o \u00e9 preciso ficar alterando sempre que abrir o app.<\/p>\n<p>&#8211; Nova interface<\/p>\n<p>&#8211; Kombat Kodes<\/p>\n<p>Vejam como ficou:<\/p>\n<p>Para ir direto para o webapp: <a href=\"http:\/\/www.neyestrabelli.com\/mk\/\">Clique Aqui<\/a><a href=\"..\/..\/mk\/\" target=\"_blank\" rel=\"noopener noreferrer\"><br \/>\n<\/a><br \/>\n<img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-medium wp-image-444\" title=\"photo 1\" src=\"http:\/\/www.neyestrabelli.com\/blog\/wp-content\/uploads\/2011\/06\/photo-1-200x300.png\" alt=\"\" width=\"200\" height=\"300\" \/><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-medium wp-image-447\" title=\"photo 2\" src=\"http:\/\/www.neyestrabelli.com\/blog\/wp-content\/uploads\/2011\/06\/photo-2-199x300.png\" alt=\"\" width=\"199\" height=\"300\" \/><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-medium wp-image-448\" title=\"photo 3\" src=\"http:\/\/www.neyestrabelli.com\/blog\/wp-content\/uploads\/2011\/06\/photo-3-200x300.png\" alt=\"\" width=\"200\" height=\"300\" \/><\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-medium wp-image-445\" title=\"0001\" src=\"http:\/\/www.neyestrabelli.com\/blog\/wp-content\/uploads\/2011\/06\/00011-200x300.png\" alt=\"\" width=\"200\" height=\"300\" \/><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-medium wp-image-449\" title=\"photo 4\" src=\"http:\/\/www.neyestrabelli.com\/blog\/wp-content\/uploads\/2011\/06\/photo-4-200x300.png\" alt=\"\" width=\"200\" height=\"300\" \/><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-medium wp-image-450\" title=\"photo 5\" src=\"http:\/\/www.neyestrabelli.com\/blog\/wp-content\/uploads\/2011\/06\/photo-5-200x300.png\" alt=\"\" width=\"200\" height=\"300\" \/><\/p>\n<p>&nbsp;<\/p>\n<p>Hist\u00f3rinha:<\/p>\n<p>Durante a essa semana, um amigo veio com uma lista de golpes e fatalities impressa do Mortal Kombat, a\u00ed conversando com ele, pensei porque n\u00e3o usar no iPhone?<\/p>\n<p>L\u00e1 fui eu procurar no itunes se existia algum guide ou coisa parecida, mas por incr\u00edvel que pare\u00e7a tudo era pago, e n\u00e3o barato, tem guides que custam at\u00e9 4 dolares.<\/p>\n<p>A id\u00e9ia principal desse webapp foi poder ter ele no iPhone\/iPad para consultar durante o game, sem ter que ficar pausando, entrando em menus, etc.<\/p>\n<p>Pensando nas novas tecnologias pensei em aprender a usar o websql do html5, pois assim manteria tudo em cache no client-side.<\/p>\n<p>Como eu tenho uma boa experi\u00eancia em javascript n\u00e3o foi muito dif\u00edcil me adaptar ao estilo do websql, embora acho que eles poderiam ter implementado de forma mais pr\u00e1tica.<\/p>\n<p>A parte mais chata, foi gerar os golpes e fatalities para grava\u00e7\u00e3o no banco de dados, esse webapp \u00e9 espec\u00edfico para quem joga MK no PS3, pois se voc\u00ea procurar a maioria dos guides trazem os bot\u00f5es como FK, BK, BL, etc, eu preferi converter para os bot\u00f5es do PS3,<del> se algu\u00e9m solicitar que tenha tamb\u00e9m para X360 depois eu coloco um menu para selecionar a plataforma.<\/del><\/p>\n<p>Bem n\u00e3o vou prolongar muito esse post, se voc\u00ea quiser infos de como o projeto foi feito, como funciona websql no html5 pode perguntar que eu respondo.<\/p>\n<p>Para ver o projeto voc\u00ea precisa utilizar um browser que suporta websql, os que eu sei que funciona s\u00e3o Google Chrome, Safari e Safari Mobile<\/p>\n<p>Para ver o projeto basta<a href=\"http:\/\/www.neyestrabelli.com\/mk\/\" target=\"_blank\" rel=\"noopener noreferrer\"> clicar aqui<\/a><\/p>\n<p>&nbsp;<\/p>\n<p>&nbsp;<\/p>\n<p>&nbsp;<\/p>\n<p>&nbsp;<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Update 2: Reescrevi o programa utilizando a api localStorage, devido o websql ser descontinuado, ou seja, agora deve funcionar em qualquer browser. Para atualizar o que voc\u00ea j\u00e1 instalou, n\u00e3o \u00e9 preciso fazer nada, basta abrir o app conectado com a internet que ele ir\u00e1 atualizar automaticamente. &nbsp; Update: Fiz algumas altera\u00e7\u00f5es, entre elas: &#8211; [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"om_disable_all_campaigns":false,"_jetpack_memberships_contains_paid_content":false,"footnotes":""},"categories":[6,7,8,9,16],"tags":[],"class_list":["post-425","post","type-post","status-publish","format-standard","hentry","category-ipad","category-iphone","category-javascript","category-jogos","category-ps3"],"jetpack_featured_media_url":"","jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/www.neyestrabelli.com\/blog\/wp-json\/wp\/v2\/posts\/425","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.neyestrabelli.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.neyestrabelli.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.neyestrabelli.com\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.neyestrabelli.com\/blog\/wp-json\/wp\/v2\/comments?post=425"}],"version-history":[{"count":0,"href":"https:\/\/www.neyestrabelli.com\/blog\/wp-json\/wp\/v2\/posts\/425\/revisions"}],"wp:attachment":[{"href":"https:\/\/www.neyestrabelli.com\/blog\/wp-json\/wp\/v2\/media?parent=425"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.neyestrabelli.com\/blog\/wp-json\/wp\/v2\/categories?post=425"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.neyestrabelli.com\/blog\/wp-json\/wp\/v2\/tags?post=425"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}