Brighter Shores:Map Project

From Brighter Shores Wiki
Revision as of 15:24, 14 December 2024 by Gau Cho (talk | contribs) (Created page with "The Brighter Shores Map Project is involved in creating interactable maps on the wiki! == Contributors == * User:Gau Cho * User:Microbrews * User:Jetta * User:RandomnessofD * User:Merds * User:Anyny0 * @valsekamerplant (discord) == Leaflet == *[https://leafletjs.com/ Leaflet 1.9.4] is used as a javascript gadget: **MediaWiki:Gadget-leaflet.js **MediaWiki:Gadget-leaflet.css *[https://github.com/brunob/leaf...")
(diff) ← Older revision | Latest revision (diff) | Newer revision → (diff)
Jump to navigation Jump to search

The Brighter Shores Map Project is involved in creating interactable maps on the wiki!

Contributors

Leaflet

Leaflet-Wiki (bs-cartography)

See the project: https://github.com/GauChoob/bs-cartography which is compiled into a javascript gadget.

The Leaflet Wiki code was written by User:Gau Cho, inspired by some previous map work done by User:Anyny0.

The episode and room polygons were generated by User:Microbrews, User:Gau Cho, User:Jetta and @valsekamerplant. The entity data was manually compiled by User:Jetta.

The room_data is compiled and copied from the bs-tile-generator project - see below.

A set of links generated by the entity data will be found here: User:Gau_Cho/EntityLinks.

Generating the Map (bs-tile-generator)

See the project: https://github.com/GauChoob/bs-tile-generator/

The high-quality base map image (48x48 pixels per tile) was manually compiled by User:Microbrews with a bit of help from @omnipoet on Discord for some restricted rooms. The cache contains 64x64-sized tiles, so eventually a future goal could be to automatically generate the base map.

The room overlay data was manually compiled by User:Gau Cho, User:RandomnessofD and User:Microbrews.

User:Gau Cho's script automatically creates the room overlays, cuts up the large image into 256x256 tiles using vips, and then uploads the map tiles to the wiki. A bot account with admin privileges is required to update the map using the script.

For all of this to work smoothly, a set of links generated by the room overlay script can be found here: User:Gau_Cho/OverlayLinks. In addition, all the used small icons should be included in this list: Brighter_Shores:Orphanage#Map.

Styling

The .less/.css file was written by User:Merds and User:Gau Cho: MediaWiki:Common.less/leaflet.less