2b:null 2c:["$","title",null,{"children":"[ZZ-Archived] apex legends final zone stuff | UnluckyNinja | Observable"}] 31:T835,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 = maps[selectedMap] //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", opacity: 0.5, fillColor: "#F96167", fillOpacity: 0.25 / (11-selectedStage*2), 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 allStage5) { addCircle(s); } // map.on("click", onMapClick); }32:T5c3,{ const [width, height] = [800, 800] function toMapUnit(x) { return (x / 16384) * 800; } const svg = d3.create("svg") .attr("width", width) .attr("height", height) .attr("viewBox", [0, 0, width, height]) // .attr("style", "max-width: 100%; height: auto; height: intrinsic;"); svg.append('image') .attr('href', mapUrls[selectedMap]) .attr('width', width) .attr('height', height) const diagrams = svg.append('g').attr('opacity', 1) const linecolors = ['limegreen', 'blue', 'yellow', 'orange', 'red'] for (const [gameID, stages] of games) { const single = diagrams.append('g') .attr('data-gameid', gameID) .attr('stroke-width', 2) .attr('opacity', 0.5) for (let index = 0; index < stages.length-1; ++index) { single.append('line') .attr('x1', toMapUnit(stages[index].center.x)) .attr('y1', height - toMapUnit(stages[index].center.y)) .attr('x2', toMapUnit(stages[index+1].center.x)) .attr('y2', height - toMapUnit(stages[index+1].center.y)) .attr('stroke', linecolors[index+1]) .attr('opacity', 1) } for (let index = 0; index < stages.length; ++index) { single.append('circle') .attr('cx', toMapUnit(stages[index].center.x)) .attr('cy', height - toMapUnit(stages[index].center.y)) .attr('r', 2) .attr('stroke', linecolors[index]) .attr('fill', 'transparent') } } return svg.node() }33:[{"id":"9e4fc54054954dc7fe2e7718027ce0000f58ee79cdb5a451f411a0699a7dad5bb0ed4f567b2d1d99a8936bf5a3b6d367ae59615e5ec83f2cd19ad07c43767811","href":"https://static.observableusercontent.com/files/9e4fc54054954dc7fe2e7718027ce0000f58ee79cdb5a451f411a0699a7dad5bb0ed4f567b2d1d99a8936bf5a3b6d367ae59615e5ec83f2cd19ad07c43767811","name":"circles@1.json","type":"application/json","lastModified":1678306297258.968,"size":119951},{"id":"46fca8b35bb45b24311c386f5d1e813b70bc5ce21f5b95323d07220be67c6cd8bb419b304e0eb3ea59497ef46de986adea469cf59e1539df14de829f0f13837f","href":"https://static.observableusercontent.com/files/46fca8b35bb45b24311c386f5d1e813b70bc5ce21f5b95323d07220be67c6cd8bb419b304e0eb3ea59497ef46de986adea469cf59e1539df14de829f0f13837f","name":"mp_rr_desertlands_mu3.jpg","type":"image/jpeg","lastModified":1678306297258.968,"size":1941954},{"id":"2ea1e229ce738138f4004e18a2d1274f295610f6899bd95444e31f72d57073aff5bb6f122aa26ab5c331815abe2e81349afce6ad2d163aa4cfc7444108e648ca","href":"https://static.observableusercontent.com/files/2ea1e229ce738138f4004e18a2d1274f295610f6899bd95444e31f72d57073aff5bb6f122aa26ab5c331815abe2e81349afce6ad2d163aa4cfc7444108e648ca","name":"mp_rr_tropic_island_mu1.jpg","type":"image/jpeg","lastModified":1678306297258.968,"size":2089146}] 2f:{"id":"f283c5123be16b98","slug":null,"title":"[ZZ-Archived] apex legends final zone stuff","thumbnail":"ab21f06fff1b2e402ec21616cbc9182d263f4d718ddfa7b1e1ac2829a8340b27","access_level":"public","create_time":"$D2023-03-08T20:11:37.258Z","update_time":"$D2024-10-02T09:11:48.987Z","view_time":null,"first_public_time":"$D2023-03-08T20:11:37.258Z","has_unpublished_edits":null,"fork":{"id":"6a02cdbff9a35cb0","slug":null,"title":"Predict the zone","owner":{"id":"6d4c89a26d98d78e","login":"ggwp","name":""}},"stars":1,"starred":false,"owner":{"type":"team","id":"ebb6118c9a990a2c","login":"unluckyninja","name":"UnluckyNinja","avatar_url":"https://avatars-next.observableusercontent.com/95d8d23bafa30b0b30e2ead4a72666d02cc17899c3c958c22c65fc0fc09afe3d","tier":"starter_2024"},"version":805,"publish_version":null,"role":null,"authored":false,"authors":[{"type":"individual","id":"4df1f6fd87aa7295","login":"unluckyninja","name":"UnluckyNinja","avatar_url":"https://avatars-next.observableusercontent.com/95d8d23bafa30b0b30e2ead4a72666d02cc17899c3c958c22c65fc0fc09afe3d","tier":null}],"members":[{"type":"individual","id":"4df1f6fd87aa7295","login":"unluckyninja","name":"UnluckyNinja","avatar_url":"https://avatars-next.observableusercontent.com/95d8d23bafa30b0b30e2ead4a72666d02cc17899c3c958c22c65fc0fc09afe3d","tier":null,"role":"editor"}],"comments":[],"custom_thumbnail":false,"trashed":false,"lapsed":null,"subscribed":null,"forks":0,"collection":null,"type":"notebook","body":{"title":"[ZZ-Archived] apex legends final zone stuff","cells":[{"id":0,"value":"# [ZZ-Archived] apex legends final zone stuff\nfork of https://observablehq.com/d/6a02cdbff9a35cb0","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"","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":683,"value":"viewof selectedMap = Inputs.radio(new Map([['Desertlands', 'we'], ['Tropic Islands', 'sp']]), { value: 'we' })","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":708,"value":"viewof selectedStage = Inputs.radio([1,2,3,4,5], { value: 5 })","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":701,"value":"## Hotspot map","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":8,"value":"$31","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":679,"value":"allStage5 = circleData.filter(d=>d.stage === selectedStage && d.map === selectedMap)","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":727,"value":"## Transitions map","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":789,"value":"Inputs.bind(Inputs.radio(new Map([['Desertlands', 'we'], ['Tropic Islands', 'sp']]), { value: 'we' }), viewof selectedMap)","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":730,"value":"$32","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":751,"value":"games = d3.group(circleData.filter(d=>d.stage>0 && d.map === selectedMap), d=>d.gameID)","pinned":true,"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":737,"value":"mapUrls = {\n return {\n we: await FileAttachment(\"mp_rr_desertlands_mu3.jpg\").url(),\n sp: await FileAttachment(\"mp_rr_tropic_island_mu1.jpg\").url()\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":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 = getRandomGame()","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":"$W33","stdlib":"1","titling":"auto"}} 30:"$2f:body"