GithubHelp home page GithubHelp logo

isabella232 / cow-runner-game Goto Github PK

View Code? Open in Web Editor NEW

This project forked from gnosis/cow-runner-game

0.0 0.0 0.0 3.66 MB

the t-rex runner game extracted from chromium

Home Page: https://chromedino.com

HTML 0.40% JavaScript 67.71% CSS 2.20% TypeScript 29.69%

cow-runner-game's Introduction

Cow Runner Game - React component

The trex runner game extracted from chrome offline error page, but with less dinosaurs and more Cows!

This project is a typescript library that provides CowGame as a react component.

Changes over the original:

  • Broken down into smaller entities (see src/game/model)
  • Converted into typescript project
  • The game has ben wrapped into a React component
  • The React component is exported as a library
  • Integrated with webpack. You can build the HTML page or run it in dev mode

๐Ÿ— Pending to add the sprites and styles for the cow game.

Usage

Add dependency to your project:

yarn add @gnosis.pm/cow-runner-game

Use the CowGame react component:

import { CowGame } from '@gnosis.pm/cow-runner-game'

export default function Your () {
  return (
    <div>
      <h1>Cow Game</h1>
      <p>Try not to get ๐Ÿฅช</p>

      <CowGame />
    </div>
  )
}

Development

Install dependencies

yarn

Run dev browser

yarn start

Build library

yarn build

cow-runner-game's People

Contributors

alfetopito avatar anxolin avatar dennisguse avatar fairlighteth avatar michaelairola avatar michelbio avatar rhythm-sharma avatar stefdelec avatar steinerkelvin avatar w3stside avatar wayou avatar zouariste 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.