Coder Social home page Coder Social logo

fortnite-maps's Introduction

Fortnite Maps maps.ygstr.com

Distance and ETA calculator for Fortnite Battle Royale

Gif showcase

Reddit thread (discussion and ideas)

How to:

Click anywhere to spawn a new marker. Click on an existing marker to move it. Right click on a marker to delete it.

Recently added:

  • Mobile / Touch support!
    • Drag and spawn points
    • Drag out mid-points
    • Delete specific point in the options menu
  • Option menu for better UI
  • Multiple maps from different seasons and resolutions
  • Iframe embed support
  • Mid-points:
    • Click in the middle of a path to create a new point!
    • Displays length between each point
  • Right-click markers to remove them
  • Optional grid
  • Better distance presentation

Embed (depricated, use maps.ygstr.com instead):

It's very easy to embed this into your own website! Just paste the iframe code below in the body. You can change the height and width to your own desire, just make sure that the height is at least 100px bigger than the width (to make room for the options menu below!); Example: maps.livfor.it/embed_example

<!-- (HTTPS) Embed Fortnite Maps -->
<iframe src="https://yogsther.github.io/embed-fortnite-maps/embed.html" width="600" height="650" style="border:none; box-shadow:0px 0px 5px rgba(0,0,0,0.7); border-radius:2px;"></iframe>

<!-- (HTTP) Embed Fortnite Maps -->
<iframe src="http://maps.livfor.it/embed.html" width="600" height="650" style="border:none; box-shadow:0px 0px 5px rgba(0,0,0,0.7); border-radius:2px;"></iframe>

TODO:

  • Scale down the canvas
  • Add an optional grid
  • Right click markers to remove them
  • Spawn mid-points between points
  • Map option (choose from what season you want the map to be displayed from)
  • Iframe embed support
  • Mobile support & manifesto
  • Optimize hud, fewer links with overlay toggle for options menu
  • Package electron app
  • Optmize unnecessary big texture sizes
  • Zoom and pan features
    • Work has started on zoom features but are currently not worked on. Feel free to pick this up.
    • A camera offset and a global scale has been implemented for all drawn textures.
    • Scroll to zoom has been started on, but not finished. (See eventlistener "wheel")
    • Left todo:
      • Zoom in on cursor position relative to camera position (like in-game)
      • fix hitching bug when moving the camera (right click held down)
  • Terrain height calcualtion. Not needed since traveling with ramps has the same horizontal speed.

Known bugs:

  • A lot of bugs in the zoom-and-pan features, but they are currently being worked on!
  • Positions for pins and midpoints are not accurate on diffrence scales (When zooming)
  • Season 3 8k is wrongly scaled, I will fix this once it's necessary and the zoom features are done.

fortnite-maps's People

Contributors

maxopoly avatar teelair avatar yogsther 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  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar

fortnite-maps's Issues

Map not updated - Season 2 Chapter 4

The map in the application is still one of the Season 1 ones. If I have time, I will contribute and update it. Any help is welcomed. Thanks so much :)

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.