Coder Social home page Coder Social logo

copycat's Introduction

About

A fork of Gtibo's game on Codepen (https://codepen.io/Gthibaud/pen/ryQRYP).

This was a refactoring project. This version of the game is meant to work 100% like the original one.

How to use

  • Clone the repo
  • Issue npm install
  • Start the app with ./node_modules/.bin/webpack

Key differences

  • The original game was vanilla Javascript. It was a single 1400 lines long JS file, written in French.
  • This version consists of 18 JS files written in ES6 with Webpack. Needs NPM to work.
  • This is a more heavy-weight version than the original one, but it's meant to be easier to understand and modify.

History

When I started this refactoring project last week, I hadn't written a game since I was 15. I had pretty much no understanding of the game loop concept. I had never worked with sprites, Webpack (nor with browserify and similar), ES6 classes and import/exports.

My goal with this project was to understand modern Javascript and to refactor this cool game.

I am at this point satisfied with the refactor.

Thanks

A big thanks to Gtibo for the original game, it's a great idea and implementation. I hope you find my refactor interesting and/or useful. :)

Plans

From this point on I might go on and change some behavior and design, and add more levels to the game. Or not. :)

copycat's People

Contributors

dependabot[bot] avatar vdavid avatar

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.