Giter Club home page Giter Club logo

eskergames's People

Contributors

mmertsock avatar

Watchers

 avatar

eskergames's Issues

Don't record invalid moves in move history

Don't add moves to move history, increment the move count, etc., when user input results in invalid no-op moves:

  • Attempting to clear or flag an already-cleared tile
  • Clicking outside of the board

Publish to Itch?

https://itch.io/docs/creators/html5

Prepare

  • Detect version, isProduction, etc.
  • Script to package into a zip file
  • Relative paths instead of absolute paths everywhere

Test on Itch before publishing

  • Local storage: does this persist between sessions?
  • Is a CDN ok? Pako, js-yaml.

Format score in more places

Missing thousands separator in a few places:

  • Status bar
  • You Lost dialog
  • Refresh memory on Game.integerFormatObject vs Number.uiInteger

Large boards exceed canvas size limit on iPhone

[Warning] Canvas area exceeds the maximum limit (width x height > 16,777,216). (g.js, line 348)

Currently a 40 x 52 game = 3600 x 4680 canvas raw pixel size = 16,848,000. 1200 x 1560 CSS size.

16,777,216 means 2^24 canvas pixels allowed. Max game board size is 4096 tiles, so that's 4096 canvas pixels per tile allowed, or 64x64 raw pixels. But currently it's 90x90 = 8100 pixels/tile in touch mode on a 3x display.

Options to fix this:

  • Max 2x DPI factor instead of 3x
  • Reduce tile size for touch mode, at least for larger boards, to 20 CSS px width instead of 30
  • Some sort of optimization to lazy-load canvas as you pan around?
  • Or can you get around this by requesting a rendering context for only a subset of a canvas or something?

https://github.com/jhildenbiddle/canvas-size#test-results shows 4096x4096 total size is indeed the limit on iOS Safari, and no other browser has a similar or smaller limit.

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.