2c:null 2d:["$","title",null,{"children":"Emojitris | Chris Zubak-Skees | Observable"}] 32:T8d9,class Block { constructor(shape, position = [-1, 0], rotation = 0, fixed = false) { this.shape = shape; this.rotation = rotation; this.position = position; this.fixed = fixed; } translate() { let result = []; const rotation = Math.abs(this.rotation) % 4; if (rotation == 0) { result = this.shape.map((row, rowPos) => row.map((cell, colPos) => [ this.position[0] + rowPos, this.position[1] + colPos, cell ]) ); } else if (rotation == 3) { result = new Array(this.shape[0].length) .fill(null) .map(() => new Array(this.shape.length).fill(null)); for (let colPos = this.shape[0].length - 1; colPos >= 0; colPos--) { for (let rowPos = 0; rowPos < this.shape.length; rowPos++) { result[colPos][rowPos] = [ this.position[0] + colPos, this.position[1] + rowPos, [...this.shape].reverse()[rowPos][colPos] ]; } } } else if (rotation == 2) { result = [...this.shape] .reverse() .map((row, rowPos) => [...row] .reverse() .map((cell, colPos) => [ this.position[0] + rowPos, this.position[1] + colPos, cell ]) ); } else if (rotation == 1) { result = new Array(this.shape[0].length) .fill(null) .map(() => new Array(this.shape.length).fill(null)); for (let colPos = this.shape[0].length - 1; colPos >= 0; colPos--) { for (let rowPos = 0; rowPos < this.shape.length; rowPos++) { result[colPos][rowPos] = [ this.position[0] + colPos, this.position[1] + rowPos, [...this.shape[rowPos]].reverse()[colPos] ]; } } } return result; } draw() { return html`${this.translate() .map((row) => row.map(([y, x, cell]) => cell ?? background).join("")) .join(newline)}`; } toJSON() { return { shape: this.shape, position: this.position, rotation: this.rotation, fixed: this.fixed }; } static fromJSON(json) { return new Block(json.shape, json.position, json.rotation, json.fixed); } }33:T1a7f,class Game { constructor(width = 8, height = 13, interval = 500, paused = false) { this.interval = interval; this.paused = paused; this.width = width; this.height = height; this.start(); } start() { this.blocks = []; this.rows = new Array(this.height) .fill(null) .map((row) => new Array(this.width).fill(background)); this.addBlock(); } addBlock() { const shape = shuffle([...shapes])[0]; let block = new Block(shape); const coords = block.translate(); const x = Math.floor(Math.random() * (this.width - coords[0].length)); block.position = [-1, x]; block.rotation = Math.floor(Math.random() * 4); if (!this.checkCollision(block)) { this.blocks.push(block); } else { this.start(); } } shouldFix(block) { const rows = block.translate(); if (rows.flat(1).some(([y, x, cell]) => y >= this.height - 1)) { return true; } return rows.some((row, rowPos) => row.some( ([y, x, cell], colPos) => cell && (rowPos + 1 >= rows.length || rows[rowPos + 1][colPos][2] == null) && this.withinBounds(y + 1, x) && this.rows[y + 1][x] != background ) ); } withinBounds(y, x) { return y >= 0 && x >= 0 && y < this.height && x < this.width; } clearBlock(block) { block .translate() .flat(1) .filter(([y, x, cell]) => this.withinBounds(y, x) && cell) .forEach(([y, x, cell]) => (this.rows[y][x] = background)); } drawBlock(block) { block .translate() .flat(1) .filter(([y, x, cell]) => this.withinBounds(y, x) && cell) .forEach(([y, x, cell]) => (this.rows[y][x] = cell)); } checkCollision(block, y, x) { const rows = block.translate(); return rows.some((row, rowPos) => row .filter( (cell, colPos) => cell[2] && this.withinBounds(cell[1] + y, cell[0] + x) && (rowPos + y >= rows.length || rowPos + y < 0 || colPos + x >= rows[0].length || colPos + x < 0 || rows[rowPos + y][colPos + x][2] == null) ) .some((cell) => this.rows[cell[0] + y][cell[1] + x] != background) ); } move(block, y = 0, x = 0) { if (!this.checkCollision(block, y, x)) { this.clearBlock(block); if (!block.fixed) { block.position[0] += y; } block.position[1] += x; this.drawBlock(block); } } rowsToClear(block) { return uniq( block .translate() .flat(1) .map(([y]) => y) ) .filter((y) => y > 0 && y < this.height) .filter((y) => this.rows[y].every((cell) => cell != background)); } clearRows(rows) { for (const row of rows) { for (let cur = row, above = row - 1; above >= 0; cur--, above--) { for (let i = 0; i < this.width; i++) { this.rows[cur][i] = this.rows[above][i]; } } } } async update() { if (this.blocks.map((block) => block.fixed).every((fixed) => fixed)) { this.addBlock(); } for (const block of this.blocks) { if (!block.fixed) { if (this.shouldFix(block)) { block.fixed = true; } this.move(block, 1); /* const replies = await twitter.getReplies((await twitter.getLastTweet()).id); const left = replies.filter( (tweet) => tweet.text.toLowerCase().includes("left") || tweet.text.includes("⬅️") ).length; const right = replies.filter( (tweet) => tweet.text.toLowerCase().includes("right") || tweet.text.includes("➡️") ).length; const spin = replies.filter( (tweet) => tweet.text.toLowerCase().includes("spin") || tweet.text.toLowerCase().includes("tilt") || tweet.text.toLowerCase().includes("turn") || tweet.text.toLowerCase().includes("flip") || tweet.text.includes("⤴️") ).length; if (spin > 0 && spin > left && spin > right) { console.log("spin left"); this.tiltLeft(); } else if (left > 0 && left > right) { console.log("go left"); this.left(); } else if (right > 0) { console.log("go right"); this.right(); }*/ if (block.fixed) { if (block.position[0] <= 0) { this.start(); return; } this.clearRows(this.rowsToClear(block)); } } } } left() { let block = this.blocks[this.blocks.length - 1]; if (block.position[1] > 0) { this.move(block, 0, -1); } } right() { let block = this.blocks[this.blocks.length - 1]; if ( Math.max( ...block .translate() .flat(1) .map(([_, x]) => x) ) < this.width - 1 ) { this.move(block, 0, 1); } } tiltLeft() { for (const block of this.blocks) { if (!block.fixed) { this.clearBlock(block); block.rotation++; const rows = block.translate(); if (block.position[0] + rows.length >= this.height) { block.position[0] = this.height - rows.length; } if (block.position[1] + rows[0].length >= this.width) { block.position[1] = this.width - rows[0].length; } this.drawBlock(block); } } } tiltRight() { for (const block of this.blocks) { if (!block.fixed) { this.clearBlock(block); block.rotation--; const rows = block.translate(); if (block.position[0] + rows.length >= this.height) { block.position[0] = this.height - rows.length; } if (block.position[1] + rows[0].length >= this.width) { block.position[1] = this.width - rows[0].length; } console.log(block.rotation); this.drawBlock(block); } } } wait() { return new Promise((accept) => setTimeout(() => requestAnimationFrame(accept), this.interval) ); } draw() { return this.rows .map((row) => row.join("")) .join(newline) .replaceAll(background, dark ? background : lightBackground); } async *show() { while (!this.paused) { this.update(); yield html`${this.draw()}`; await this.wait(); } } toJSON() { return { blocks: this.blocks.map((block) => block.toJSON()), rows: this.rows }; } static fromJSON(json) { const game = new Game(json.rows[0].length, json.rows.length); game.blocks = json.blocks.map((block) => Block.fromJSON(block)); game.rows = json.rows; return game; } }34:[] 30:{"id":"57d436e1af499a17","slug":"emojitris","title":"Emojitris","thumbnail":"3e194d0972693265645d52b966e5cca02288c59b2626a56bf0e1f072fafb9b74","access_level":"public","create_time":"$D2022-01-05T18:16:45.523Z","update_time":"$D2022-01-14T04:51:30.743Z","view_time":null,"first_public_time":"$D2022-01-10T06:19:31.170Z","has_unpublished_edits":null,"fork":false,"stars":1,"starred":false,"owner":{"type":"team","id":"af142d61d1f72c32","login":"chriszs","name":"Chris Zubak-Skees","avatar_url":"https://avatars-next.observableusercontent.com/8f35cfadf5e34ea8c5da8c9decb514f55a0ea9f7babec9be636b56334bdd9c50","tier":"starter_2024"},"version":977,"publish_version":977,"role":null,"authored":false,"authors":[{"type":"individual","id":"7df35765d82ba3ca","login":"chriszs","name":"Chris Zubak-Skees","avatar_url":"https://avatars-next.observableusercontent.com/8f35cfadf5e34ea8c5da8c9decb514f55a0ea9f7babec9be636b56334bdd9c50","tier":null}],"members":[{"type":"individual","id":"7df35765d82ba3ca","login":"chriszs","name":"Chris Zubak-Skees","avatar_url":"https://avatars-next.observableusercontent.com/8f35cfadf5e34ea8c5da8c9decb514f55a0ea9f7babec9be636b56334bdd9c50","tier":null,"role":"editor"}],"comments":[],"custom_thumbnail":false,"trashed":false,"lapsed":null,"subscribed":null,"forks":0,"collection":null,"type":"notebook","body":{"titling":"auto","title":"Emojitris","cells":[{"id":0,"value":"

Emojitris

\nFaster version of Twitris.\n","pinned":false,"hidden":false,"mode":"html","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"","database":"$undefined"},{"id":53,"value":"game.show()","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":531,"value":"htl.html`\n\n\n`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":698,"value":"---","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"","database":"$undefined"},{"id":516,"value":"---","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"","database":"$undefined"},{"id":964,"value":"viewof restore = Inputs.checkbox([\"start from Twitris state?\"])","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":973,"value":"restore","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":173,"value":"game = restore.length > 0 ? Game.fromJSON(save) : new Game(10, 18)","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":364,"value":"dark = false","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":356,"value":"background = \"⬛\"","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":939,"value":"lightBackground = \"⬜\"","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":711,"value":"shapes = [\n [\n [\"🟦\", null, null],\n [\"🟦\", \"🟦\", \"🟦\"]\n ],\n [\n [\"🟥\", \"🟥\", \"🟥\"],\n [\"🟥\", null, null]\n ],\n [\n [\"🟨\", \"🟨\"],\n [\"🟨\", \"🟨\"]\n ],\n [[\"🟧\", \"🟧\", \"🟧\", \"🟧\"]],\n [\n [\"🟪\", \"🟪\", \"🟪\"],\n [null, \"🟪\", null]\n ],\n [\n [\"🟩\", \"🟩\", null],\n [null, \"🟩\", \"🟩\"]\n ],\n [\n [null, \"🟫\", \"🟫\"],\n [\"🟫\", \"🟫\", null]\n ]\n]","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":327,"value":"$32","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":598,"value":"uniq = (values) => [...new Set(values)]","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":603,"value":"newline = \"
\"","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":733,"value":"shuffle = d3.shuffle","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":113,"value":"$33","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":946,"value":"save = (await fetch(\"https://chriszs.github.io/twitris/save.json\")).json()","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"}],"files":"$W34","stdlib":"1"}} 31:"$30:body"