GithubHelp home page GithubHelp logo

marcinwieprzkowicz / dead-hollow Goto Github PK

View Code? Open in Web Editor NEW
20.0 2.0 1.0 5.59 MB

Dead Hollow is a HTML5 game built like a typical website where animations and transformations are made by CSS3.

CoffeeScript 26.36% JavaScript 45.12% CSS 28.52%

dead-hollow's Introduction

#Dead Hollow (preview version) Dead Hollow is a HTML5 game built like a typical website where animations and transformations are made by CSS3.

##Demo Let's play Dead Hollow

##Credits

  • Marcin Wieprzkowicz: Originator

Many thanks to:

Libraries:

Also thanks to:

Sounds:

##Brief of history I think you're going to ask: "Why has the game been developed that way? There is plenty of game engines ready to use based on WebGl.".

Well, let's start from beginning. At first, It was supposed to be a pure CSS3 animation. This idea was born just after the PNG-TO-CSS library.

When I saw the final result I was really impressed. I thought to myself, why not to make the game? I shared the idea with my friends from work. Natalia said she likes the idea and can help. As you can see in the demo map is absolutely fantastic.

One day, Dawid asked if I checked the game on iPad. Well, I did not. Since that day, I learned how to optimize website for iPad ;).

Development took me a long time, it was my activity after hours. Optimization, sounds, finding solutions, etc., it was all on my head. I consider this project more as an experiment than a game. In the future I plan to write this game again, this time using WebGl.

P.S. There is a reason why I didn't use ready-made solutions. I wanted to improve my own skills :).

##Issues The game is still unfinished and has a few issues that has to be solved.

  • performance iOS & Android
  • touchmove & touchcancel event: unhandled
  • the map is static: templates?
  • ...and so on

##License Dead Hollow is released under the Creative Commons NonCommercial license. Moreover, remember about credits section. All rights for graphics belongs to Natalia Berowska. Not all used scripts are free for commercial use, for example: fleXcroll.

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.