Ir para o conteúdo
    <li class="asset_articles"><a href="/search/assets?asset=articles"><span class="icon-menu-articles"></span><strong>Artigos</strong></a></li> <li class="asset_people"><a href="/search/assets?asset=people"><span class="icon-menu-people"></span><strong>Pessoas</strong></a></li> <li class="asset_enterprises"><a href="/search/assets?asset=enterprises"><span class="icon-menu-enterprise"></span><strong>Empreendimentos</strong></a></li> <li class="asset_communities"><a href="/search/assets?asset=communities"><span class="icon-menu-community"></span><strong>Comunidades</strong></a></li> <li class="asset_events"><a href="/search/assets?asset=events"><span class="icon-event"></span><strong>Eventos</strong></a></li>

Thin logo


Encontre aqui:

DRM? Não Compro!

Stop the Hollyweb! No DRM in HTML5.

|sn?b.             |
|p+?*              |
|=C1               |
|+?                |
|1          #  ##  |
|           # #    |
|           #  ##  |
|        #  #    # |
|         ##   ##  |

Flattr this

 Voltar a Blog
Tela cheia

Seeking for beauty and features in a 13k web game

15 de Setembro de 2014, 9:40 , por Aurélio A. Heckert - 0sem comentários ainda | Ninguém está seguindo este artigo ainda.
Gravity 160

In the next days (or weeks) i will write some articles about how did i do my third entry to the annual js13kGames competition, called "Gravity".

I believe the topics i will describe is not only useful for who wants to build small games, but also for big games, or artists, trying to reduce the computing resources usage.


I'm a big fan of stilling and animating html elements with javascript from 1998, with the Netscape's <layer> element. Then it comes the CSS age, where we get more power and fun. Aftera while Andrzej give us the js13kGames, where I'm participating on the from it's first version. Naturally i try to participate with HTML+CSS animations, and that works...

My first entry was "SimLand", a classic SimCity clone where each element is a completely build with html elements. House's walls and roofs are CSS transformed <div>s; animated wind power generators are elements with css animate with iteration-count:infinite; factory smoke was transparent text with high blur text-shadow. The game has nice features, but that is hard to grow and hard to make your population happy. And i get the 4th place.

In the second year my entry was "Dodos — Escaping from Extinction", where we must help free living dodos to reach the save point controlling only one attractive dodo. I believe the game is beautiful, it's visual features are pure HTML+CSS, also the waves are animated css gradients... But i did some wrong decisions. My game, again, was too hard to play, however, the worst decision was to put the game on the mobile category, while i only test it on desktops. My tablet was broken and i believe the android browser or any webkit based browser must work equal for the same css expressions, but they don't. I had earned nothing this year.

Gravity screenshotThis year i decide to change somethings. I like canvas, i know canvas animations are faster than HTML+CSS, so... canvas it is. My game must be something for fun, not an ability test. I know... I finished with the game "Gravity" that is not for children, but please... You have an autopilot, your boids grownups faster then the enemy, and no other landing game accepts the hard impact i decided to accept without explode the ship. ;-) To know about the game history, please read the project description.

The next articles will be:

Tags deste artigo: game javascript js13k

0sem comentários ainda

Enviar um comentário

Os campos são obrigatórios.

Se você é um usuário registrado, pode se identificar e ser reconhecido automaticamente.