2b:null 2c:["$","title",null,{"children":"Predict the zone | ggwp | Observable"}] 31:T802,map = { const K = 800; const container = html`

`; container.correct = 0; yield container; function toMapUnit(x) { return (x / 16384) * K; } const map = L.map(container, { crs: L.CRS.Simple, minZoom: 0, zoomControl: false, scrollWheelZoom: false }); var bounds = [ [0, 0], [K, K] ]; var mapimg = game[0].map === "we" ? maps.we : maps.sp; var image = L.imageOverlay(mapimg, bounds).addTo(map); map.fitBounds(bounds); function addCircleFromClick(lat, lng) { var circle = L.circle([lng, lat], { color: "#FCE77D", fillColor: "#FCE77D", fillOpacity: 0, weight: 2, radius: toMapUnit(321) }).addTo(map); // console.log("adding circle"); } function addCircle(record) { var c = record.center; var circle = L.circle([toMapUnit(c.y), toMapUnit(c.x)], { color: "#F96167", fillColor: "#F96167", fillOpacity: 0, weight: 2, //stroke width radius: toMapUnit(record.radius) }).addTo(map); } function onMapClick(e) { if (viewof played.value) { return; } addCircleFromClick(e.latlng.lng, e.latlng.lat); // add the rest for (const s of game) { if (s.stage > 2) { addCircle(s); } } game.sort((x, y) => x.stage - y.stage); var lastAvailableRing = game[game.length - 1]; var distsq = (toMapUnit(lastAvailableRing.center.y) - e.latlng.lat) ** 2 + (toMapUnit(lastAvailableRing.center.x) - e.latlng.lng) ** 2; var radsq = toMapUnit(lastAvailableRing.radius * 1.8) ** 2; // console.log( // lastAvailableRing, // [ // toMapUnit(lastAvailableRing.center.x), // toMapUnit(lastAvailableRing.center.y) // ], // e.latlng, // distsq, // radsq // ); if (distsq < radsq) { increment(viewof correctCounter); } set(viewof played, true); } for (const s of game) { if (s.stage < 3) { addCircle(s); } } map.on("click", onMapClick); }32:[{"id":"899acbcd97f2eee87486aa2c77df2c618ed9aa20fec0ee1552112b1e8f423b3b808e6fc69c4e29965d9d751d8b30b8ad6da5af0b3775987a5dbca666b674f5d3","href":"https://static.observableusercontent.com/files/899acbcd97f2eee87486aa2c77df2c618ed9aa20fec0ee1552112b1e8f423b3b808e6fc69c4e29965d9d751d8b30b8ad6da5af0b3775987a5dbca666b674f5d3","name":"S16_circles.json","type":"application/json","lastModified":1678146828188.116,"size":84088},{"id":"ac5947133328e1d42486c720afefd6d357b91db2bb7cc0c5d2c5a029bc311d51ddbf4ad3b362c705c995e630c7dd9cdd1b016c02dfb6f2bcce92ee0cc56cfec5","href":"https://static.observableusercontent.com/files/ac5947133328e1d42486c720afefd6d357b91db2bb7cc0c5d2c5a029bc311d51ddbf4ad3b362c705c995e630c7dd9cdd1b016c02dfb6f2bcce92ee0cc56cfec5","name":"S16_circles@1.json","type":"application/json","lastModified":1678149925513.61,"size":84137},{"id":"2ea1e229ce738138f4004e18a2d1274f295610f6899bd95444e31f72d57073aff5bb6f122aa26ab5c331815abe2e81349afce6ad2d163aa4cfc7444108e648ca","href":"https://static.observableusercontent.com/files/2ea1e229ce738138f4004e18a2d1274f295610f6899bd95444e31f72d57073aff5bb6f122aa26ab5c331815abe2e81349afce6ad2d163aa4cfc7444108e648ca","name":"mp_rr_tropic_island_mu1.jpg","type":"image/jpeg","lastModified":1677801497081.556,"size":2089146},{"id":"46fca8b35bb45b24311c386f5d1e813b70bc5ce21f5b95323d07220be67c6cd8bb419b304e0eb3ea59497ef46de986adea469cf59e1539df14de829f0f13837f","href":"https://static.observableusercontent.com/files/46fca8b35bb45b24311c386f5d1e813b70bc5ce21f5b95323d07220be67c6cd8bb419b304e0eb3ea59497ef46de986adea469cf59e1539df14de829f0f13837f","name":"mp_rr_desertlands_mu3.jpg","type":"image/jpeg","lastModified":1677801510973.962,"size":1941954},{"id":"9e4fc54054954dc7fe2e7718027ce0000f58ee79cdb5a451f411a0699a7dad5bb0ed4f567b2d1d99a8936bf5a3b6d367ae59615e5ec83f2cd19ad07c43767811","href":"https://static.observableusercontent.com/files/9e4fc54054954dc7fe2e7718027ce0000f58ee79cdb5a451f411a0699a7dad5bb0ed4f567b2d1d99a8936bf5a3b6d367ae59615e5ec83f2cd19ad07c43767811","name":"circles@1.json","type":"application/json","lastModified":1677869122464.091,"size":119951}] 2f:{"id":"6a02cdbff9a35cb0","slug":null,"title":"Predict the zone","thumbnail":"0cd00d802c7e5288f866c7b1611e11e5a1b12dc5a9b94dab833d4832b0a0c974","access_level":"public","create_time":"$D2023-03-02T14:50:38.565Z","update_time":"$D2023-03-07T19:44:21.104Z","view_time":null,"first_public_time":"$D2023-03-02T14:50:38.565Z","fork":false,"stars":1,"starred":false,"owner":{"type":"team","id":"6d4c89a26d98d78e","login":"ggwp","name":"","avatar_url":null,"tier":"starter_2024"},"version":672,"publish_version":null,"role":null,"authored":false,"authors":[{"type":"individual","id":"45e3a39aea4c7ff3","login":"ggwp","name":"","avatar_url":null,"tier":null}],"members":[{"type":"individual","id":"45e3a39aea4c7ff3","login":"ggwp","name":"","avatar_url":null,"tier":null,"role":"editor"}],"comments":[],"custom_thumbnail":false,"trashed":false,"lapsed":null,"subscribed":null,"forks":11,"collection":null,"type":"notebook","body":{"title":"Predict the zone","cells":[{"id":0,"value":"# Predict the zone\n\nCan you predict the final right of Apex Legends from the first two zones?","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":372,"value":"viewof state = Inputs.button(\"Go Next\", {\n // value: { counter: 1, gameID: getRandomGame() },\n value: { counter: 1, gameID: getRandomGame()},\n reduce: function (x) {\n x.gameID = getRandomGame();\n x.counter += 1;\n set(viewof played, false);\n return x;\n }\n})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":532,"value":"gotogame = {\n return htl.html`go to this ALGS game`;}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":374,"value":"score = {\n if (state.counter === 1 && !played) {\n return htl.html`

Your score will appear here.

`;\n } else {\n if (played) {\n var x = state.counter;\n var winrate = Math.trunc((correctCounter / x) * 100.0).toString();\n return htl.html`

You played ${x} games and got ${correctCounter} correct. Your win rate is ${winrate}%.

`;\n } else {\n var x = state.counter - 1;\n var winrate = Math.trunc((correctCounter / x) * 100.0).toString();\n return htl.html`

You played ${x} games and got ${correctCounter} correct. Your win rate is ${winrate}%.

`;\n }\n }\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":8,"value":"$31","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":542,"value":"## under the hood","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":82,"value":"game = circleData.filter(x => x.gameID === gameID && x.stage > 0)","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":78,"value":"circleData = {\n var tmp = await FileAttachment(\"circles@1.json\").json();\n // flip y values\n tmp.map(function (x){x.center.y = 16384 - x.center.y; return x;});\n return tmp;\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":6,"value":"L = {\n const L = await require(\"leaflet@1.9.3/dist/leaflet.js\");\n if (!L._style) {\n const href = await require.resolve(\"leaflet@1/dist/leaflet.css\");\n document.head.appendChild(L._style = html``);\n }\n return L;\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":194,"value":"maps = {\n return {\n we: await FileAttachment(\"mp_rr_desertlands_mu3.jpg\").image(),\n sp: await FileAttachment(\"mp_rr_tropic_island_mu1.jpg\").image()\n };\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":431,"value":"viewof correctCounter = {\n const element = htl.html`

`;\n element.value = 0;\n return element;\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":432,"value":"viewof played = {\n const element = htl.html`

`;\n element.value = false;\n return element;\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":433,"value":"function set(input, value) {\n input.value = value;\n input.dispatchEvent(new Event(\"input\", {bubbles: true}));\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":434,"value":"function increment(input) {\n input.value++;\n input.dispatchEvent(new Event(\"input\", {bubbles: true}));\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":278,"value":"getRandomGame = function(){\n let gameIDs = [\n ...new Set(circleData.filter((x) => x.stage === 0).map((x) => x.gameID))\n ];\n let i = Math.floor(Math.random() * gameIDs.length);\n return gameIDs[i];\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":471,"value":"gameID = state.gameID","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":608,"value":"ns = Inputs.text().classList[0]","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":610,"value":"style=html``","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"}],"files":"$W32","stdlib":"1","titling":"auto"}} 30:"$2f:body"