commit 1b3d1422a9e4ac8efe4ca692f85140d94fda7009 Author: Roland Rytz Date: Tue Apr 4 01:24:46 2017 +0200 Implement atlas view, and drawing tool for new entries. diff --git a/atlas.js b/atlas.js new file mode 100644 index 00000000..caf28d8c --- /dev/null +++ b/atlas.js @@ -0,0 +1,3189 @@ + + + +/* + ======================================================================== + The /r/place Atlas + + An Atlas of Reddit's /r/place, with information to each + artwork of the canvas provided by the community. + + Copyright (C) 2017 Roland Rytz + Licensed under the GNU Affero General Public License Version 3 + This program is free software: you can redistribute it and/or modify + it under the terms of the GNU Affero General Public License as + published by the Free Software Foundation, either version 3 of the + License, or (at your option) any later version. + This program is distributed in the hope that it will be useful, + but WITHOUT ANY WARRANTY; without even the implied warranty of + MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. + For more information, see: + https://draemm.li/various/place-atlas/license.txt + + ======================================================================== +*/ + + +var atlas = [ + { + "id": 0, + "name": "Tux (Linux Mascot)", + "description": "Tux is the official mascot of the Linux operating system.", + "website": "", + "subreddit": "linux", + "center": [ + 862.5, + 449.5 + ], + "path": [ + [ + 838.5, + 415.5 + ], + [ + 838.5, + 483.5 + ], + [ + 886.5, + 483.5 + ], + [ + 886.5, + 415.5 + ] + ] + }, + { + "id": 1, + "name": "Flag of Switzerland", + "description": "", + "website": "", + "subreddit": "switzerland", + "center": [ + 403.5, + 503.5 + ], + "path": [ + [ + 390.5, + 490.5 + ], + [ + 390.5, + 516.5 + ], + [ + 416.5, + 516.5 + ], + [ + 416.5, + 490.5 + ] + ] + }, + { + "id": 2, + "name": "Mona Lisa", + "description": "In order to prove the point that reddit users are a cultured bunch, a group of them set out to recreate Leonardo da Vinci's Mona Lisa.", + "website": "", + "subreddit": "monalisaclan", + "center": [ + 377.5, + 452.5 + ], + "path": [ + [ + 324.5, + 374.5 + ], + [ + 430.5, + 374.5 + ], + [ + 430.5, + 530.5 + ], + [ + 324.5, + 530.5 + ] + ] + }, + { + "id": 3, + "name": "Dwarf Fortress", + "description": "Dwarf Fortress is a part construction and management simulation, part roguelike, indie video game created by Tarn and Zach Adams.", + "website": "http://www.bay12games.com/dwarves/", + "subreddit": "dwarffortress", + "center": [ + 84.5, + 643.5 + ], + "path": [ + [ + 3.5, + 637.5 + ], + [ + 107.5, + 637.5 + ], + [ + 107.5, + 625.5 + ], + [ + 150.5, + 625.5 + ], + [ + 150.5, + 641.5 + ], + [ + 155.5, + 641.5 + ], + [ + 155.5, + 647.5 + ], + [ + 118.5, + 647.5 + ], + [ + 118.5, + 656.5 + ], + [ + 89.5, + 656.5 + ], + [ + 89.5, + 658.5 + ], + [ + 28.5, + 658.5 + ], + [ + 28.5, + 648.5 + ], + [ + 3.5, + 648.5 + ] + ] + }, + { + "id": 4, + "name": "The Void Prism", + "description": "The void was an ever-expanding area of darkness, untill it was filled with the Prism from the album art of Pink FLoyd's Dark Side of the Moon.", + "website": "", + "subreddit": "", + "center": [ + 404.5, + 563.5 + ], + "path": [ + [ + 361.5, + 567.5 + ], + [ + 400.5, + 538.5 + ], + [ + 446.5, + 563.5 + ], + [ + 443.5, + 578.5 + ], + [ + 363.5, + 578.5 + ] + ] + }, + { + "id": 5, + "name": "Arch Linux", + "description": "Arch Linux is a distribution of the Linux operating system.", + "website": "https://www.archlinux.org/", + "subreddit": "/r/archlinux", + "center": [ + 603.5, + 130.5 + ], + "path": [ + [ + 574.5, + 117.5 + ], + [ + 654.5, + 117.5 + ], + [ + 654.5, + 127.5 + ], + [ + 610.5, + 127.5 + ], + [ + 610.5, + 150.5 + ], + [ + 574.5, + 150.5 + ] + ] + }, + { + "id": 6, + "name": "Flag of Latvia", + "description": "", + "website": "", + "subreddit": "/r/latvia", + "center": [ + 635.5, + 136.5 + ], + "path": [ + [ + 611.5, + 128.5 + ], + [ + 611.5, + 144.5 + ], + [ + 659.5, + 144.5 + ], + [ + 659.5, + 128.5 + ] + ] + }, + { + "id": 7, + "name": "Flag of Lithuania", + "description": "", + "website": "", + "subreddit": "/r/lithuania", + "center": [ + 635.5, + 152.5 + ], + "path": [ + [ + 611.5, + 144.5 + ], + [ + 611.5, + 160.5 + ], + [ + 659.5, + 160.5 + ], + [ + 659.5, + 144.5 + ] + ] + }, + { + "id": 8, + "name": "Lego", + "description": "Lego is a line of plastic construction toys made in Denmark.", + "website": "https://www.lego.com/", + "subreddit": "/r/lego", + "center": [ + 725.5, + 287.5 + ], + "path": [ + [ + 702.5, + 276.5 + ], + [ + 702.5, + 298.5 + ], + [ + 748.5, + 298.5 + ], + [ + 748.5, + 276.5 + ] + ] + }, + { + "id": 9, + "name": "Flag of Romania", + "description": "", + "website": "", + "subreddit": "/r/romania", + "center": [ + 735.5, + 352.5 + ], + "path": [ + [ + 719.5, + 381.5 + ], + [ + 749.5, + 381.5 + ], + [ + 749.5, + 322.5 + ], + [ + 727.5, + 322.5 + ], + [ + 719.5, + 332.5 + ], + [ + 719.5, + 346.5 + ], + [ + 725.5, + 350.5 + ], + [ + 725.5, + 359.5 + ], + [ + 719.5, + 365.5 + ] + ] + }, + { + "id": 10, + "name": "Trogdor the Burninator", + "description": "Trogdor the Burninator is a figure from the Homestar Runner internet cartoon series.", + "website": "", + "subreddit": "/r/HomestarRunner", + "center": [ + 675.5, + 339.5 + ], + "path": [ + [ + 660.5, + 356.5 + ], + [ + 690.5, + 356.5 + ], + [ + 690.5, + 322.5 + ], + [ + 660.5, + 322.5 + ] + ] + }, + { + "id": 11, + "name": "Swiss Cheese and Mountains", + "description": "", + "website": "", + "subreddit": "/r/switzerland", + "center": [ + 361.5, + 541.5 + ], + "path": [ + [ + 314.5, + 571.5 + ], + [ + 314.5, + 530.5 + ], + [ + 431.5, + 530.5 + ], + [ + 431.5, + 545.5 + ], + [ + 409.5, + 545.5 + ], + [ + 401.5, + 536.5 + ], + [ + 391.5, + 545.5 + ], + [ + 352.5, + 545.5 + ] + ] + }, + { + "id": 12, + "name": "Flag of the United Kingdom", + "description": "", + "website": "", + "subreddit": "/r/unitedkingdom", + "center": [ + 179.5, + 340.5 + ], + "path": [ + [ + 139.5, + 311.5 + ], + [ + 221.5, + 311.5 + ], + [ + 221.5, + 370.5 + ], + [ + 139.5, + 370.5 + ], + [ + 139.5, + 349.5 + ], + [ + 131.5, + 342.5 + ], + [ + 129.5, + 336.5 + ], + [ + 132.5, + 332.5 + ], + [ + 136.5, + 333.5 + ], + [ + 139.5, + 335.5 + ] + ] + }, + { + "id": 13, + "name": "Flag of Italy", + "description": "", + "website": "", + "subreddit": "/r/italy", + "center": [ + 124.5, + 389.5 + ], + "path": [ + [ + 108.5, + 311.5 + ], + [ + 139.5, + 311.5 + ], + [ + 139.5, + 335.5 + ], + [ + 143.5, + 332.5 + ], + [ + 146.5, + 332.5 + ], + [ + 149.5, + 337.5 + ], + [ + 139.5, + 350.5 + ], + [ + 139.5, + 440.5 + ], + [ + 135.5, + 440.5 + ], + [ + 135.5, + 480.5 + ], + [ + 131.5, + 486.5 + ], + [ + 122.5, + 474.5 + ], + [ + 114.5, + 471.5 + ], + [ + 113.5, + 466.5 + ], + [ + 109.5, + 433.5 + ] + ] + }, + { + "id": 14, + "name": "Flag of the Ukraine", + "description": "", + "website": "", + "subreddit": "/r/ukraine", + "center": [ + 23.5, + 393.5 + ], + "path": [ + [ + 0.5, + 378.5 + ], + [ + 44.5, + 378.5 + ], + [ + 44.5, + 386.5 + ], + [ + 48.5, + 384.5 + ], + [ + 50.5, + 385.5 + ], + [ + 51.5, + 389.5 + ], + [ + 44.5, + 395.5 + ], + [ + 44.5, + 409.5 + ], + [ + 0.5, + 409.5 + ] + ] + }, + { + "id": 15, + "name": "The Empire", + "description": "Emblem of the Galactic Empire from the Star Wars franchise.", + "website": "", + "subreddit": "/r/EmpireDidNothingWrong", + "center": [ + 107.5, + 494.5 + ], + "path": [ + [ + 108.5, + 472.5 + ], + [ + 97.5, + 473.5 + ], + [ + 89.5, + 480.5 + ], + [ + 85.5, + 490.5 + ], + [ + 85.5, + 501.5 + ], + [ + 91.5, + 510.5 + ], + [ + 100.5, + 516.5 + ], + [ + 111.5, + 515.5 + ], + [ + 123.5, + 511.5 + ], + [ + 129.5, + 503.5 + ], + [ + 130.5, + 490.5 + ], + [ + 126.5, + 479.5 + ], + [ + 118.5, + 473.5 + ] + ] + }, + { + "id": 16, + "name": "Factorio", + "description": "Factorio is a real-time strategy video game with base-building and management elements developed by Wube Software.", + "website": "", + "subreddit": "/r/factorio", + "center": [ + 48.5, + 609.5 + ], + "path": [ + [ + 24.5, + 614.5 + ], + [ + 72.5, + 614.5 + ], + [ + 72.5, + 604.5 + ], + [ + 24.5, + 604.5 + ] + ] + }, + { + "id": 17, + "name": "Factorio", + "description": "Factorio is a real-time strategy video game with base-building and management elements developed by Wube Software.", + "website": "", + "subreddit": "/r/factorio", + "center": [ + 505.5, + 142.5 + ], + "path": [ + [ + 459.5, + 148.5 + ], + [ + 573.5, + 148.5 + ], + [ + 573.5, + 133.5 + ], + [ + 512.5, + 134.5 + ], + [ + 511.5, + 143.5 + ], + [ + 465.5, + 143.5 + ], + [ + 465.5, + 138.5 + ], + [ + 439.5, + 140.5 + ], + [ + 439.5, + 143.5 + ], + [ + 410.5, + 143.5 + ], + [ + 410.5, + 133.5 + ], + [ + 405.5, + 133.5 + ], + [ + 405.5, + 148.5 + ], + [ + 439.5, + 148.5 + ], + [ + 439.5, + 158.5 + ], + [ + 443.5, + 158.5 + ], + [ + 443.5, + 144.5 + ], + [ + 459.5, + 144.5 + ] + ] + }, + { + "id": 18, + "name": "Ethereum", + "description": "Ethereum is an open-source, blockchain-based distributed computing platform.", + "website": "https://www.ethereum.org/", + "subreddit": "/r/ethereum", + "center": [ + 529.5, + 683.5 + ], + "path": [ + [ + 508.5, + 671.5 + ], + [ + 552.5, + 671.5 + ], + [ + 552.5, + 679.5 + ], + [ + 562.5, + 679.5 + ], + [ + 562.5, + 687.5 + ], + [ + 535.5, + 687.5 + ], + [ + 535.5, + 695.5 + ], + [ + 522.5, + 695.5 + ], + [ + 519.5, + 702.5 + ], + [ + 513.5, + 702.5 + ], + [ + 513.5, + 697.5 + ], + [ + 508.5, + 697.5 + ] + ] + }, + { + "id": 19, + "name": "European Union", + "description": "After a long battle between /r/france and /r/de, both parties negotiated peace and placed the flag of the EU with a dove of peace on the disputed territory.", + "website": "", + "subreddit": "/r/europe", + "center": [ + 406.5, + 836.5 + ], + "path": [ + [ + 375.5, + 809.5 + ], + [ + 375.5, + 863.5 + ], + [ + 436.5, + 863.5 + ], + [ + 436.5, + 809.5 + ] + ] + }, + { + "id": 20, + "name": "Flag of Germany", + "description": "", + "website": "", + "subreddit": "/r/de", + "center": [ + 496.5, + 836.5 + ], + "path": [ + [ + 436.5, + 863.5 + ], + [ + 556.5, + 863.5 + ], + [ + 556.5, + 809.5 + ], + [ + 436.5, + 809.5 + ] + ] + }, + { + "id": 21, + "name": "Flag of Germany", + "description": "", + "website": "", + "subreddit": "/r/de", + "center": [ + 280.5, + 836.5 + ], + "path": [ + [ + 185.5, + 809.5 + ], + [ + 185.5, + 863.5 + ], + [ + 375.5, + 863.5 + ], + [ + 375.5, + 809.5 + ] + ] + }, + { + "id": 22, + "name": "Brandenburger Tor", + "description": "The Brandenburg Gate is an 18th-century neoclassical monument in Berlin, and one of the best-known landmarks of Germany.", + "website": "", + "subreddit": "", + "center": [ + 517.5, + 833.5 + ], + "path": [ + [ + 502.5, + 845.5 + ], + [ + 502.5, + 826.5 + ], + [ + 507.5, + 826.5 + ], + [ + 517.5, + 811.5 + ], + [ + 526.5, + 826.5 + ], + [ + 532.5, + 826.5 + ], + [ + 532.5, + 845.5 + ] + ] + }, + { + "id": 23, + "name": "Flag of France", + "description": "", + "website": "", + "subreddit": "/r/france", + "center": [ + 405.5, + 731.5 + ], + "path": [ + [ + 375.5, + 809.5 + ], + [ + 436.5, + 809.5 + ], + [ + 436.5, + 653.5 + ], + [ + 375.5, + 652.5 + ] + ] + }, + { + "id": 24, + "name": "Starry Night", + "description": "The Starry Night is an oil on canvas by the Dutch post-impressionist painter Vincent van Gogh, painted in June 1889-", + "website": "", + "subreddit": "/r/starryknights", + "center": [ + 351.5, + 943.5 + ], + "path": [ + [ + 307.5, + 988.5 + ], + [ + 394.5, + 988.5 + ], + [ + 394.5, + 898.5 + ], + [ + 307.5, + 898.5 + ] + ] + }, + { + "id": 25, + "name": "Flag of Brasil", + "description": "", + "website": "", + "subreddit": "/r/brasil", + "center": [ + 58.5, + 729.5 + ], + "path": [ + [ + 31.5, + 702.5 + ], + [ + 31.5, + 756.5 + ], + [ + 45.5, + 756.5 + ], + [ + 53.5, + 764.5 + ], + [ + 62.5, + 756.5 + ], + [ + 84.5, + 756.5 + ], + [ + 84.5, + 713.5 + ], + [ + 88.5, + 704.5 + ], + [ + 86.5, + 697.5 + ], + [ + 70.5, + 697.5 + ], + [ + 68.5, + 702.5 + ] + ] + }, + { + "id": 26, + "name": "Flag of South Africa", + "description": "", + "website": "", + "subreddit": "/r/southafrica", + "center": [ + 16.5, + 745.5 + ], + "path": [ + [ + 0.5, + 733.5 + ], + [ + 0.5, + 756.5 + ], + [ + 31.5, + 756.5 + ], + [ + 31.5, + 733.5 + ] + ] + }, + { + "id": 27, + "name": "Flag of Argentina", + "description": "", + "website": "", + "subreddit": "/r/argentina", + "center": [ + 29.5, + 774.5 + ], + "path": [ + [ + 0.5, + 756.5 + ], + [ + 44.5, + 756.5 + ], + [ + 44.5, + 750.5 + ], + [ + 46.5, + 748.5 + ], + [ + 59.5, + 748.5 + ], + [ + 62.5, + 750.5 + ], + [ + 62.5, + 756.5 + ], + [ + 53.5, + 764.5 + ], + [ + 53.5, + 796.5 + ], + [ + 0.5, + 796.5 + ] + ] + }, + { + "id": 28, + "name": "Flag of Finland", + "description": "", + "website": "", + "subreddit": "/r/suomi", + "center": [ + 119.5, + 775.5 + ], + "path": [ + [ + 62.5, + 756.5 + ], + [ + 62.5, + 750.5 + ], + [ + 60.5, + 748.5 + ], + [ + 46.5, + 748.5 + ], + [ + 44.5, + 750.5 + ], + [ + 44.5, + 756.5 + ], + [ + 53.5, + 764.5 + ], + [ + 53.5, + 801.5 + ], + [ + 107.5, + 802.5 + ], + [ + 107.5, + 792.5 + ], + [ + 198.5, + 792.5 + ], + [ + 198.5, + 756.5 + ] + ] + }, + { + "id": 29, + "name": "Moomins", + "description": "The Moomins (Swedish: Mumintroll, Finnish: Muumi) are the central characters in a series of books and a comic strip by Swedish-speaking Finnish illustrator and writer Tove Jansson.", + "website": "", + "subreddit": "/r/suomi", + "center": [ + 141.5, + 778.5 + ], + "path": [ + [ + 95.5, + 791.5 + ], + [ + 95.5, + 787.5 + ], + [ + 98.5, + 779.5 + ], + [ + 111.5, + 767.5 + ], + [ + 129.5, + 767.5 + ], + [ + 130.5, + 761.5 + ], + [ + 137.5, + 761.5 + ], + [ + 138.5, + 767.5 + ], + [ + 156.5, + 767.5 + ], + [ + 156.5, + 761.5 + ], + [ + 174.5, + 760.5 + ], + [ + 179.5, + 768.5 + ], + [ + 180.5, + 791.5 + ] + ] + }, + { + "id": 30, + "name": "Flag of Belgium", + "description": "", + "website": "", + "subreddit": "/r/belgium", + "center": [ + 221.5, + 750.5 + ], + "path": [ + [ + 201.5, + 693.5 + ], + [ + 240.5, + 693.5 + ], + [ + 240.5, + 807.5 + ], + [ + 201.5, + 807.5 + ] + ] + }, + { + "id": 31, + "name": "Bitcoin", + "description": "Bitcoin is a cryptocurrency and an electronic payment system.", + "website": "", + "subreddit": "/r/bitcoin", + "center": [ + 353.5, + 880.5 + ], + "path": [ + [ + 333.5, + 863.5 + ], + [ + 333.5, + 897.5 + ], + [ + 372.5, + 897.5 + ], + [ + 372.5, + 863.5 + ] + ] + }, + { + "id": 32, + "name": "Vim", + "description": "Vim (a contraction of Vi IMproved) is a clone of Bill Joy's vi text editor program for Unix.\nMore than 40 years after the original release of vi, it's still a popular text editor.\n", + "website": "", + "subreddit": "/r/vim", + "center": [ + 174.5, + 745.5 + ], + "path": [ + [ + 163.5, + 734.5 + ], + [ + 163.5, + 756.5 + ], + [ + 185.5, + 756.5 + ], + [ + 185.5, + 734.5 + ] + ] + }, + { + "id": 33, + "name": "Tiny Rick", + "description": "Tiny Rick is a younger version of Rick from the television series Rick and Morty", + "website": "", + "subreddit": "/r/rickandmorty", + "center": [ + 181.5, + 656.5 + ], + "path": [ + [ + 198.5, + 691.5 + ], + [ + 190.5, + 671.5 + ], + [ + 190.5, + 665.5 + ], + [ + 200.5, + 667.5 + ], + [ + 203.5, + 660.5 + ], + [ + 203.5, + 651.5 + ], + [ + 201.5, + 645.5 + ], + [ + 197.5, + 644.5 + ], + [ + 199.5, + 639.5 + ], + [ + 196.5, + 634.5 + ], + [ + 202.5, + 624.5 + ], + [ + 191.5, + 624.5 + ], + [ + 191.5, + 611.5 + ], + [ + 182.5, + 621.5 + ], + [ + 173.5, + 611.5 + ], + [ + 169.5, + 628.5 + ], + [ + 158.5, + 620.5 + ], + [ + 159.5, + 632.5 + ], + [ + 154.5, + 633.5 + ], + [ + 161.5, + 642.5 + ], + [ + 155.5, + 642.5 + ], + [ + 163.5, + 650.5 + ], + [ + 158.5, + 657.5 + ], + [ + 161.5, + 660.5 + ], + [ + 157.5, + 672.5 + ], + [ + 175.5, + 672.5 + ], + [ + 179.5, + 693.5 + ], + [ + 175.5, + 703.5 + ], + [ + 180.5, + 712.5 + ], + [ + 184.5, + 715.5 + ], + [ + 181.5, + 720.5 + ], + [ + 185.5, + 721.5 + ], + [ + 190.5, + 714.5 + ], + [ + 182.5, + 706.5 + ], + [ + 183.5, + 702.5 + ], + [ + 189.5, + 695.5 + ], + [ + 199.5, + 705.5 + ] + ] + }, + { + "id": 34, + "name": "Haskell", + "description": "Haskell is a standardized, general-purpose purely functional programming language, with non-strict semantics and strong static typing.", + "website": "", + "subreddit": "/r/haskell", + "center": [ + 276.5, + 569.5 + ], + "path": [ + [ + 258.5, + 578.5 + ], + [ + 293.5, + 578.5 + ], + [ + 293.5, + 560.5 + ], + [ + 258.5, + 560.5 + ] + ] + }, + { + "id": 35, + "name": "Rust", + "description": "Rust is a general purpose programming language, designed to be a \"safe, concurrent, practical language\", supporting functional and imperative-procedural paradigms.", + "website": "https://www.rust-lang.org/en-US/", + "subreddit": "/r/rust", + "center": [ + 858.5, + 653.5 + ], + "path": [ + [ + 887.5, + 642.5 + ], + [ + 850.5, + 642.5 + ], + [ + 844.5, + 647.5 + ], + [ + 842.5, + 654.5 + ], + [ + 845.5, + 664.5 + ], + [ + 854.5, + 668.5 + ], + [ + 861.5, + 666.5 + ], + [ + 867.5, + 659.5 + ], + [ + 866.5, + 647.5 + ], + [ + 887.5, + 646.5 + ] + ] + }, + { + "id": 36, + "name": "Mozilla", + "description": "The Mozilla Foundation is a non-profit organization that exists to support and collectively lead the open source Mozilla project, most famous for the Firefox browser.", + "website": "https://www.mozilla.org/", + "subreddit": "/r/mozilla", + "center": [ + 874.5, + 668.5 + ], + "path": [ + [ + 889.5, + 671.5 + ], + [ + 889.5, + 664.5 + ], + [ + 859.5, + 665.5 + ], + [ + 859.5, + 671.5 + ] + ] + }, + { + "id": 37, + "name": "Terraria Bunny", + "description": "A bunny from the video game Terraria.", + "website": "", + "subreddit": "/r/terraria", + "center": [ + 874.5, + 659.5 + ], + "path": [ + [ + 874.5, + 652.5 + ], + [ + 869.5, + 652.5 + ], + [ + 867.5, + 659.5 + ], + [ + 869.5, + 664.5 + ], + [ + 881.5, + 664.5 + ], + [ + 883.5, + 660.5 + ], + [ + 875.5, + 656.5 + ] + ] + }, + { + "id": 38, + "name": "Cherry MX Blue Switch", + "description": "Cherry MX is the most popular line of keyswitches used in mechanical computer keyboards.", + "website": "", + "subreddit": "/r/MechanicalKeyboards", + "center": [ + 854.5, + 615.5 + ], + "path": [ + [ + 840.5, + 598.5 + ], + [ + 840.5, + 632.5 + ], + [ + 867.5, + 632.5 + ], + [ + 867.5, + 598.5 + ] + ] + }, + { + "id": 37, + "name": "Flag of Hong Kong", + "description": "", + "website": "", + "subreddit": "/r/hongkong", + "center": [ + 833.5, + 228.5 + ], + "path": [ + [ + 817.5, + 215.5 + ], + [ + 817.5, + 242.5 + ], + [ + 848.5, + 242.5 + ], + [ + 848.5, + 214.5 + ] + ] + }, + { + "id": 38, + "name": "Programming Puzzles and Code Golf", + "description": "Icon of the \"Programming Puzzles and Code Golf\" board of StackExchange", + "website": "https://codegolf.stackexchange.com/", + "subreddit": "", + "center": [ + 808.5, + 230.5 + ], + "path": [ + [ + 816.5, + 220.5 + ], + [ + 800.5, + 220.5 + ], + [ + 800.5, + 232.5 + ], + [ + 802.5, + 241.5 + ], + [ + 816.5, + 241.5 + ] + ] + }, + { + "id": 39, + "name": "Flag of Estonia", + "description": "", + "website": "", + "subreddit": "/r/eesti", + "center": [ + 357.5, + 634.5 + ], + "path": [ + [ + 320.5, + 620.5 + ], + [ + 394.5, + 620.5 + ], + [ + 394.5, + 639.5 + ], + [ + 394.5, + 647.5 + ], + [ + 320.5, + 647.5 + ] + ] + }, + { + "id": 40, + "name": "Tallinn", + "description": "The capital city of Estonia.", + "website": "", + "subreddit": "/r/eesti", + "center": [ + 301.5, + 633.5 + ], + "path": [ + [ + 320.5, + 620.5 + ], + [ + 282.5, + 620.5 + ], + [ + 282.5, + 646.5 + ], + [ + 320.5, + 646.5 + ] + ] + }, + { + "id": 41, + "name": "Flag of India", + "description": "", + "website": "", + "subreddit": "/r/india", + "center": [ + 242.5, + 644.5 + ], + "path": [ + [ + 203.5, + 672.5 + ], + [ + 280.5, + 672.5 + ], + [ + 280.5, + 616.5 + ], + [ + 203.5, + 616.5 + ] + ] + }, + { + "id": 42, + "name": "Flag of the USA", + "description": "", + "website": "", + "subreddit": "", + "center": [ + 501.5, + 506.5 + ], + "path": [ + [ + 431.5, + 467.5 + ], + [ + 571.5, + 467.5 + ], + [ + 571.5, + 546.5 + ], + [ + 432.5, + 545.5 + ] + ] + }, + { + "id": 43, + "name": "Flag of Japan", + "description": "", + "website": "", + "subreddit": "/r/japan", + "center": [ + 284.5, + 113.5 + ], + "path": [ + [ + 301.5, + 98.5 + ], + [ + 273.5, + 98.5 + ], + [ + 273.5, + 109.5 + ], + [ + 265.5, + 109.5 + ], + [ + 265.5, + 127.5 + ], + [ + 301.5, + 127.5 + ] + ] + }, + { + "id": 44, + "name": "Tokyo", + "description": "Tokyo is the capital city of Japan.", + "website": "", + "subreddit": "/r/tokyo", + "center": [ + 283.5, + 133.5 + ], + "path": [ + [ + 301.5, + 127.5 + ], + [ + 265.5, + 127.5 + ], + [ + 265.5, + 139.5 + ], + [ + 301.5, + 139.5 + ] + ] + }, + { + "id": 45, + "name": "Polandball", + "description": "/r/polandball is a subreddit for wiggly mouse-drawn comics where balls represent different countries. They poke fun at national stereotypes and the \"international drama\" of their diplomatic relations. ", + "website": "", + "subreddit": "/r/polandball", + "center": [ + 352.5, + 127.5 + ], + "path": [ + [ + 323.5, + 139.5 + ], + [ + 350.5, + 139.5 + ], + [ + 350.5, + 136.5 + ], + [ + 359.5, + 136.5 + ], + [ + 361.5, + 139.5 + ], + [ + 370.5, + 139.5 + ], + [ + 370.5, + 134.5 + ], + [ + 383.5, + 134.5 + ], + [ + 383.5, + 117.5 + ], + [ + 323.5, + 117.5 + ] + ] + }, + { + "id": 46, + "name": "Flag of Sweden", + "description": "", + "website": "", + "subreddit": "/r/sweden", + "center": [ + 698.5, + 83.5 + ], + "path": [ + [ + 539.5, + 50.5 + ], + [ + 872.5, + 50.5 + ], + [ + 872.5, + 97.5 + ], + [ + 829.5, + 97.5 + ], + [ + 829.5, + 112.5 + ], + [ + 795.5, + 112.5 + ], + [ + 779.5, + 106.5 + ], + [ + 773.5, + 108.5 + ], + [ + 764.5, + 115.5 + ], + [ + 761.5, + 120.5 + ], + [ + 654.5, + 120.5 + ], + [ + 654.5, + 117.5 + ], + [ + 539.5, + 117.5 + ] + ] + }, + { + "id": 47, + "name": "Flag of Norway", + "description": "", + "website": "", + "subreddit": "norge", + "center": [ + 438.5, + 82.5 + ], + "path": [ + [ + 539.5, + 132.5 + ], + [ + 539.5, + 50.5 + ], + [ + 408.5, + 52.5 + ], + [ + 407.5, + 76.5 + ], + [ + 326.5, + 76.5 + ], + [ + 326.5, + 51.5 + ], + [ + 278.5, + 51.5 + ], + [ + 278.5, + 98.5 + ], + [ + 323.5, + 98.5 + ], + [ + 323.5, + 90.5 + ], + [ + 352.5, + 90.5 + ], + [ + 365.5, + 80.5 + ], + [ + 378.5, + 80.5 + ], + [ + 387.5, + 90.5 + ], + [ + 408.5, + 90.5 + ], + [ + 408.5, + 78.5 + ], + [ + 470.5, + 79.5 + ], + [ + 470.5, + 122.5 + ], + [ + 490.5, + 122.5 + ], + [ + 490.5, + 132.5 + ] + ] + }, + { + "id": 48, + "name": "Flag of the Netherlands", + "description": "", + "website": "", + "subreddit": "/r/thenetherlands", + "center": [ + 496.5, + 24.5 + ], + "path": [ + [ + 333.5, + 0.5 + ], + [ + 333.5, + 50.5 + ], + [ + 377.5, + 50.5 + ], + [ + 377.5, + 30.5 + ], + [ + 386.5, + 30.5 + ], + [ + 386.5, + 15.5 + ], + [ + 443.5, + 15.5 + ], + [ + 443.5, + 50.5 + ], + [ + 635.5, + 50.5 + ], + [ + 635.5, + 0.5 + ] + ] + }, + { + "id": 49, + "name": "Flag of the Czech Republic", + "description": "", + "website": "", + "subreddit": "/r/czech", + "center": [ + 415.5, + 34.5 + ], + "path": [ + [ + 387.5, + 16.5 + ], + [ + 387.5, + 51.5 + ], + [ + 442.5, + 51.5 + ], + [ + 442.5, + 16.5 + ] + ] + }, + { + "id": 50, + "name": "Flag of Thailand", + "description": "", + "website": "", + "subreddit": "/r/thailand", + "center": [ + 309.5, + 152.5 + ], + "path": [ + [ + 286.5, + 164.5 + ], + [ + 332.5, + 164.5 + ], + [ + 332.5, + 139.5 + ], + [ + 323.5, + 139.5 + ], + [ + 314.5, + 147.5 + ], + [ + 310.5, + 147.5 + ], + [ + 301.5, + 139.5 + ], + [ + 286.5, + 139.5 + ] + ] + }, + { + "id": 51, + "name": "Zootopia", + "description": "Zootopia (also known as Zootropolis in some regions) is a 2016 American 3D computer-animated comedy-adventure film produced by Walt Disney Animation Studios and released by Walt Disney Pictures.", + "website": "", + "subreddit": "/r/zootopia", + "center": [ + 352.5, + 155.5 + ], + "path": [ + [ + 332.5, + 172.5 + ], + [ + 371.5, + 172.5 + ], + [ + 371.5, + 139.5 + ], + [ + 362.5, + 139.5 + ], + [ + 359.5, + 136.5 + ], + [ + 357.5, + 136.5 + ], + [ + 357.5, + 139.5 + ], + [ + 355.5, + 139.5 + ], + [ + 351.5, + 137.5 + ], + [ + 350.5, + 139.5 + ], + [ + 332.5, + 139.5 + ] + ] + }, + { + "id": 52, + "name": "Flag of Greece", + "description": "", + "website": "", + "subreddit": "/r/greece", + "center": [ + 397.5, + 169.5 + ], + "path": [ + [ + 381.5, + 159.5 + ], + [ + 381.5, + 180.5 + ], + [ + 412.5, + 180.5 + ], + [ + 412.5, + 174.5 + ], + [ + 417.5, + 170.5 + ], + [ + 417.5, + 167.5 + ], + [ + 412.5, + 166.5 + ], + [ + 412.5, + 159.5 + ] + ] + }, + { + "id": 53, + "name": "Flag of Turkey", + "description": "", + "website": "", + "subreddit": "/r/turkey", + "center": [ + 427.5, + 169.5 + ], + "path": [ + [ + 443.5, + 180.5 + ], + [ + 443.5, + 158.5 + ], + [ + 412.5, + 158.5 + ], + [ + 412.5, + 166.5 + ], + [ + 407.5, + 166.5 + ], + [ + 407.5, + 170.5 + ], + [ + 412.5, + 175.5 + ], + [ + 412.5, + 180.5 + ] + ] + }, + { + "id": 54, + "name": "Flag of Chile", + "description": "", + "website": "", + "subreddit": "/r/chile", + "center": [ + 648.5, + 657.5 + ], + "path": [ + [ + 626.5, + 642.5 + ], + [ + 668.5, + 642.5 + ], + [ + 668.5, + 675.5 + ], + [ + 639.5, + 675.5 + ], + [ + 639.5, + 667.5 + ], + [ + 626.5, + 667.5 + ] + ] + }, + { + "id": 55, + "name": "Flag of Scotland", + "description": "", + "website": "", + "subreddit": "/r/scotland", + "center": [ + 750.5, + 805.5 + ], + "path": [ + [ + 763.5, + 789.5 + ], + [ + 718.5, + 789.5 + ], + [ + 718.5, + 798.5 + ], + [ + 733.5, + 798.5 + ], + [ + 733.5, + 822.5 + ], + [ + 764.5, + 822.5 + ], + [ + 767.5, + 816.5 + ], + [ + 777.5, + 816.5 + ], + [ + 777.5, + 798.5 + ], + [ + 763.5, + 798.5 + ] + ] + }, + { + "id": 56, + "name": "Windows 95", + "description": "The task bar of the Windows 95 operating system with the iconic Start button and various open tasks referencing other people's work on /r/place.", + "website": "", + "subreddit": "/r/placestart", + "center": [ + 330.5, + 988.5 + ], + "path": [ + [ + 0.5, + 976.5 + ], + [ + 0.5, + 999.5 + ], + [ + 693.5, + 999.5 + ], + [ + 693.5, + 975.5 + ], + [ + 608.5, + 975.5 + ], + [ + 608.5, + 998.5 + ], + [ + 560.5, + 998.5 + ], + [ + 560.5, + 975.5 + ], + [ + 395.5, + 975.5 + ], + [ + 395.5, + 989.5 + ], + [ + 307.5, + 989.5 + ], + [ + 307.5, + 975.5 + ] + ] + }, + { + "id": 57, + "name": "Flag of Canada", + "description": "", + "website": "", + "subreddit": "/r/canada", + "center": [ + 318.5, + 257.5 + ], + "path": [ + [ + 284.5, + 236.5 + ], + [ + 284.5, + 278.5 + ], + [ + 352.5, + 278.5 + ], + [ + 352.5, + 236.5 + ] + ] + }, + { + "id": 58, + "name": "Yellow Submarine", + "description": "A reference to the 1966 song of the same name by the English rock band, the Beatles.", + "website": "", + "subreddit": "/r/TheBeatles", + "center": [ + 619.5, + 451.5 + ], + "path": [ + [ + 646.5, + 454.5 + ], + [ + 646.5, + 443.5 + ], + [ + 640.5, + 443.5 + ], + [ + 634.5, + 448.5 + ], + [ + 626.5, + 448.5 + ], + [ + 624.5, + 443.5 + ], + [ + 622.5, + 437.5 + ], + [ + 624.5, + 434.5 + ], + [ + 624.5, + 430.5 + ], + [ + 620.5, + 428.5 + ], + [ + 618.5, + 428.5 + ], + [ + 614.5, + 430.5 + ], + [ + 613.5, + 434.5 + ], + [ + 615.5, + 438.5 + ], + [ + 614.5, + 442.5 + ], + [ + 610.5, + 446.5 + ], + [ + 603.5, + 446.5 + ], + [ + 596.5, + 448.5 + ], + [ + 593.5, + 450.5 + ], + [ + 593.5, + 452.5 + ], + [ + 601.5, + 462.5 + ], + [ + 609.5, + 463.5 + ], + [ + 620.5, + 464.5 + ], + [ + 632.5, + 462.5 + ], + [ + 636.5, + 459.5 + ], + [ + 637.5, + 455.5 + ] + ] + }, + { + "id": 59, + "name": "PC Master Race", + "description": "The PC gaming subreddit /r/pcmasterrace", + "website": "", + "subreddit": "/r/pcmasterrace", + "center": [ + 163.5, + 158.5 + ], + "path": [ + [ + 184.5, + 172.5 + ], + [ + 184.5, + 155.5 + ], + [ + 190.5, + 155.5 + ], + [ + 195.5, + 150.5 + ], + [ + 195.5, + 139.5 + ], + [ + 192.5, + 136.5 + ], + [ + 180.5, + 135.5 + ], + [ + 151.5, + 155.5 + ], + [ + 124.5, + 155.5 + ], + [ + 124.5, + 172.5 + ] + ] + }, + { + "id": 60, + "name": "Soylent", + "description": "Soylent is a brand of meal replacement products that are advertised for consumption as \"staple meals\", and are available in the U.S. and Canada as a pre-mixed beverage or in powdered form for mixing with water.", + "website": "", + "subreddit": "/r/soylent", + "center": [ + 138.5, + 145.5 + ], + "path": [ + [ + 120.5, + 140.5 + ], + [ + 120.5, + 150.5 + ], + [ + 156.5, + 150.5 + ], + [ + 156.5, + 140.5 + ] + ] + }, + { + "id": 61, + "name": "Hearts", + "description": "What started with a few red hearts quickly became over one hundred hearts bearing the colors of flags and other things.", + "website": "", + "subreddit": "/r/placehearts", + "center": [ + 526.5, + 743.5 + ], + "path": [ + [ + 663.5, + 715.5 + ], + [ + 596.5, + 715.5 + ], + [ + 596.5, + 699.5 + ], + [ + 556.5, + 699.5 + ], + [ + 552.5, + 715.5 + ], + [ + 519.5, + 715.5 + ], + [ + 513.5, + 718.5 + ], + [ + 492.5, + 718.5 + ], + [ + 492.5, + 704.5 + ], + [ + 436.5, + 704.5 + ], + [ + 436.5, + 721.5 + ], + [ + 395.5, + 721.5 + ], + [ + 395.5, + 733.5 + ], + [ + 330.5, + 733.5 + ], + [ + 330.5, + 743.5 + ], + [ + 351.5, + 743.5 + ], + [ + 351.5, + 761.5 + ], + [ + 435.5, + 760.5 + ], + [ + 435.5, + 783.5 + ], + [ + 479.5, + 783.5 + ], + [ + 479.5, + 774.5 + ], + [ + 562.5, + 774.5 + ], + [ + 562.5, + 765.5 + ], + [ + 629.5, + 766.5 + ], + [ + 638.5, + 784.5 + ], + [ + 671.5, + 784.5 + ], + [ + 684.5, + 771.5 + ], + [ + 684.5, + 760.5 + ], + [ + 690.5, + 754.5 + ], + [ + 685.5, + 748.5 + ], + [ + 685.5, + 738.5 + ], + [ + 663.5, + 738.5 + ] + ] + }, + { + "id": 62, + "name": "The Original Heart", + "description": "The one that started /r/placehearts", + "website": "", + "subreddit": "/r/placehearts", + "center": [ + 467.5, + 754.5 + ], + "path": [ + [ + 471.5, + 749.5 + ], + [ + 463.5, + 749.5 + ], + [ + 461.5, + 751.5 + ], + [ + 461.5, + 755.5 + ], + [ + 467.5, + 761.5 + ], + [ + 473.5, + 755.5 + ], + [ + 473.5, + 751.5 + ] + ] + }, + { + "id": 63, + "name": "Flag of Wales", + "description": "", + "website": "", + "subreddit": "/r/wales", + "center": [ + 631.5, + 604.5 + ], + "path": [ + [ + 613.5, + 589.5 + ], + [ + 613.5, + 618.5 + ], + [ + 648.5, + 618.5 + ], + [ + 648.5, + 589.5 + ] + ] + }, + { + "id": 64, + "name": "Starbound", + "description": "Starbound is a 2D extraterrestrial sandbox adventure game developed by Chucklefish, a London-based independent game studio.", + "website": "", + "subreddit": "/r/starbound", + "center": [ + 915.5, + 367.5 + ], + "path": [ + [ + 898.5, + 357.5 + ], + [ + 898.5, + 377.5 + ], + [ + 932.5, + 377.5 + ], + [ + 932.5, + 357.5 + ] + ] + }, + { + "id": 65, + "name": "Flag of Croatia", + "description": "", + "website": "", + "subreddit": "/r/croatia", + "center": [ + 915.5, + 466.5 + ], + "path": [ + [ + 887.5, + 447.5 + ], + [ + 887.5, + 484.5 + ], + [ + 944.5, + 484.5 + ], + [ + 944.5, + 458.5 + ], + [ + 938.5, + 458.5 + ], + [ + 938.5, + 447.5 + ] + ] + } +]; + + +// sort by center.y, so that lines will overlap less +atlas.sort(function(a, b){ + if (a.center[1] < b.center[1]) { + return -1; + } + if (a.center[1] > b.center[1]) { + return 1; + } + // a must be equal to b + return 0; +}); + + +/* + +// Populate with test data + +for(var i = 0; i < 10000; i++){ + var x = ~~(Math.random() * 1000)+0.5; + var y = ~~(Math.random() * 1000)+0.5; + var w = ~~(Math.random()*100); + var h = ~~(Math.random()*100); + atlas.push({ + "id": 5, + "name": "test"+(i+3), + "website": "", + "subreddit": "", + "center": [0, 0], + "path":[ + [x, y], + [x+w, y], + [x+w, y+h], + [x, y+h] + ] + }); +} + +*/ + diff --git a/draw.js b/draw.js new file mode 100644 index 00000000..7e9ba607 --- /dev/null +++ b/draw.js @@ -0,0 +1,291 @@ + + + + +/* + ======================================================================== + The /r/place Atlas + + An Atlas of Reddit's /r/place, with information to each + artwork of the canvas provided by the community. + + Copyright (C) 2017 Roland Rytz + Licensed under the GNU Affero General Public License Version 3 + This program is free software: you can redistribute it and/or modify + it under the terms of the GNU Affero General Public License as + published by the Free Software Foundation, either version 3 of the + License, or (at your option) any later version. + This program is distributed in the hope that it will be useful, + but WITHOUT ANY WARRANTY; without even the implied warranty of + MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. + For more information, see: + https://draemm.li/various/place-atlas/license.txt + + ======================================================================== +*/ + + +function initDraw(){ + + var finishButton = document.getElementById("finishButton"); + var resetButton = document.getElementById("resetButton"); + var undoButton = document.getElementById("undoButton"); + var redoButton = document.getElementById("redoButton"); + + var objectInfoBox = document.getElementById("objectInfo"); + var hintText = document.getElementById("hint"); + + var exportButton = document.getElementById("exportButton"); + var cancelButton = document.getElementById("cancelButton"); + + var exportOverlay = document.getElementById("exportOverlay"); + var exportCloseButton = document.getElementById("exportCloseButton"); + + container.style.cursor = "crosshair"; + + var path = []; + var drawing = true; + + var undoHistory = []; + + var lastPos = [0, 0]; + + render(path); + + container.addEventListener("mousedown", function(e){ + lastPos = [ + e.clientX + ,e.clientY + ]; + }); + + container.addEventListener("mouseup", function(e){ + if(Math.abs(lastPos[0] - e.clientX) + Math.abs(lastPos[1] - e.clientY) <= 4 && drawing){ + path.push([ + ~~((e.clientX - (container.clientWidth/2 - innerContainer.clientWidth/2 + zoomOrigin[0]))/zoom)+0.5 + ,~~((e.clientY - (container.clientHeight/2 - innerContainer.clientHeight/2 + zoomOrigin[1]))/zoom)+0.5 + ]); + render(path); + + undoHistory = []; + redoButton.disabled = true; + undoButton.disabled = false; + + if(path.length >= 3){ + finishButton.disabled = false; + } + } + }); + + window.addEventListener("mousemove", function(e){ + if(!dragging && drawing){ + var last = [ + ~~((e.clientX - (container.clientWidth/2 - innerContainer.clientWidth/2 + zoomOrigin[0]))/zoom)+0.5 + ,~~((e.clientY - (container.clientHeight/2 - innerContainer.clientHeight/2 + zoomOrigin[1]))/zoom)+0.5 + ]; + render(path.concat([last])); + } + }); + + window.addEventListener("keyup", function(e){ + if(e.key == "Enter"){ + finish(); + } else if(e.key == "z" && e.ctrlKey){ + undo(); + } else if(e.key == "y" && e.ctrlKey){ + redo(); + } else if(e.key == "Escape"){ + exportOverlay.style.display = "none"; + } + }); + + finishButton.addEventListener("click", function(e){ + finish(); + }); + + undoButton.addEventListener("click", function(e){ + undo(); + }); + + redoButton.addEventListener("click", function(e){ + redo(); + }); + + resetButton.addEventListener("click", function(e){ + reset(); + }); + + cancelButton.addEventListener("click", function(e){ + reset(); + }); + + document.getElementById("nameField").addEventListener("keyup", function(e){ + if(e.key == "Enter"){ + exportJson(); + } + }); + + document.getElementById("websiteField").addEventListener("keyup", function(e){ + if(e.key == "Enter"){ + exportJson(); + } + }); + + document.getElementById("subredditField").addEventListener("keyup", function(e){ + if(e.key == "Enter"){ + exportJson(); + } + }); + + exportButton.addEventListener("click", function(e){ + exportJson(); + }); + + exportCloseButton.addEventListener("click", function(e){ + reset(); + exportOverlay.style.display = "none"; + }); + + function exportJson(){ + var exportObject = { + id: 0 + ,name: document.getElementById("nameField").value + ,description: document.getElementById("descriptionField").value + ,website: document.getElementById("websiteField").value + ,subreddit: document.getElementById("subredditField").value + ,center: calculateCenter(path) + ,path: path + }; + var jsonString = JSON.stringify(exportObject, null, "\t"); + var textarea = document.getElementById("exportString"); + jsonString = jsonString.split("\n"); + jsonString = jsonString.join("\n "); + jsonString = " "+jsonString; + textarea.value = jsonString; + + exportOverlay.style.display = "block"; + + textarea.focus(); + textarea.select(); + } + + function calculateCenter(path){ + + var area = 0, + i, + j, + point1, + point2; + + for (i = 0, j = path.length - 1; i < path.length; j=i,i++) { + point1 = path[i]; + point2 = path[j]; + area += point1[0] * point2[1]; + area -= point1[1] * point2[0]; + } + area *= 3; + + var x = 0, + y = 0, + f; + + for (i = 0, j = path.length - 1; i < path.length; j=i,i++) { + point1 = path[i]; + point2 = path[j]; + f = point1[0] * point2[1] - point2[0] * point1[1]; + x += (point1[0] + point2[0]) * f; + y += (point1[1] + point2[1]) * f; + } + + return [~~(x / area)+0.5, ~~(y / area)+0.5]; + + } + + function undo(){ + if(path.length > 0 && drawing){ + undoHistory.push(path.pop()); + redoButton.disabled = false; + if(path.length == 0){ + undoButton.disabled = true; + } + render(path); + } + } + + function redo(){ + if(undoHistory.length > 0 && drawing){ + path.push(undoHistory.pop()); + undoButton.disabled = false; + if(undoHistory.length == 0){ + redoButton.disabled = true; + } + render(path); + } + } + + function finish(){ + drawing = false; + render(path); + objectInfoBox.style.display = "block"; + hintText.style.display = "none"; + finishButton.style.display = "none"; + undoButton.style.display = "none"; + redoButton.style.display = "none"; + resetButton.style.display = "none"; + document.getElementById("nameField").focus(); + } + + function reset(){ + path = []; + undoHistory = []; + finishButton.disabled = true; + undoButton.disabled = true; // Maybe make it undo the cancel action in the future + redoButton.disabled = true; + drawing = true; + render(path); + objectInfoBox.style.display = "none"; + hintText.style.display = "block"; + finishButton.style.display = "block"; + undoButton.style.display = "block"; + redoButton.style.display = "block"; + resetButton.style.display = "block"; + + document.getElementById("nameField").value = ""; + document.getElementById("descriptionField").value = ""; + document.getElementById("websiteField").value = ""; + document.getElementById("subredditField").value = ""; + } + + function render(path){ + + context.globalCompositeOperation = "source-over"; + context.clearRect(0, 0, canvas.width, canvas.height); + + context.fillStyle = "rgba(0, 0, 0, 0.6)"; + context.fillRect(0, 0, canvas.width, canvas.height); + + context.beginPath(); + + if(path[0]){ + context.moveTo(path[0][0], path[0][1]); + } + + for(var i = 1; i < path.length; i++){ + context.lineTo(path[i][0], path[i][1]); + } + + context.closePath(); + + context.strokeStyle = "rgba(255, 255, 255, 1)"; + context.stroke(); + + context.globalCompositeOperation = "destination-out"; + + context.fillStyle = "rgba(0, 0, 0, 1)"; + context.fill(); + + } + +} + + diff --git a/index.html b/index.html new file mode 100644 index 00000000..a97f2790 --- /dev/null +++ b/index.html @@ -0,0 +1,130 @@ + + + + + + + + + + + The /r/place Atlas + + + + + + + + + +
+ +

The /r/place Atlas

+ +
+ +
+
+

The /r/place Atlas

+

This is an Atlas aiming to chart all the artworks created during the /r/place April's fools event on Reddit in 2017.

+

The code was developed by and is available under the free AGPL license on GitHub. +

How to contribute

+

Everybody is encouraged to collaborate in mapping all of /r/place on the Atlas.

+

To do so, head over to the Draw tab, draw the outline of the piece you want to submit, and post it on the /r/placeAtlas subreddit.

+

This is also the place to submit all bug reports, feature requests or questions.

+
+
+ +
+ +
+ + +
+
+ +
+
+ + +
+ + + +

Click anywhere on the image to start drawing a shape.

+

When you're happy with the result, click the "Finish" button above or press the Enter key.

+

You can then add more information about your object.

+ +
+ + + + + + + + +
+ + +
+
+
+ +
+ +
+ +
+
+

Please copy the text below and submit it as a
+ new text post to /r/placeAtlas on Reddit.

+

I will then check it and add it to the atlas.

+ + +
+
+ +
+ Code by . Source on GitHub. +
+ + + + + + + + + + diff --git a/license.txt b/license.txt new file mode 100644 index 00000000..dba13ed2 --- /dev/null +++ b/license.txt @@ -0,0 +1,661 @@ + GNU AFFERO GENERAL PUBLIC LICENSE + Version 3, 19 November 2007 + + Copyright (C) 2007 Free Software Foundation, Inc. + Everyone is permitted to copy and distribute verbatim copies + of this license document, but changing it is not allowed. + + Preamble + + The GNU Affero General Public License is a free, copyleft license for +software and other kinds of works, specifically designed to ensure +cooperation with the community in the case of network server software. + + The licenses for most software and other practical works are designed +to take away your freedom to share and change the works. By contrast, +our General Public Licenses are intended to guarantee your freedom to +share and change all versions of a program--to make sure it remains free +software for all its users. + + When we speak of free software, we are referring to freedom, not +price. Our General Public Licenses are designed to make sure that you +have the freedom to distribute copies of free software (and charge for +them if you wish), that you receive source code or can get it if you +want it, that you can change the software or use pieces of it in new +free programs, and that you know you can do these things. + + Developers that use our General Public Licenses protect your rights +with two steps: (1) assert copyright on the software, and (2) offer +you this License which gives you legal permission to copy, distribute +and/or modify the software. + + A secondary benefit of defending all users' freedom is that +improvements made in alternate versions of the program, if they +receive widespread use, become available for other developers to +incorporate. Many developers of free software are heartened and +encouraged by the resulting cooperation. However, in the case of +software used on network servers, this result may fail to come about. +The GNU General Public License permits making a modified version and +letting the public access it on a server without ever releasing its +source code to the public. + + The GNU Affero General Public License is designed specifically to +ensure that, in such cases, the modified source code becomes available +to the community. It requires the operator of a network server to +provide the source code of the modified version running there to the +users of that server. Therefore, public use of a modified version, on +a publicly accessible server, gives the public access to the source +code of the modified version. + + An older license, called the Affero General Public License and +published by Affero, was designed to accomplish similar goals. This is +a different license, not a version of the Affero GPL, but Affero has +released a new version of the Affero GPL which permits relicensing under +this license. + + The precise terms and conditions for copying, distribution and +modification follow. + + TERMS AND CONDITIONS + + 0. Definitions. + + "This License" refers to version 3 of the GNU Affero General Public License. + + "Copyright" also means copyright-like laws that apply to other kinds of +works, such as semiconductor masks. + + "The Program" refers to any copyrightable work licensed under this +License. Each licensee is addressed as "you". "Licensees" and +"recipients" may be individuals or organizations. + + To "modify" a work means to copy from or adapt all or part of the work +in a fashion requiring copyright permission, other than the making of an +exact copy. The resulting work is called a "modified version" of the +earlier work or a work "based on" the earlier work. + + A "covered work" means either the unmodified Program or a work based +on the Program. + + To "propagate" a work means to do anything with it that, without +permission, would make you directly or secondarily liable for +infringement under applicable copyright law, except executing it on a +computer or modifying a private copy. Propagation includes copying, +distribution (with or without modification), making available to the +public, and in some countries other activities as well. + + To "convey" a work means any kind of propagation that enables other +parties to make or receive copies. Mere interaction with a user through +a computer network, with no transfer of a copy, is not conveying. + + An interactive user interface displays "Appropriate Legal Notices" +to the extent that it includes a convenient and prominently visible +feature that (1) displays an appropriate copyright notice, and (2) +tells the user that there is no warranty for the work (except to the +extent that warranties are provided), that licensees may convey the +work under this License, and how to view a copy of this License. If +the interface presents a list of user commands or options, such as a +menu, a prominent item in the list meets this criterion. + + 1. Source Code. + + The "source code" for a work means the preferred form of the work +for making modifications to it. "Object code" means any non-source +form of a work. + + A "Standard Interface" means an interface that either is an official +standard defined by a recognized standards body, or, in the case of +interfaces specified for a particular programming language, one that +is widely used among developers working in that language. + + The "System Libraries" of an executable work include anything, other +than the work as a whole, that (a) is included in the normal form of +packaging a Major Component, but which is not part of that Major +Component, and (b) serves only to enable use of the work with that +Major Component, or to implement a Standard Interface for which an +implementation is available to the public in source code form. A +"Major Component", in this context, means a major essential component +(kernel, window system, and so on) of the specific operating system +(if any) on which the executable work runs, or a compiler used to +produce the work, or an object code interpreter used to run it. + + The "Corresponding Source" for a work in object code form means all +the source code needed to generate, install, and (for an executable +work) run the object code and to modify the work, including scripts to +control those activities. However, it does not include the work's +System Libraries, or general-purpose tools or generally available free +programs which are used unmodified in performing those activities but +which are not part of the work. For example, Corresponding Source +includes interface definition files associated with source files for +the work, and the source code for shared libraries and dynamically +linked subprograms that the work is specifically designed to require, +such as by intimate data communication or control flow between those +subprograms and other parts of the work. + + The Corresponding Source need not include anything that users +can regenerate automatically from other parts of the Corresponding +Source. + + The Corresponding Source for a work in source code form is that +same work. + + 2. Basic Permissions. + + All rights granted under this License are granted for the term of +copyright on the Program, and are irrevocable provided the stated +conditions are met. This License explicitly affirms your unlimited +permission to run the unmodified Program. The output from running a +covered work is covered by this License only if the output, given its +content, constitutes a covered work. This License acknowledges your +rights of fair use or other equivalent, as provided by copyright law. + + You may make, run and propagate covered works that you do not +convey, without conditions so long as your license otherwise remains +in force. You may convey covered works to others for the sole purpose +of having them make modifications exclusively for you, or provide you +with facilities for running those works, provided that you comply with +the terms of this License in conveying all material for which you do +not control copyright. Those thus making or running the covered works +for you must do so exclusively on your behalf, under your direction +and control, on terms that prohibit them from making any copies of +your copyrighted material outside their relationship with you. + + Conveying under any other circumstances is permitted solely under +the conditions stated below. Sublicensing is not allowed; section 10 +makes it unnecessary. + + 3. Protecting Users' Legal Rights From Anti-Circumvention Law. + + No covered work shall be deemed part of an effective technological +measure under any applicable law fulfilling obligations under article +11 of the WIPO copyright treaty adopted on 20 December 1996, or +similar laws prohibiting or restricting circumvention of such +measures. + + When you convey a covered work, you waive any legal power to forbid +circumvention of technological measures to the extent such circumvention +is effected by exercising rights under this License with respect to +the covered work, and you disclaim any intention to limit operation or +modification of the work as a means of enforcing, against the work's +users, your or third parties' legal rights to forbid circumvention of +technological measures. + + 4. Conveying Verbatim Copies. + + You may convey verbatim copies of the Program's source code as you +receive it, in any medium, provided that you conspicuously and +appropriately publish on each copy an appropriate copyright notice; +keep intact all notices stating that this License and any +non-permissive terms added in accord with section 7 apply to the code; +keep intact all notices of the absence of any warranty; and give all +recipients a copy of this License along with the Program. + + You may charge any price or no price for each copy that you convey, +and you may offer support or warranty protection for a fee. + + 5. Conveying Modified Source Versions. + + You may convey a work based on the Program, or the modifications to +produce it from the Program, in the form of source code under the +terms of section 4, provided that you also meet all of these conditions: + + a) The work must carry prominent notices stating that you modified + it, and giving a relevant date. + + b) The work must carry prominent notices stating that it is + released under this License and any conditions added under section + 7. This requirement modifies the requirement in section 4 to + "keep intact all notices". + + c) You must license the entire work, as a whole, under this + License to anyone who comes into possession of a copy. This + License will therefore apply, along with any applicable section 7 + additional terms, to the whole of the work, and all its parts, + regardless of how they are packaged. This License gives no + permission to license the work in any other way, but it does not + invalidate such permission if you have separately received it. + + d) If the work has interactive user interfaces, each must display + Appropriate Legal Notices; however, if the Program has interactive + interfaces that do not display Appropriate Legal Notices, your + work need not make them do so. + + A compilation of a covered work with other separate and independent +works, which are not by their nature extensions of the covered work, +and which are not combined with it such as to form a larger program, +in or on a volume of a storage or distribution medium, is called an +"aggregate" if the compilation and its resulting copyright are not +used to limit the access or legal rights of the compilation's users +beyond what the individual works permit. Inclusion of a covered work +in an aggregate does not cause this License to apply to the other +parts of the aggregate. + + 6. Conveying Non-Source Forms. + + You may convey a covered work in object code form under the terms +of sections 4 and 5, provided that you also convey the +machine-readable Corresponding Source under the terms of this License, +in one of these ways: + + a) Convey the object code in, or embodied in, a physical product + (including a physical distribution medium), accompanied by the + Corresponding Source fixed on a durable physical medium + customarily used for software interchange. + + b) Convey the object code in, or embodied in, a physical product + (including a physical distribution medium), accompanied by a + written offer, valid for at least three years and valid for as + long as you offer spare parts or customer support for that product + model, to give anyone who possesses the object code either (1) a + copy of the Corresponding Source for all the software in the + product that is covered by this License, on a durable physical + medium customarily used for software interchange, for a price no + more than your reasonable cost of physically performing this + conveying of source, or (2) access to copy the + Corresponding Source from a network server at no charge. + + c) Convey individual copies of the object code with a copy of the + written offer to provide the Corresponding Source. This + alternative is allowed only occasionally and noncommercially, and + only if you received the object code with such an offer, in accord + with subsection 6b. + + d) Convey the object code by offering access from a designated + place (gratis or for a charge), and offer equivalent access to the + Corresponding Source in the same way through the same place at no + further charge. You need not require recipients to copy the + Corresponding Source along with the object code. If the place to + copy the object code is a network server, the Corresponding Source + may be on a different server (operated by you or a third party) + that supports equivalent copying facilities, provided you maintain + clear directions next to the object code saying where to find the + Corresponding Source. Regardless of what server hosts the + Corresponding Source, you remain obligated to ensure that it is + available for as long as needed to satisfy these requirements. + + e) Convey the object code using peer-to-peer transmission, provided + you inform other peers where the object code and Corresponding + Source of the work are being offered to the general public at no + charge under subsection 6d. + + A separable portion of the object code, whose source code is excluded +from the Corresponding Source as a System Library, need not be +included in conveying the object code work. + + A "User Product" is either (1) a "consumer product", which means any +tangible personal property which is normally used for personal, family, +or household purposes, or (2) anything designed or sold for incorporation +into a dwelling. In determining whether a product is a consumer product, +doubtful cases shall be resolved in favor of coverage. For a particular +product received by a particular user, "normally used" refers to a +typical or common use of that class of product, regardless of the status +of the particular user or of the way in which the particular user +actually uses, or expects or is expected to use, the product. A product +is a consumer product regardless of whether the product has substantial +commercial, industrial or non-consumer uses, unless such uses represent +the only significant mode of use of the product. + + "Installation Information" for a User Product means any methods, +procedures, authorization keys, or other information required to install +and execute modified versions of a covered work in that User Product from +a modified version of its Corresponding Source. The information must +suffice to ensure that the continued functioning of the modified object +code is in no case prevented or interfered with solely because +modification has been made. + + If you convey an object code work under this section in, or with, or +specifically for use in, a User Product, and the conveying occurs as +part of a transaction in which the right of possession and use of the +User Product is transferred to the recipient in perpetuity or for a +fixed term (regardless of how the transaction is characterized), the +Corresponding Source conveyed under this section must be accompanied +by the Installation Information. But this requirement does not apply +if neither you nor any third party retains the ability to install +modified object code on the User Product (for example, the work has +been installed in ROM). + + The requirement to provide Installation Information does not include a +requirement to continue to provide support service, warranty, or updates +for a work that has been modified or installed by the recipient, or for +the User Product in which it has been modified or installed. Access to a +network may be denied when the modification itself materially and +adversely affects the operation of the network or violates the rules and +protocols for communication across the network. + + Corresponding Source conveyed, and Installation Information provided, +in accord with this section must be in a format that is publicly +documented (and with an implementation available to the public in +source code form), and must require no special password or key for +unpacking, reading or copying. + + 7. Additional Terms. + + "Additional permissions" are terms that supplement the terms of this +License by making exceptions from one or more of its conditions. +Additional permissions that are applicable to the entire Program shall +be treated as though they were included in this License, to the extent +that they are valid under applicable law. If additional permissions +apply only to part of the Program, that part may be used separately +under those permissions, but the entire Program remains governed by +this License without regard to the additional permissions. + + When you convey a copy of a covered work, you may at your option +remove any additional permissions from that copy, or from any part of +it. (Additional permissions may be written to require their own +removal in certain cases when you modify the work.) You may place +additional permissions on material, added by you to a covered work, +for which you have or can give appropriate copyright permission. + + Notwithstanding any other provision of this License, for material you +add to a covered work, you may (if authorized by the copyright holders of +that material) supplement the terms of this License with terms: + + a) Disclaiming warranty or limiting liability differently from the + terms of sections 15 and 16 of this License; or + + b) Requiring preservation of specified reasonable legal notices or + author attributions in that material or in the Appropriate Legal + Notices displayed by works containing it; or + + c) Prohibiting misrepresentation of the origin of that material, or + requiring that modified versions of such material be marked in + reasonable ways as different from the original version; or + + d) Limiting the use for publicity purposes of names of licensors or + authors of the material; or + + e) Declining to grant rights under trademark law for use of some + trade names, trademarks, or service marks; or + + f) Requiring indemnification of licensors and authors of that + material by anyone who conveys the material (or modified versions of + it) with contractual assumptions of liability to the recipient, for + any liability that these contractual assumptions directly impose on + those licensors and authors. + + All other non-permissive additional terms are considered "further +restrictions" within the meaning of section 10. If the Program as you +received it, or any part of it, contains a notice stating that it is +governed by this License along with a term that is a further +restriction, you may remove that term. If a license document contains +a further restriction but permits relicensing or conveying under this +License, you may add to a covered work material governed by the terms +of that license document, provided that the further restriction does +not survive such relicensing or conveying. + + If you add terms to a covered work in accord with this section, you +must place, in the relevant source files, a statement of the +additional terms that apply to those files, or a notice indicating +where to find the applicable terms. + + Additional terms, permissive or non-permissive, may be stated in the +form of a separately written license, or stated as exceptions; +the above requirements apply either way. + + 8. Termination. + + You may not propagate or modify a covered work except as expressly +provided under this License. Any attempt otherwise to propagate or +modify it is void, and will automatically terminate your rights under +this License (including any patent licenses granted under the third +paragraph of section 11). + + However, if you cease all violation of this License, then your +license from a particular copyright holder is reinstated (a) +provisionally, unless and until the copyright holder explicitly and +finally terminates your license, and (b) permanently, if the copyright +holder fails to notify you of the violation by some reasonable means +prior to 60 days after the cessation. + + Moreover, your license from a particular copyright holder is +reinstated permanently if the copyright holder notifies you of the +violation by some reasonable means, this is the first time you have +received notice of violation of this License (for any work) from that +copyright holder, and you cure the violation prior to 30 days after +your receipt of the notice. + + Termination of your rights under this section does not terminate the +licenses of parties who have received copies or rights from you under +this License. If your rights have been terminated and not permanently +reinstated, you do not qualify to receive new licenses for the same +material under section 10. + + 9. Acceptance Not Required for Having Copies. + + You are not required to accept this License in order to receive or +run a copy of the Program. Ancillary propagation of a covered work +occurring solely as a consequence of using peer-to-peer transmission +to receive a copy likewise does not require acceptance. However, +nothing other than this License grants you permission to propagate or +modify any covered work. These actions infringe copyright if you do +not accept this License. Therefore, by modifying or propagating a +covered work, you indicate your acceptance of this License to do so. + + 10. Automatic Licensing of Downstream Recipients. + + Each time you convey a covered work, the recipient automatically +receives a license from the original licensors, to run, modify and +propagate that work, subject to this License. You are not responsible +for enforcing compliance by third parties with this License. + + An "entity transaction" is a transaction transferring control of an +organization, or substantially all assets of one, or subdividing an +organization, or merging organizations. If propagation of a covered +work results from an entity transaction, each party to that +transaction who receives a copy of the work also receives whatever +licenses to the work the party's predecessor in interest had or could +give under the previous paragraph, plus a right to possession of the +Corresponding Source of the work from the predecessor in interest, if +the predecessor has it or can get it with reasonable efforts. + + You may not impose any further restrictions on the exercise of the +rights granted or affirmed under this License. For example, you may +not impose a license fee, royalty, or other charge for exercise of +rights granted under this License, and you may not initiate litigation +(including a cross-claim or counterclaim in a lawsuit) alleging that +any patent claim is infringed by making, using, selling, offering for +sale, or importing the Program or any portion of it. + + 11. Patents. + + A "contributor" is a copyright holder who authorizes use under this +License of the Program or a work on which the Program is based. The +work thus licensed is called the contributor's "contributor version". + + A contributor's "essential patent claims" are all patent claims +owned or controlled by the contributor, whether already acquired or +hereafter acquired, that would be infringed by some manner, permitted +by this License, of making, using, or selling its contributor version, +but do not include claims that would be infringed only as a +consequence of further modification of the contributor version. For +purposes of this definition, "control" includes the right to grant +patent sublicenses in a manner consistent with the requirements of +this License. + + Each contributor grants you a non-exclusive, worldwide, royalty-free +patent license under the contributor's essential patent claims, to +make, use, sell, offer for sale, import and otherwise run, modify and +propagate the contents of its contributor version. + + In the following three paragraphs, a "patent license" is any express +agreement or commitment, however denominated, not to enforce a patent +(such as an express permission to practice a patent or covenant not to +sue for patent infringement). To "grant" such a patent license to a +party means to make such an agreement or commitment not to enforce a +patent against the party. + + If you convey a covered work, knowingly relying on a patent license, +and the Corresponding Source of the work is not available for anyone +to copy, free of charge and under the terms of this License, through a +publicly available network server or other readily accessible means, +then you must either (1) cause the Corresponding Source to be so +available, or (2) arrange to deprive yourself of the benefit of the +patent license for this particular work, or (3) arrange, in a manner +consistent with the requirements of this License, to extend the patent +license to downstream recipients. "Knowingly relying" means you have +actual knowledge that, but for the patent license, your conveying the +covered work in a country, or your recipient's use of the covered work +in a country, would infringe one or more identifiable patents in that +country that you have reason to believe are valid. + + If, pursuant to or in connection with a single transaction or +arrangement, you convey, or propagate by procuring conveyance of, a +covered work, and grant a patent license to some of the parties +receiving the covered work authorizing them to use, propagate, modify +or convey a specific copy of the covered work, then the patent license +you grant is automatically extended to all recipients of the covered +work and works based on it. + + A patent license is "discriminatory" if it does not include within +the scope of its coverage, prohibits the exercise of, or is +conditioned on the non-exercise of one or more of the rights that are +specifically granted under this License. You may not convey a covered +work if you are a party to an arrangement with a third party that is +in the business of distributing software, under which you make payment +to the third party based on the extent of your activity of conveying +the work, and under which the third party grants, to any of the +parties who would receive the covered work from you, a discriminatory +patent license (a) in connection with copies of the covered work +conveyed by you (or copies made from those copies), or (b) primarily +for and in connection with specific products or compilations that +contain the covered work, unless you entered into that arrangement, +or that patent license was granted, prior to 28 March 2007. + + Nothing in this License shall be construed as excluding or limiting +any implied license or other defenses to infringement that may +otherwise be available to you under applicable patent law. + + 12. No Surrender of Others' Freedom. + + If conditions are imposed on you (whether by court order, agreement or +otherwise) that contradict the conditions of this License, they do not +excuse you from the conditions of this License. If you cannot convey a +covered work so as to satisfy simultaneously your obligations under this +License and any other pertinent obligations, then as a consequence you may +not convey it at all. For example, if you agree to terms that obligate you +to collect a royalty for further conveying from those to whom you convey +the Program, the only way you could satisfy both those terms and this +License would be to refrain entirely from conveying the Program. + + 13. Remote Network Interaction; Use with the GNU General Public License. + + Notwithstanding any other provision of this License, if you modify the +Program, your modified version must prominently offer all users +interacting with it remotely through a computer network (if your version +supports such interaction) an opportunity to receive the Corresponding +Source of your version by providing access to the Corresponding Source +from a network server at no charge, through some standard or customary +means of facilitating copying of software. This Corresponding Source +shall include the Corresponding Source for any work covered by version 3 +of the GNU General Public License that is incorporated pursuant to the +following paragraph. + + Notwithstanding any other provision of this License, you have +permission to link or combine any covered work with a work licensed +under version 3 of the GNU General Public License into a single +combined work, and to convey the resulting work. The terms of this +License will continue to apply to the part which is the covered work, +but the work with which it is combined will remain governed by version +3 of the GNU General Public License. + + 14. Revised Versions of this License. + + The Free Software Foundation may publish revised and/or new versions of +the GNU Affero General Public License from time to time. Such new versions +will be similar in spirit to the present version, but may differ in detail to +address new problems or concerns. + + Each version is given a distinguishing version number. If the +Program specifies that a certain numbered version of the GNU Affero General +Public License "or any later version" applies to it, you have the +option of following the terms and conditions either of that numbered +version or of any later version published by the Free Software +Foundation. If the Program does not specify a version number of the +GNU Affero General Public License, you may choose any version ever published +by the Free Software Foundation. + + If the Program specifies that a proxy can decide which future +versions of the GNU Affero General Public License can be used, that proxy's +public statement of acceptance of a version permanently authorizes you +to choose that version for the Program. + + Later license versions may give you additional or different +permissions. However, no additional obligations are imposed on any +author or copyright holder as a result of your choosing to follow a +later version. + + 15. Disclaimer of Warranty. + + THERE IS NO WARRANTY FOR THE PROGRAM, TO THE EXTENT PERMITTED BY +APPLICABLE LAW. EXCEPT WHEN OTHERWISE STATED IN WRITING THE COPYRIGHT +HOLDERS AND/OR OTHER PARTIES PROVIDE THE PROGRAM "AS IS" WITHOUT WARRANTY +OF ANY KIND, EITHER EXPRESSED OR IMPLIED, INCLUDING, BUT NOT LIMITED TO, +THE IMPLIED WARRANTIES OF MERCHANTABILITY AND FITNESS FOR A PARTICULAR +PURPOSE. THE ENTIRE RISK AS TO THE QUALITY AND PERFORMANCE OF THE PROGRAM +IS WITH YOU. SHOULD THE PROGRAM PROVE DEFECTIVE, YOU ASSUME THE COST OF +ALL NECESSARY SERVICING, REPAIR OR CORRECTION. + + 16. Limitation of Liability. + + IN NO EVENT UNLESS REQUIRED BY APPLICABLE LAW OR AGREED TO IN WRITING +WILL ANY COPYRIGHT HOLDER, OR ANY OTHER PARTY WHO MODIFIES AND/OR CONVEYS +THE PROGRAM AS PERMITTED ABOVE, BE LIABLE TO YOU FOR DAMAGES, INCLUDING ANY +GENERAL, SPECIAL, INCIDENTAL OR CONSEQUENTIAL DAMAGES ARISING OUT OF THE +USE OR INABILITY TO USE THE PROGRAM (INCLUDING BUT NOT LIMITED TO LOSS OF +DATA OR DATA BEING RENDERED INACCURATE OR LOSSES SUSTAINED BY YOU OR THIRD +PARTIES OR A FAILURE OF THE PROGRAM TO OPERATE WITH ANY OTHER PROGRAMS), +EVEN IF SUCH HOLDER OR OTHER PARTY HAS BEEN ADVISED OF THE POSSIBILITY OF +SUCH DAMAGES. + + 17. Interpretation of Sections 15 and 16. + + If the disclaimer of warranty and limitation of liability provided +above cannot be given local legal effect according to their terms, +reviewing courts shall apply local law that most closely approximates +an absolute waiver of all civil liability in connection with the +Program, unless a warranty or assumption of liability accompanies a +copy of the Program in return for a fee. + + END OF TERMS AND CONDITIONS + + How to Apply These Terms to Your New Programs + + If you develop a new program, and you want it to be of the greatest +possible use to the public, the best way to achieve this is to make it +free software which everyone can redistribute and change under these terms. + + To do so, attach the following notices to the program. It is safest +to attach them to the start of each source file to most effectively +state the exclusion of warranty; and each file should have at least +the "copyright" line and a pointer to where the full notice is found. + + + Copyright (C) + + This program is free software: you can redistribute it and/or modify + it under the terms of the GNU Affero General Public License as published by + the Free Software Foundation, either version 3 of the License, or + (at your option) any later version. + + This program is distributed in the hope that it will be useful, + but WITHOUT ANY WARRANTY; without even the implied warranty of + MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the + GNU Affero General Public License for more details. + + You should have received a copy of the GNU Affero General Public License + along with this program. If not, see . + +Also add information on how to contact you by electronic and paper mail. + + If your software can interact with users remotely through a computer +network, you should also make sure that it provides a way for users to +get its source. For example, if your program is a web application, its +interface could display a "Source" link that leads users to an archive +of the code. There are many ways you could offer source, and different +solutions will be better for different programs; see section 13 for the +specific requirements. + + You should also get your employer (if you work as a programmer) or school, +if any, to sign a "copyright disclaimer" for the program, if necessary. +For more information on this, and how to apply and follow the GNU AGPL, see +. diff --git a/logo.png b/logo.png new file mode 100644 index 00000000..6d6cd5f7 Binary files /dev/null and b/logo.png differ diff --git a/main.js b/main.js new file mode 100644 index 00000000..694167f6 --- /dev/null +++ b/main.js @@ -0,0 +1,169 @@ + + + +/* + ======================================================================== + The /r/place Atlas + + An Atlas of Reddit's /r/place, with information to each + artwork of the canvas provided by the community. + + Copyright (C) 2017 Roland Rytz + Licensed under the GNU Affero General Public License Version 3 + This program is free software: you can redistribute it and/or modify + it under the terms of the GNU Affero General Public License as + published by the Free Software Foundation, either version 3 of the + License, or (at your option) any later version. + This program is distributed in the hope that it will be useful, + but WITHOUT ANY WARRANTY; without even the implied warranty of + MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. + For more information, see: + https://draemm.li/various/place-atlas/license.txt + + ======================================================================== +*/ + + +var innerContainer = document.getElementById("innerContainer"); +var container = document.getElementById("container"); +var canvas = document.getElementById("highlightCanvas"); +var context = canvas.getContext("2d"); + +var zoom = 1; +var zoomOrigin = [0, 50]; + +var dragging = false; +var lastPosition = [0, 0]; + + +init(); + +function init(){ + + var mode = "view"; + + var args = window.location.search; + if(args){ + mode = args.split("mode=")[1]; + if(mode){ + mode = mode.split("&")[0]; + } else { + mode = "view"; + } + } + + if(mode=="view"){ + document.getElementById("viewLink").className = "current"; + document.getElementById("drawLink").className = ""; + document.getElementById("aboutLink").className = ""; + document.getElementById("drawControls").style.display = "none"; + document.getElementById("aboutContainer").style.display = "none"; + + initView(); + + } else if(mode=="draw"){ + document.getElementById("viewLink").className = ""; + document.getElementById("drawLink").className = "current"; + document.getElementById("aboutLink").className = ""; + document.getElementById("drawControls").style.display = "block"; + document.getElementById("aboutContainer").style.display = "none"; + + initDraw(); + } else if(mode=="about"){ + document.getElementById("viewLink").className = ""; + document.getElementById("drawLink").className = ""; + document.getElementById("aboutLink").className = "current"; + document.getElementById("drawControls").style.display = "none"; + document.getElementById("aboutContainer").style.display = "block"; + } + + applyView(); + + function applyView(){ + + //console.log(zoom); + + innerContainer.style.height = (zoom*1000)+"px"; + innerContainer.style.width = (zoom*1000)+"px"; + + innerContainer.style.left = (container.clientWidth/2 - innerContainer.clientWidth/2 + zoomOrigin[0])+"px"; + innerContainer.style.top = (container.clientHeight/2 - innerContainer.clientHeight/2 + zoomOrigin[1])+"px"; + } + + function zoomOut(x, y){ + + zoomOrigin[0] += x - container.clientWidth/2;//((x/container.clientWidth)*2-1); + zoomOrigin[1] += y - container.clientHeight/2;//((y/container.clientHeight)*2-1); + + zoomOrigin[0] = zoomOrigin[0]/2; + zoomOrigin[1] = zoomOrigin[1]/2; + + zoom = zoom / 2; + + applyView(); + } + + function zoomIn(x, y){ + + zoomOrigin[0] = zoomOrigin[0]*2; + zoomOrigin[1] = zoomOrigin[1]*2; + + zoomOrigin[0] -= x - container.clientWidth/2;//((x/container.clientWidth)*2-1); + zoomOrigin[1] -= y - container.clientHeight/2;//((y/container.clientHeight)*2-1); + + zoom = zoom * 2; + + applyView(); + } + + container.addEventListener("dblclick", function(e){ + if(e.ctrlKey){ + + zoomOut(e.layerX, e.layerY); + + } else { + + zoomIn(e.layerX, e.layerY); + } + }); + + + container.addEventListener("wheel", function(e){ + + if(e.deltaY > 0){ + + zoomOut(e.layerX, e.layerY); + + } else if(e.deltaY < 0){ + + zoomIn(e.layerX, e.layerY); + } + }); + + container.addEventListener("mousedown", function(e){ + lastPosition = [e.clientX, e.clientY]; + dragging = true; + }); + + window.addEventListener("mousemove", function(e){ + if(dragging){ + var deltaX = e.clientX - lastPosition[0]; + var deltaY = e.clientY - lastPosition[1]; + lastPosition = [e.clientX, e.clientY]; + + zoomOrigin[0] += deltaX; + zoomOrigin[1] += deltaY; + + applyView(); + } + }); + + window.addEventListener("mouseup", function(e){ + if(dragging){ + dragging = false; + } + }); + + window.addEventListener("resize", applyView); + +} diff --git a/place.png b/place.png new file mode 100644 index 00000000..c1731eae Binary files /dev/null and b/place.png differ diff --git a/pointInPolygon.js b/pointInPolygon.js new file mode 100644 index 00000000..8ee2ac3b --- /dev/null +++ b/pointInPolygon.js @@ -0,0 +1,47 @@ +/* + +The MIT License (MIT) + +Copyright (c) 2016 James Halliday + +Permission is hereby granted, free of charge, to any person obtaining a copy +of this software and associated documentation files (the "Software"), to deal +in the Software without restriction, including without limitation the rights +to use, copy, modify, merge, publish, distribute, sublicense, and/or sell +copies of the Software, and to permit persons to whom the Software is +furnished to do so, subject to the following conditions: + +The above copyright notice and this permission notice shall be included in all +copies or substantial portions of the Software. + +THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR +IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, +FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE +AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER +LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, +OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE +SOFTWARE. + +*/ + + + + +function pointIsInPolygon (point, polygon) { + // ray-casting algorithm based on + // http://www.ecse.rpi.edu/Homepages/wrf/Research/Short_Notes/pnpoly.html + + var x = point[0], y = point[1]; + + var inside = false; + for (var i = 0, j = polygon.length - 1; i < polygon.length; j = i++) { + var xi = polygon[i][0], yi = polygon[i][1]; + var xj = polygon[j][0], yj = polygon[j][1]; + + var intersect = ((yi > y) != (yj > y)) + && (x < (xj - xi) * (y - yi) / (yj - yi) + xi); + if (intersect) inside = !inside; + } + + return inside; +}; diff --git a/style.css b/style.css new file mode 100644 index 00000000..03f86de7 --- /dev/null +++ b/style.css @@ -0,0 +1,389 @@ + + + +/* + ======================================================================== + The /r/place Atlas + + An Atlas of Reddit's /r/place, with information to each + artwork of the canvas provided by the community. + + Copyright (C) 2017 Roland Rytz + Licensed under the GNU Affero General Public License Version 3 + This program is free software: you can redistribute it and/or modify + it under the terms of the GNU Affero General Public License as + published by the Free Software Foundation, either version 3 of the + License, or (at your option) any later version. + This program is distributed in the hope that it will be useful, + but WITHOUT ANY WARRANTY; without even the implied warranty of + MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. + For more information, see: + https://draemm.li/various/place-atlas/license.txt + + ======================================================================== +*/ + + +*{ + margin: 0px; + padding: 0px; + border: none; + box-sizing: border-box; +} + +html, body{ + height: 100%; + width: 100%; +} + +body{ + font-family: sans; + background-color: #333333; + color: #FFFFFF; + overflow: hidden; +} + +a{ + color: #FFAA00; + text-decoration: none; +} + +a:hover{ + text-decoration: underline; +} + +button{ + background-image: linear-gradient(to bottom, #888888, #666666); + border: 1px #000000 solid; + color: #FFFFFF; + text-align: center; + display: inline-block; + padding: 5px; + cursor: pointer; +} + +button:disabled, +button:disabled:hover{ + background-image: none; + background-color: #666666; + color: #AAAAAA; + cursor: default; +} + +button:hover{ + background-image: linear-gradient(to bottom, #999999, #777777); +} + +input[type="text"], +textArea{ + background-color: #444444; + border: 1px #000000 solid; + margin-bottom: 4px; + padding: 5px 5px; + color: #FFFFFF; + box-sizing: border-box; +} + +input[type="text"]{ + height: 25px; +} + +#logo{ + padding: 3px; + /*background-color: #FFFFFF;*/ +} + +h1{ + font-weight: 300; + padding: 5px 10px; + display: block; + vertical-align: center; +} + +header{ + width: 100%; + height: 50px; + background-color: #555555; + border-bottom: 1px #000000 solid; + z-index: 1000; + display: flex; +} + +header nav{ + display: block; + margin-top: 20px; +} + +header nav a{ + display: inline-block; + height: 30px; + width: 100px; + background-image: linear-gradient(to bottom, #888888, #666666); + border: 1px #000000 solid; + color: #FFFFFF; + text-align: center; + text-decoration: none; + cursor: pointer; + padding: 5px; +} + +header nav a:hover{ + background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.6), rgba(180, 180, 180, 0.5)); +} + +header nav a.current{ + background-image: none; + background: #333333; + border-bottom: 1px #333333 solid; + outline: none; +} + +#linesCanvas{ + position: absolute; + height: calc(100% - 50px); + width: 100%; + z-index: -500; +} + +#container{ + width: 100%; + height: calc(100% - 50px); +} + +#innerContainer{ + height: 1000px; + width: 1000px; + position: absolute; + z-index: -1000; +} + +#image{ + position: absolute; + height: 100%; + width: 100%; + z-index: -1500; + image-rendering: -moz-crisp-edges; + image-rendering: pixelated; + -ms-interpolation-mode: nearest-neighbor; +} + +#highlightCanvas{ + z-index: -1200; + position: absolute; + height: 100%; + width: 100%; + image-rendering: -moz-crisp-edges; + image-rendering: pixelated; + -ms-interpolation-mode: nearest-neighbor; +} + +#objectsList{ + width: 300px; + position: absolute; + left: 0px; + top: 50px; + padding: 0px; + max-height: calc(100% - 50px); + overflow-y: auto; +} + +.object{ + background-color: #555555; + border: 1px #000000 solid; + margin: 10px 0px 0px 10px; + padding: 10px; +} + +.object *{ + display: block; +} + +.object h2{ + font-size: 20px; + background-color: #666666; + text-shadow: 1px 1px 0px #000000; + padding: 3px 10px; + margin: 0px -10px 10px -10px; + font-weight: 300; +} + +.object a{ + background-color: #666666; + text-align: center; + padding: 3px; + margin-bottom: 5px; +} + +.object a:hover{ + background-color: #777777; + text-decoration: none; +} + +.object p{ + margin-bottom: 10px; +} + +#drawControls{ + width: 200px; + max-height: 400px; + background-color: #555555; + border: 1px #000000 solid; + position: absolute; + left: 10px; + top: 60px; + bottom: 10px; + padding: 15px; + overflow-y: auto; + display: none; +} + +#drawControls > *{ + width: 100%; + display: flex; + justify-content: center; + margin-bottom: 5px; +} + +#drawControls > * > *{ + flex-grow: 1; + margin-right: 5px; +} + +#drawControls > * > *:last-child{ + margin-right: 0px; +} + +#hint{ + display: block; +} + +#hint p{ + margin-bottom: 10px; +} + +#objectInfo{ + display: none; +} + +#objectInfo input{ + width: 100%; +} + +#descriptionField{ + width: 168px; + height: 70px; +} + +#infoButtons{ + display: flex; + margin-top: 10px; +} + +#infoButtons button{ + width: 50px; + flex-grow: 1; + margin-right: 10px; +} + +#infoButtons button:last-child{ + margin-right: 0px; +} + +.overlay{ + position: absolute; + top: 0px; + left: 0px; + right: 0px; + bottom: 0px; + background-color: rgba(0, 0, 0, 0.8); +} + +#exportWindow{ + margin: 50px auto; + padding: 10px; + width: 100%; + height: calc(100% - 100px); + max-width: 500px; + /*max-height: 300px*/; + + border: 1px #000000 solid; + background-color: #555555; + + display: flex; + flex-direction: column; + overflow-y: auto; +} + +#exportWindow *{ + flex-shrink: 0; + margin-bottom: 10px; +} + +#exportWindow p{ + +} + +#exportString{ + flex-grow: 1; + flex-shrink: 0; +} + +#exportCloseButton{ + margin-bottom: 0px; + width: 100px; + align-self: flex-end; +} + +#exportOverlay{ + display: none; +} + +#author{ + position: absolute; + bottom: 10px; + right: 10px; + background-color: rgba(128, 128, 128, 0.2); + padding: 3px; + font-size: 12px; +} + +#aboutContainer{ + position: absolute; + top: 50px; + left: 0px; + right: 0px; + bottom: 0px; + background-color: #333333; + display: none; +} + +#about{ + margin: 0px auto; + width: 100%; + max-width: 1000px; +} + +#about h2{ + font-weight: 300; + font-size: 30px; + margin-top: 30px; +} + + + + + + + + + + + + + + + + + + + diff --git a/view.js b/view.js new file mode 100644 index 00000000..e5fdbcd9 --- /dev/null +++ b/view.js @@ -0,0 +1,251 @@ + + + +/* + ======================================================================== + The /r/place Atlas + + An Atlas of Reddit's /r/place, with information to each + artwork of the canvas provided by the community. + + Copyright (C) 2017 Roland Rytz + Licensed under the GNU Affero General Public License Version 3 + This program is free software: you can redistribute it and/or modify + it under the terms of the GNU Affero General Public License as + published by the Free Software Foundation, either version 3 of the + License, or (at your option) any later version. + This program is distributed in the hope that it will be useful, + but WITHOUT ANY WARRANTY; without even the implied warranty of + MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. + For more information, see: + https://draemm.li/various/place-atlas/license.txt + + ======================================================================== +*/ + + +function initView(){ + + var objectsContainer = document.getElementById("objectsList"); + + var linesCanvas = document.getElementById("linesCanvas"); + var linesContext = linesCanvas.getContext("2d"); + + var backgroundCanvas = document.createElement("canvas"); + backgroundCanvas.width = 1000; + backgroundCanvas.height = 1000; + var backgroundContext = backgroundCanvas.getContext("2d"); + + var hovered = []; + + var lastPos = [0, 0]; + + var fixed = false; // Fix hovered items in place, so that clicking on links is possible + + renderBackground(); + render(); + + container.addEventListener("mousemove", function(e){ + updateHovering(e); + }); + + function updateHovering(e){ + if(!dragging && !fixed){ + var pos = [ + (e.clientX - (container.clientWidth/2 - innerContainer.clientWidth/2 + zoomOrigin[0]))/zoom + ,(e.clientY - (container.clientHeight/2 - innerContainer.clientHeight/2 + zoomOrigin[1]))/zoom + ]; + + if(pos[0] <= 1000 && pos[0] >= 0 && pos[0] <= 1000 && pos[0] >= 0){ + var newHovered = []; + for(var i = 0; i < atlas.length; i++){ + if(pointIsInPolygon(pos, atlas[i].path)){ + newHovered.push(atlas[i]); + } + } + + var changed = false; + + if(hovered.length == newHovered.length){ + for(var i = 0; i < hovered.length; i++){ + if(hovered[i].id != newHovered[i].id){ + changed = true; + break; + } + } + } else { + changed = true; + } + + if(changed){ + hovered = newHovered; + render(); + } + } + } + } + + function renderBackground(){ + + backgroundContext.clearRect(0, 0, canvas.width, canvas.height); + + backgroundContext.fillStyle = "rgba(0, 0, 0, 0.6)"; + backgroundContext.fillRect(0, 0, canvas.width, canvas.height); + + for(var i = 0; i < atlas.length; i++){ + + var path = atlas[i].path; + + backgroundContext.beginPath(); + + if(path[0]){ + backgroundContext.moveTo(path[0][0], path[0][1]); + } + + for(var p = 1; p < path.length; p++){ + backgroundContext.lineTo(path[p][0], path[p][1]); + } + + backgroundContext.closePath(); + + backgroundContext.strokeStyle = "rgba(255, 255, 255, 1)"; + backgroundContext.stroke(); + } + } + + function render(){ + context.globalCompositeOperation = "source-over"; + context.clearRect(0, 0, canvas.width, canvas.height); + + objectsContainer.innerHTML = ""; + + if(hovered.length > 0){ + container.style.cursor = "pointer"; + } else { + container.style.cursor = "default"; + } + + + for(var i = 0; i < hovered.length; i++){ + + var element = document.createElement("div"); + element.className = "object"; + + var html = '

'+hovered[i].name+'

'; + if(hovered[i].description){ + html += '

'+hovered[i].description+'

'; + } + if(hovered[i].website){ + html += 'Website'; + } + if(hovered[i].subreddit){ + if(hovered[i].subreddit.substring(0, 2) == "r/"){ + hovered[i].subreddit = "/" + hovered[i].subreddit; + } else if(hovered[i].subreddit.substring(0, 1) != "/"){ + hovered[i].subreddit = "/r/" + hovered[i].subreddit; + } + html += ''+hovered[i].subreddit+''; + } + element.innerHTML = html; + + objectsContainer.appendChild(element); + + hovered[i].element = element; + + + var path = hovered[i].path; + + context.beginPath(); + + if(path[0]){ + context.moveTo(path[0][0], path[0][1]); + } + + for(var p = 1; p < path.length; p++){ + context.lineTo(path[p][0], path[p][1]); + } + + context.closePath(); + + //context.strokeStyle = "rgba(255, 255, 255, 1)"; + //context.stroke(); + + context.globalCompositeOperation = "source-over"; + + context.fillStyle = "rgba(0, 0, 0, 1)"; + context.fill(); + } + + updateLines(); + + context.globalCompositeOperation = "source-out"; + context.drawImage(backgroundCanvas, 0, 0); + } + + function toggleFixed(e){ + if(!fixed && hovered.length == 0){ + return 0; + } + fixed = !fixed; + if(!fixed){ + updateHovering(e); + render(); + } + } + + function updateLines(){ + + linesCanvas.width = container.clientWidth; + linesCanvas.height = container.clientHeight; + linesContext.lineCap = "round"; + linesContext.lineWidth = Math.max(Math.min(zoom*1.5, 16*1.5), 1); + linesContext.strokeStyle = "#000000"; + + for(var i = 0; i < hovered.length; i++){ + var element = hovered[i].element; + + linesContext.beginPath(); + linesContext.moveTo(element.offsetLeft + element.clientWidth - 10, element.offsetTop + 20); + linesContext.lineTo( + ~~(hovered[i].center[0]*zoom) + innerContainer.offsetLeft// + container.clientWidth/2 - innerContainer.clientWidth/2 + ,~~(hovered[i].center[1]*zoom) + innerContainer.offsetTop - 50// + container.clientHeight/2 - innerContainer.clientHeight/2 + ); + linesContext.stroke(); + } + + linesContext.lineWidth = Math.max(Math.min(zoom, 16), 1); + linesContext.strokeStyle = "#FFFFFF"; + + for(var i = 0; i < hovered.length; i++){ + var element = hovered[i].element; + + linesContext.beginPath(); + linesContext.moveTo(element.offsetLeft + element.clientWidth - 10, element.offsetTop + 20); + linesContext.lineTo( + ~~(hovered[i].center[0]*zoom) + innerContainer.offsetLeft// + container.clientWidth/2 - innerContainer.clientWidth/2 + ,~~(hovered[i].center[1]*zoom) + innerContainer.offsetTop - 50// + container.clientHeight/2 - innerContainer.clientHeight/2 + ); + linesContext.stroke(); + } + } + + window.addEventListener("resize", updateLines); + window.addEventListener("mousemove", updateLines); + window.addEventListener("dblClick", updateLines); + window.addEventListener("wheel", updateLines); + + container.addEventListener("mousedown", function(e){ + lastPos = [ + e.clientX + ,e.clientY + ]; + }); + + container.addEventListener("mouseup", function(e){ + if(Math.abs(lastPos[0] - e.clientX) + Math.abs(lastPos[1] - e.clientY) <= 4){ + toggleFixed(e); + } + }); + +} +