Skip to content

Latest commit

 

History

History
60 lines (52 loc) · 2.28 KB

README.md

File metadata and controls

60 lines (52 loc) · 2.28 KB

logo

A Game Framework to load and play MicroMacro-like maps and cases. Uses Leaflet to show the map.

You need to first load a map before being able to play. A test map is available through the menu (Click "Load Test Map").

TODO:

  • mp:
    • let users set color
    • let users select name?
    • make connecting less cbt
    • ping? => do direction effect on border when ping off screen
    • notify user that other user has changed/reset case
    • host migration/close lobby when host leaves
  • right click menu:
    • delete all markers
    • debug:
      • on circle/shape: set color
  • style markers (so you can see what you marked)
  • fix bounds on small images
  • mark solved cards better in ui
  • make objective display better on mobile
  • add shake on mobile/general cards after waiting too long?
  • add possibility to (temporarily) see unflipped card?
  • save case progress
  • save settings
  • optimize loading (zip limited?)
  • show step progress (1/4) somewhere on mobile (card menu? corner?)
  • finer file load progress bar (hook put onsuccess?)
  • performance test loading (seperate zip and idb tests)
  • hints
  • tests??
  • toolbar like debug menu for quick access?
  • finish timer
  • fix slides not being centered after resizing while case is finished (swiper is disabled)
  • Ui shouldnt have to do case logic checks, mark step as unsolvable (in buildnodes?), only check that flag
  • use card classes instead of adding card overlays for locked and solved?
  • fix caseclosed.png clipping
  • delete circles after clicking them in a AND/OR node
  • clean up multi-steps + objectives code
  • move to (first) unlocked card after solving card?
  • test multi steps more
  • case finish animation not working on mobile?
  • open github link in new tab?
  • handle fetch zip from url errors

CaseBuilder TODO:

  • better step requirement input
  • show error symbol when something went wrong

How to create a map from a image

To transform a image to raster tiles you can use libvips with this command:

vips dzsave <image name> --layout google --tile-size 256 --overlap 0 <output name> --suffix .png

Problems:

  • libvips v8.14.2 doesn't contain dzsave rn because of some licensing issues. use v8.14.1
  • if images are too small, you may need to adjust the zoom level manually. for a 1080x1920 image i had to use min zoom 8, max zoom 11