Giter Club home page Giter Club logo

chrome-dino-enhanced's Introduction

Chrome Dino enhanced

Chrome Dino, but with enhancement that works for most browsers.

Also check out Microsoft Edge's Let's Surf, an offline game for Microsoft Edge.

Default night mode for dark-enabled OS

Normal day mode

Play

Play online: https://yell0wsuit.page/html5-games/games/chrome-dino/

Play offline: download or clone this repo, then open index.html to play.

Features / Changes

  • Updated the code from the (kinda) latest Chrome version.
    • Restored 5 Olympic sport game modes.
      (After the birthday event, the Chromium team has decided to obfuscate new sprites before launch. This means you cannot datamine the image files, and if you miss out the event, you won't be able to play the new mode. You can check the commit history for the Dino game to see if they add anything new.)
  • Disable "Start slower" toggle as it doesn't work (apparently).
  • Preserve highscore. Use localStorage to save and retrieve high score.
    • The original code uses native code from Chrome to retrieve and store score.
  • Reset highscore by clicking/tapping on the HI score twice.
  • Arcade mode. The game adapts to the screen width like the Chrome version (chrome://dino). Beneficial to big screens.
  • Day & night cycle. Game will start in night cycle if the users choose the dark theme in the OS/browser setting.
    • Dark theme / Night cycle mode uses color value defined in --google-grey-900
    • Fixed the bugs related to invert filter.
    • Also fixed dark mode for Firefox.
  • Use other pixelated filters for other browsers so the game looks consistent across browsers.
  • Gamepad support.
  • PWA support. You can install this game as an app to play offline.
    • This is useful on mobile platforms since you cannot open index.html directly like PC.
      On iOS, you need to use Safari and add the page to the homescreen.
  • Fix the game not working in iOS/iPadOS Safari browser.

chrome-dino-enhanced's People

Contributors

yell0wsuit avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar

chrome-dino-enhanced's Issues

What's the license for this code?

Hello,

Great work on the project :)

I'm curious to know what is the license for the code? I couldn't find a LICENSE file, so I thought of asking.

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.