Notechis Blog: 2011

quarta-feira, 17 de agosto de 2011

(iOS) Projecto Leak para a Leak.pt:Icons Adicionados

Recebi hoje as imagens que estavam em falta na aplicação Leak, sendo assim exibo aqui o que os screenshots da aplicação, agora já com os icones, banner e imagem de arranque final.

segunda-feira, 15 de agosto de 2011

(iOS) Projecto Leak para a Leak.pt:Fase Final

Basicamente a aplicação está quase terminada, apenas aguardo as imagens do designer para assim terminar este projecto, que apesar de curto serviu para ter uma ideia do que é desenvolver para ambiente iOS.

Utilizei como suporte no parsing de XML as bibliotecas TouchXML que aconselho.

Planeio ainda recorrer a uma biblioteca de cache de imagens, para optimizar o carregamento das mesmas e para que enquanto as estas vão sendo carregadas ser possível ler o conteúdo das notícias. Igualmente falta remover durante o parsing as tags html da descrição das notícias. Coisa simples mas que tem de ser feito.

Bem, após isto é altura de voltar ao meu desafio Cine Maniac.

(iOS) Projecto Leak para a Leak.pt:Loading Screen

Fica aqui a imagem de entrada da aplicação Leak. Irá ser alterada, assim que o designer entregar o conteúdo dos assets gráficos.

domingo, 7 de agosto de 2011

(iOS) Projecto Leak para a Leak.pt: Primeira Imagem

Este projecto visa somente exibir as notícias via RSS do site www.leak.pt. O convite partiu do responsável, Bruno Fonseca, que me falou da ideia há aproximadamente 15 dias, achei de imediato que seria uma boa maneira de me aventurar em ambiente iOS, numa uma forma mais formal.

Cada separador será responsável por uma categoria de notícias, havendo no total cinco.

O meu objectivo pessoal passa por ter uma plataforma base para futuros desenvolvimentos em projectos semelhantes, isto é, um conjunto de separadores (recorrendo a um Tab Bar Controller) contendo listas (Table Views), para exibir notícias e outras informações como vídeos, audio, etc.

Este projecto, Leak, é neste momento a minha prioridade e fica desde já uma primeira imagem apesar de ainda faltar algumas imagens e icons que ainda não estão concluídas.

Para o terminar ainda falta ajustar o parser que tem que ser afinado, adicionar os detalhes e objectos de navegação.

PS:O projecto "Cine Maniac" é para ir fazendo com tempo e claro disponibilidade, apesar do mesmo se encontrar agora em pausa, assim que o iLeak estiver terminado o retorno será o mais rápido possível. :)

quinta-feira, 4 de agosto de 2011

(iOS/Android) Projecto Cine Maniac: Imagem de apresentação v3

domingo, 31 de julho de 2011

(iOS/Android) Projecto Cine Maniac: Reunião #2 (Game Scenes)

(iOS/Android) Projecto Cine Maniac: Imagem de apresentação v2

(iOS/Android) Projecto Cine Maniac: Reunião #1

Após a reunião #1 com o responsável de dados, fez-se um ponto de situação e definimos as categorias a utilizar no jogo:

As categorías são:

Awards - Perguntas relacionadas com Óscares e outros prémios;
People - Perguntas referentes a actores, realizadores, personagens, etc.
Curiosities - Refere-se a factos e curiosidades da sétima arte;
Guess the Movie - Dado um conjunto de palavras-chave, encontrar qual o filme;
Quotes - Frases famosas de filmes;
Time & Place - Qualquer pergunta respeitante a uma data ou um local específico;

O estado actual do jogo é o seguinte:

Peguntas (1050 de 2000) : 52%
Assets Gráficos: 25%
Lógica: (Plataforma Android): 70%

terça-feira, 26 de julho de 2011

(iOS/Android) Projecto Cine Maniac: Loading Screen Test

Ok, só a testar o tal "Default.png" nos Resources, com um delay de 9 segundos. Uma primeira tentativa de loading screen hehe

Resumidamente o que fiz foi:

Imagem como nome Default.png (sim, D maiúsculo) com 320x480 pixels, arrastada para a pasta Resources do nosso projecto;
Activar checkbox em Copy Items (...) ;
Clicar Add;
Ir ao método didFinishLaunchingWithOptions e acrescentar sleep(n); onde n é o número de segundos a esperar;

Sim é só isto...bem horas de ir encher a tigela com 10% leite e o resto em Estrelitas :p

(iOS/Android) Projecto Cine Maniac: Icon Test

Um ícone em fase de testes, só para ver como ficaria no Simulator :)

É capaz de ser coisa mais básica do mundo, mas todos passamos pelo básico, e somente desta forma podemos evoluir.

Adicionar um ícone é extremamente facil, claro, tem uma ou outra regra a seguir.

A imagem é um ficheiro de formato PNG, de resolução 57x57 pixeis, quanto aos cantos arredondados e efeitos que normalmente vemos nas apps, esqueçam isso. Automáticamente o ícone será gerado com todas estas linhas de etiqueta da Apple.

Por fim, e sem palha, se a imagem chamar-se icon.png, só temos de:

Arrastar imagem para a pasta Resources;
Na janela que irá surgir, activar a checkbox para que este seja copiado, é a primeira linha que aparece;
Clicar no botão Add;
Ir ao ficheiro .plist situado igualmente nas resources, e no campo "Icon file" colocar o nome do nosso ficheiro, neste caso seria icon.png;

Podem também se pretenderem, já que estão com a mão na massa, substituir com.yourcompany pelo nome da vossa empresa, neste caso coloquei com.notechis.

Voila, é só gravar e testar.

segunda-feira, 25 de julho de 2011

(iOS/Android) Projecto Cine Maniac: Primeiras imagens

(iOS/Android) Projecto Cine Maniac: Fase 1 – Requisitos e Cenários

Características

Categorias;
2000 perguntas;
Metodologia para impedir a repetição de perguntas;
Pontuações online via Scoreloop;
Suporte iPhone/iPad;
Modo Relax, Competition (com tempo limite) e Multiplayer;
4 tipos de ajuda:

Passar próxima pergunta;
Eliminar resposta errada;
Visualizar pista;
Duplicar pontuação da pergunta;

Animações;
Efeitos sonoros e música de fundo;

Cenários

A aplicação começa por exibir o logo da Notechis por 2 segundos, como “Loading Screen”;
Surge então uma primeira imagem do palco, com cortinas fechadas exibindo o logo do jogo através de um placar preso por 2 cordas, a balançar. Só avança após tocar no objecto claquete que diz “Touch”, a claquete fecha e cai, por outro lado a placa com o título “Cine maniac Quiz Show” sobe, saindo de cena.
Aparece o menu principal, sempre com cortinas do palco fechadas, sobre um cartaz retro-cinematográfico:

New Game;
Highscores;
About;
Exit;
Mutar som, existe num canto inferior esquerdo, através de um ícone simplista para o efeito;

Exit, como o nome indica permite sair do jogo exibindo previamente um alerta que permite ao utilizador confirma a saída da aplicação ou não;
About, é onde situamos a informação de apoio ao utilizador, esclarecendo acima de tudo as diferentes ajudas existentes e na secção seguinte, a equipa que desenvolver o projeto, o número total de perguntas existentes e a versão em causa;
Neste cenário, as cortinas abrem-se excepcionalmente, de modo a simular o final de créditos de um filme de cinema onde estes percorrem verticalmente o ecrã de baixo para cima;
Highscores, recorre novamente ao cartaz de cinema, exibindo as pontuações online, sendo que tem além disso, um botão que acede ao Scoreloop, possibilitando visualizar os resultados online dos diferentes jogadores;
O cenário de jogo, independentemente do modo, as cortinas são puxadas para cima, sendo que na tela é exibida a pergunta e as respectivas respostas.
A tela vai ter o cuidado de apresentar textura, sujidade e exibir uma marca “cigarrete burn” numa das extremidades. Esta marca em modo competitivo representará o relógio com o tempo restante para responder.
A cor da tela muda ligeiramente de cor, sendo que a ideia é simular o passar da película pela tela.
Na parte superior, acima da tela, irá situar-se as pontuações e outras informações respeitante à pergunta (ex. Dificuldade, categoria)
As vidas estarão representadas nos bancos do cinema, ou seja, além da nossa mascote que estará voltada para a tela (abanando a cabeça de vez em quando), teremos no máximo 3 espectadores que são as vidas. Caso o jogador perca uma vida, uma destas personagens abandona o recinto.
Por fim em baixo da tela, sob o chão do palco irão situar-se as ajudas a serem usadas pelo jogador em caso de necessidade.