2b:null 2c:["$","title",null,{"children":"Board Game Engine | 2timesjay | Observable"}] 31:T40d,class LocationDisplay extends AbstractDisplay { constructor(loc) { super(loc); this.loc = loc; this.xOffset = this.loc.x * size + 0.1 * size; this.yOffset = this.loc.y * size + 0.1 * size; this.size = size * 0.8; this.width = size * 0.8; this.height = size * 0.8; } render(context, clr) { if (!this.loc.traversable) { return; } makeRect(this.xOffset, this.yOffset, context, this.size, clr); } passiveDisplay(context, clr) { const color = clr == undefined ? this.loc.color : clr; this.render(context, color); } basicDisplay(context) { this.render(context, 'grey'); } previewDisplay(context) { this.render(context, 'yellow'); } selectedDisplay(context) { this.render(context, 'red'); } isHit(mousePos) { if (mousePos.x >= this.xOffset && mousePos.x < this.xOffset + this.width) { if (mousePos.y >= this.yOffset && mousePos.y < this.yOffset + this.height) { return true; } } else { return false; } } }32:T860,class AbstractDisplay { constructor(entity) { this.entity = entity; this.preview = false; this.select = false; } display(context) { if (this.select) { this.selectDisplay(context); } else if (this.preview) { this.previewDisplay(context); } else { this.basicDisplay(context); } } basicDisplay(context) { } previewDisplay(context) { } selectDisplay(context) { } isHit(mousePos) { } _select(stack) { // INTERFACE if (!this.select) { console.log("ACTUALLY SELECTED: ", this.entity); this.select = true; stack.push(this.entity); console.log(stack); } } _deselect(stack) { // INTERFACE let stackIndex = stack.indexOf(this.entity); if (this.select && stackIndex == (stack.length - 1)) { console.log("Deselect: ", this.entity); this.select = false; this.preview = false; // De-select whether automated or manual should end preview. stack.splice(stackIndex, stackIndex+1); this.entity.clearNextSelection(); } } selectListener(canvas, stack) { // Select by click - clicks off this element de-select. let context = canvas.getContext("2d"); let self = this; let trigger = function(e) { // console.log("Expended? ",e.expended); if (e.type == "click") { let mousePos = getMousePos(canvas, e); if (self.isHit(mousePos)) { self._select(stack); return true; } else { self._deselect(stack); return false; } } } return trigger; } previewListener(canvas) { // Preview if not selected. let context = canvas.getContext("2d"); let self = this; let trigger = function(e) { if (e.type == "mousemove") { let mousePos = getMousePos(canvas, e); if (self.select) { return; } if (self.isHit(mousePos)) { if (!self.select) { self.preview = true; } return true; } else { self.preview = false; return false; } } } return trigger; } }33:T480,class UnitDisplay extends AbstractDisplay { constructor(unit) { super(unit); this.unit = unit; this.size = 0.6 * size; this.width = 0.6 * size; this.height = 0.6 * size; } get xOffset() { return this.unit.loc.x * size + 0.2 * size; } get yOffset() { return this.unit.loc.y * size + 0.2 * size; } render(context, clr, lfa){ const color = clr == undefined ? "black" : clr; const alpha = lfa == undefined ? 0.5 ** (this.unit.maxhp - this.unit.hp) : lfa; makeRect(this.xOffset, this.yOffset, context, this.size, color, alpha); } passiveDisplay(context) { this.render(context, this.unit.team == 0 ? 'red': 'blue'); } basicDisplay(context) { this.render(context, 'black'); } previewDisplay(context) { this.render(context, 'yellow'); } selectDisplay(context) { this.render(context, 'red'); } isHit(mousePos) { if (mousePos.x >= this.xOffset && mousePos.x < this.xOffset + this.width) { if (mousePos.y >= this.yOffset && mousePos.y < this.yOffset + this.height) { return true; } } else { return false; } } }34:T41b,class Path { constructor(origin, destination, contextSpace, total_range) { // (origin: Location, destination: Location) : Path this.origin = origin; this.destination = destination; this.locations = contextSpace.getPath(origin, destination); this.clearNextSelection(); this.display = new PathDisplay(this); this.remaining_range = total_range - this.locations.length; } getNextSelection(contextSpace) { if (this.nextSelection == undefined){ this.regenerateNextSelection(contextSpace) }; return this.nextSelection; } regenerateNextSelection(contextSpace) { // (contextSpace: Space): Location[] if (this.remaining_range == 0 || this.origin == this.destination) { this.nextSelection = [new Confirmation(this)]; } else { this.nextSelection = contextSpace.getReachable(this.destination, this.remaining_range).map(next_dest => new Path(this.destination, next_dest, contextSpace, this.remaining_range)); } } clearNextSelection() { this.nextSelection = undefined; } }35:T9e1,class PathDisplay extends AbstractDisplay { constructor(path) { super(path); this.path = path; this.preview = false; this.select = false; this.size = size } basicDisplay(context) { const color = 'yellow'; const alpha = 0.5 const dest = this.path.destination; makeCircle(dest.x * this.size + 0.5 * this.size, dest.y * this.size + 0.5 * this.size, context, 0.2 * this.size, color, alpha); } previewDisplay(context) { let locations = [this.path.origin].concat(this.path.locations) let self = this; locations.forEach(function(loc,i){ if (i > 0) { // Draw rectangle/path from one to another. const prev_loc = locations[i-1]; const dx = loc.x - prev_loc.x; const dy = loc.y - prev_loc.y; context.globalAlpha = 0.5; context.beginPath(); context.fillStyle = 'red'; context.fill(); context.lineWidth = 0.4 * self.size; context.moveTo(prev_loc.x * self.size + 0.5 * self.size, prev_loc.y * self.size + 0.5 * self.size); context.lineTo(loc.x * self.size + 0.5 * self.size, loc.y * self.size + 0.5 * self.size); context.strokeStyle = 'yellow'; context.stroke(); context.globalAlpha = 1.0; } // Draw circle in middle of grid squares. makeCircle(loc.x * self.size + 0.5 * self.size, loc.y * self.size + 0.5 * self.size, context, 0.2 * self.size, 'yellow', 0.5); }); } selectDisplay(context) { let locations = [this.path.origin].concat(this.path.locations) let self = this; locations.forEach(function(loc,i){ if (i > 0) { // Draw rectangle/path from one to another. const prev_loc = locations[i-1]; const dx = loc.x - prev_loc.x; const dy = loc.y - prev_loc.y; context.beginPath(); context.fillStyle = 'red'; context.fill(); context.lineWidth = 0.4 * self.size; context.moveTo(prev_loc.x * self.size + 0.5 * self.size, prev_loc.y * self.size + 0.5 * self.size); context.lineTo(loc.x * self.size + 0.5 * self.size, loc.y * self.size + 0.5 * self.size); context.strokeStyle = 'red'; context.stroke(); context.globalAlpha = 1.0; } // Draw circle in middle of grid squares. makeCircle(loc.x * self.size + 0.5 * self.size, loc.y * self.size + 0.5 * self.size, context, 0.2 * self.size, 'red', 1.0); }); } isHit(mousePos) { return this.path.destination.display.isHit(mousePos); } }36:Tbea,class Space { constructor(locations, units, k) { this.k = k; this.locations = locations; this.units = units; this.observers = []; this.team = 0; this.triggerList = []; this.inputStack = []; } advance() { this.team = 1 - this.team; } getAdjacent(loc) { // (loc: Location): Location[] function isValidLoc(adj) { return adj != undefined && adj.traversable; } const x = loc.x; const y = loc.y; let adjList = [] let row = this.locations[y-1]; if (row != undefined) { let adj = row[x]; if (isValidLoc(adj)) { adjList.push(adj); } } row = this.locations[y+1]; if (row != undefined) { let adj = row[x]; if (isValidLoc(adj)) { adjList.push(adj); } } row = this.locations[y]; if (row != undefined) { let adj = row[x-1]; if (isValidLoc(adj)) { adjList.push(adj); } adj = row[x+1]; if (isValidLoc(adj)) { adjList.push(adj); } } return adjList; } getReachable(loc, range) { //(loc: Location, range: int): Location[] // TODO: Should this enumerate paths? let reached = new Set([loc]); let next = new Set(); let frontier = new Set([...reached]); let self = this; for (let i = 1; i <= range; i++) { next = Array.from(frontier).flatMap(l => self.getAdjacent(l)); frontier = difference(next, frontier); reached = union(reached, next); } return Array.from(reached); } getDistance(origin, destination) { let dist = 0; let prevReachable = []; let curReachable = this.getReachable(origin, dist); while (curReachable.indexOf(destination) == -1 && prevReachable.length != curReachable.length) { dist++; prevReachable = curReachable; curReachable = this.getReachable(origin, dist); } return dist; } getDistanceDirect(origin, destination) { return Math.abs(origin.x - destination.x) + Math.abs(origin.y - destination.y); } getPath(origin, destination) { // TODO: Make efficient and safe. if (!origin.traversable || !destination.traversable) { return -1; } let dist = this.getDistance(origin, destination); if (dist == 0) { return []; } let adjList = this.getAdjacent(origin); let adjDistances = adjList.map(adj => this.getDistance(adj, destination)); let nearestAdjIndex = argmin(adjDistances); let nearestAdj = adjList[nearestAdjIndex]; return [nearestAdj].concat(this.getPath(nearestAdj, destination)); } getUnit(location) { // (location: Location) => Unit[] return this.units.filter(u => u.loc.x == location.x && u.loc.y == location.y); } getLocation(location) { // (location: Location) => Unit[] return this.locations[location.y][location.x]; } triggerObservers(effect) { // (effect: Effect) => Effect[] let triggeredEffects = this.observers.flatMap(o => o.trigger(effect)); this.observers = this.observers.filter(o => o.active); return triggeredEffects; } }37:T731,function redraw(context, space, triggerList) { let stack = space.inputStack; let k = space.k; context.clearRect(0, 0, k*size, k*size); const canvas = context.canvas; triggerList.splice(0, triggerList.length); function showSpace(space){ let locs = space.locations; for (let x = 0; x < locs.length; x++) { let row = locs[x]; for (let y = 0; y < row.length; y++) { let loc = row[y]; loc.display.passiveDisplay(context); } } space.units.forEach(u => u.display.passiveDisplay(context)); } function showElement(elem, listen_elem, show_children, listen_children){ if (elem.display != undefined) { elem.display.display(context); if (listen_elem) { triggerList.unshift(elem.display.previewListener(canvas)); triggerList.unshift(elem.display.selectListener(canvas, stack)); } } if (show_children) { let selection = elem.getNextSelection(space); for (let i = 0; i < selection.length; i++) { let s = selection[i]; s.display.display(context); if (listen_children) { triggerList.unshift(s.display.previewListener(canvas)); triggerList.unshift(s.display.selectListener(canvas, stack)); } } } } function showInputStack(stack){ let topLayer = stack.length - 1; // For every element in the inputStack display if selected. // Listen to deselect and only deselect for all or just the top element in the stack. // Add preview and select listeners for nextSel only. for (let layer = 0; layer < stack.length; layer++) { let elem = stack[layer]; showElement(elem, false, false, false); if (layer == topLayer) { showElement(elem, true, true, true); } } } showSpace(space, stack); showInputStack(stack); }38:T454,makeTimeline = function(originalContext, timeline, timelineImages) { // https://stackoverflow.com/questions/3420975/html5-canvas-zooming // http://jsfiddle.net/mBzVR/2433/ const tlen = timeline.length; var width = originalContext.canvas.width; var height = originalContext.canvas.height; var scale = Math.min(0.25, 1.0/tlen); function drawContents(ctx, scale){ ctx.scale(scale, scale); let temp = timelineImages .map((image, i) => { const copyContext = DOM.canvas(width, height).getContext("2d"); copyContext.putImageData(image, 0, 0); return copyContext; }) .map((copied, i) => ctx.drawImage(copied.canvas, width * i, 0)); } const canvas = DOM.canvas(width*scale, height*0.25); canvas.width = (tlen + 1)*width*scale; const context = canvas.getContext("2d"); const imageData = originalContext.getImageData(0, 0, width, height); if (timelineImages.length <= tlen) { timelineImages.push(imageData); } else { timelineImages[tlen] = imageData; } //context.canvas.value = context; drawContents(context, scale); return context.canvas; }39:T76c,ttt_makeSpace = function() { let locations = [ [1,1,1], [1,1,1], [1,1,1] ].map( (row, y) => row.map( (loc, x) => new Location(x, y, loc) )); let units = [ // {'range': 1, 'loc': [0,0], 'name': 'anxia', 'team': 0}, // {'range': 1, 'loc': [2,0], 'name': 'boxer', 'team': 1}, // {'range': 1, 'loc': [0,2], 'name': 'caleb', 'team': 0}, // {'range': 1, 'loc': [2,2], 'name': 'deepa', 'team': 1} ].map(u => new Unit(u.name, locations[u.loc[1]][u.loc[0]], u.team)); console.log("RESET SPACE"); let space = new Space(locations, units, 3); space.inputStack = [new TicTacToeControlQueue(space)]; space.triggerList = []; space.k = 3; space.gameOverConfirmation = function() { let t0 = space.units.filter(u => u.team == 0); let t1 = space.units.filter(u => u.team == 1); function threeInARow(team) { let xs = team.map(u => u.loc.x); let ys = team.map(u => u.loc.y); function udlr(coords){ let counts = [0, 0, 0]; for(let i = 0; i < coords.length; ++i){ counts[coords[i]] += 1; } return Math.max(...counts) == 3; } function diag(units) { let hashes = units.map(u => u.loc.y * 3 + u.loc.x); return ((hashes.indexOf(0) >= 0 && hashes.indexOf(4) >= 0 && hashes.indexOf(8) >= 0) ||(hashes.indexOf(2) >= 0 && hashes.indexOf(4) >= 0 && hashes.indexOf(6) >= 0)) } return udlr(xs) || udlr(ys) || diag(team); } let over = (space.units.length == 9) || threeInARow(t0) || threeInARow(t1); if (over) { return [new Confirmation(undefined, "GAME OVER", true)]; } else { return []; } }; space.digestFnGetter = function(stack) { return function(stack) { let location = stack[1]; return [new AddUnitEffect(location), new EndTurnEffect()]; }; // TODO: Add unit } return space; }3a:T4e4,tac_makeSpace = function() { let locations = [ [1,0,1,1,1,0,0,0], [1,1,0,1,1,1,1,0], [1,1,1,1,0,0,1,1], [0,1,1,1,0,0,0,1], [1,1,0,1,1,0,1,1], [0,1,1,1,1,1,1,0], [0,0,0,0,0,1,1,0], [0,0,0,0,0,0,1,1], ].map( (row, y) => row.map( (loc, x) => new Location(x, y, loc) )); let units = [ {'range': 3, 'loc': [0,0], 'name': 'anxia', 'team': 0}, {'range': 3, 'loc': [3,1], 'name': 'boxer', 'team': 1}, {'range': 3, 'loc': [3,2], 'name': 'caleb', 'team': 0}, {'range': 4, 'loc': [5,5], 'name': 'deepa', 'team': 1} ].map(u => new Unit(u.name, locations[u.loc[1]][u.loc[0]], u.team, u)); console.log("RESET SPACE"); let space = new Space(locations, units, 8); space.inputStack = [new ControlQueue(space)]; space.triggerList = []; space.gameOverConfirmation = function() { if ((space.units.filter(u => u.team == 0 && u.isAlive()).length == 0) ||(space.units.filter(u => u.team == 1 && u.isAlive()).length == 0)) { return [new Confirmation(undefined, "GAME OVER", true)]; } else { return []; }; }; space.digestFnGetter = function(stack) { // stack => (stack => Effect[]) let action = stack[2]; return action.digestFn; }; return space; }3b:[] 2f:{"id":"0da0bf969b36c7a8","slug":"board-game-engine","title":"Board Game Engine","thumbnail":"d0826fadc8aa12ce4e123f2acfea3294645266d80d38faf4d34596a8217714b4","access_level":"public","create_time":"$D2018-03-14T03:20:58.995Z","update_time":"$D2018-03-18T03:03:33.189Z","view_time":null,"first_public_time":"$D2018-03-15T00:29:13.038Z","fork":true,"stars":2,"starred":false,"owner":{"type":"team","id":"8489e49d3b4f5a95","login":"2timesjay","name":"","avatar_url":"https://avatars-next.observableusercontent.com/f71f36ee1e770961ad53b3fad1ca794392bfde371243981f887ecba0485d8647","tier":"starter_2024"},"version":4269,"publish_version":4269,"role":null,"authored":false,"authors":[{"type":"individual","id":"ea73e7cc874ef4fc","login":"2timesjay","name":"","avatar_url":"https://avatars-next.observableusercontent.com/f71f36ee1e770961ad53b3fad1ca794392bfde371243981f887ecba0485d8647","tier":null}],"members":[{"type":"individual","id":"ea73e7cc874ef4fc","login":"2timesjay","name":"","avatar_url":"https://avatars-next.observableusercontent.com/f71f36ee1e770961ad53b3fad1ca794392bfde371243981f887ecba0485d8647","tier":null,"role":"editor"}],"comments":[],"custom_thumbnail":false,"trashed":false,"subscribed":null,"forks":0,"collection":null,"type":"notebook","body":{"title":"Board Game Engine","cells":[{"id":0,"value":"md`# Board Game Engine`","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":4203,"value":"md`## Featuring TicTacToe, Simple 2D wargame, and attached timelines\n\nDecrement the timelne to reset to previous turns. To restart, just enter \"0\"`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":4250,"value":"md`## Tic Tac Toe`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":4237,"value":"createTimelineController(viewof ttt_timeline, viewof ttt_resetSignal)","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":4234,"value":"{\n ttt_renderCompleteSignal;\n return makeTimeline(ttt_board, ttt_timeline, ttt_timelineImages);\n}","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":4214,"value":"viewof ttt_board = {\n const canvas = DOM.canvas(ttt_space.k*size, ttt_space.k*size);\n const context = canvas.getContext(\"2d\");\n context.canvas.value = context;\n return context.canvas;\n}","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":4251,"value":"md`## Simple Wargame`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":4216,"value":"createTimelineController(viewof tac_timeline, viewof tac_resetSignal)","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":4218,"value":"{\n tac_renderCompleteSignal;\n return makeTimeline(tac_board, tac_timeline, tac_timelineImages);\n}","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":4220,"value":"viewof tac_board = {\n // TODO: Easier full reset than refresh?\n \n const canvas = DOM.canvas(tac_space.k*size, tac_space.k*size);\n const context = canvas.getContext(\"2d\");\n context.canvas.value = context;\n return context.canvas;\n}","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":756,"value":"md`### Unit Tests`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":2742,"value":"tLocations = [\n [1,0,1,1,1,0],\n [1,1,0,1,1,1],\n [1,1,1,1,0,0],\n [0,1,1,1,0,0],\n [1,1,0,1,1,0],\n [0,1,1,1,1,1],\n].map(\n (row, y) => row.map(\n (loc, x) => new Location(x, y, loc)\n ))","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":2746,"value":"tUnits = [\n {'range': 3, 'loc': [0,0], 'name': 'anxia', 'team': 0},\n {'range': 3, 'loc': [3,1], 'name': 'boxer', 'team': 1},\n {'range': 3, 'loc': [3,2], 'name': 'caleb', 'team': 0},\n {'range': 4, 'loc': [5,5], 'name': 'deep', 'team': 1}\n].map(u => new Unit(u.range, tLocations[u.loc[1]][u.loc[0]], u.name, u.team))","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":2747,"value":"tSpace = new Space(tLocations, tUnits)","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":758,"value":"tSpace.getAdjacent(tSpace.locations[0][0])// Should be (0, 1)","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":805,"value":"tSpace.getReachable(tSpace.locations[0][0], 0) // Should be (0, 0)","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":783,"value":"tSpace.getReachable(tSpace.locations[0][0], 1) // Should be (0, 0), (0, 1)","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":810,"value":"tSpace.getReachable(tSpace.locations[0][0], 3) // Should be (0, 0), (0, 1), (0,2), (1, 1), (1,2)","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":767,"value":"tSpace.getAdjacent(tSpace.locations[2][3]) // Should be (3,1), (3,3), (2,2)","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":829,"value":"tSpace.getReachable(tSpace.locations[2][3], 3) // 17 Locs","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":842,"value":"tSpace.getPath(tSpace.locations[2][3], tSpace.locations[2][3])","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":844,"value":"tSpace.getPath(tSpace.locations[2][3], tSpace.locations[4][4]) // 3 Locs","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":3052,"value":"tSpace.getDistance(tSpace.locations[0][0], tSpace.locations[5][5]) // 10 Locs","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":890,"value":"tSpace.getPath(tSpace.locations[0][0], tSpace.locations[5][5]) // 10 Locs","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":948,"value":"tSpace.units[0]","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":950,"value":"tSpace.units[0].getNextSelection(tSpace)","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":2463,"value":"tSpace.getUnit(tLocations[0][0])","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":1610,"value":"md`Classes`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":1629,"value":"new Location(0, 0, true)","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":1631,"value":"new Unit(1, new Location(0,0,true))","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":1859,"value":"// Create Path.\n// {\n// let locations = [[new Location(0,0,true), new Location(0,1, true)]];\n// let testSpace = new Space(locations, [])\n// testSpace.getPath(testSpace.locations[0][0], testSpace.locations[0][1]) // 17 Locs\n// // new Path(locations[0], locations[1], testSpace, 1);\n// } ","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":2614,"value":"dhp_ahp = {\n let aloc = new Location(0, 0, true);\n let dloc = new Location(0, 1, true);\n let attacker = new Unit(1, new Location(0, 0, true));\n let defender = new Unit(1, new Location(0, 1, true));\n let adspace = new Space([aloc, dloc], [attacker, defender]);\n let setCounter = new SetObserverEffect([undefined, defender]);\n setCounter.execute(adspace);\n let attack = new DamageEffect(attacker, dloc);\n attack.execute(adspace);\n return [defender.hp, attacker.hp, adspace.observers.length];\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":1624,"value":"new MoveEffect(new Unit(1, new Location(0, 0, true)), new Location(0, 1, true))","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":2648,"value":"new CounterObserver(new Unit(1, new Location(0, 0, true)))","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":2593,"value":"md`utilities`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":2596,"value":"[[1,2],[3,4]].flatMap(x => x)","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":1837,"value":"md`graphics`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":1839,"value":"// Display Location\n{\n const canvas = DOM.canvas(size, size);\n const context = canvas.getContext(\"2d\");\n context.canvas.value = context;\n let loc = new Location(0,0, true)\n loc.display.display(context);\n return context.canvas;\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":1848,"value":"// Display Unit - Test preview, but not refreshing view.\n{\n const canvas = DOM.canvas(size, size);\n const context = canvas.getContext(\"2d\");\n context.canvas.value = context;\n let loc = new Location(0,0, true)\n let unit = new Unit(1, loc);\n unit.display.display(context);\n canvas.addEventListener('mousemove', unit.display.previewListener(canvas)); \n return context.canvas;\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":3850,"value":"// // Display Unit - Test preview, but not refreshing view.\n// {\n// const canvas = DOM.canvas(400, 200);\n// const context = canvas.getContext(\"2d\");\n// context.canvas.value = context;\n// let confirmation = new Confirmation(undefined, \"Unit Test Message\");\n// confirmation.display.display(context);\n// return context.canvas;\n// }","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":1855,"value":"// // Display Path - Failing due to \"getPath\" call to testSpace.\n// {\n// const canvas = DOM.canvas(size, size);\n// const context = canvas.getContext(\"2d\");\n// context.canvas.value = context;\n// let loc1 = new Location(0,0, true);\n// let loc2 = new Location(0,1, true);\n// let unit = new Unit(1, loc1);\n// let path = new Path(loc1, loc2, t)\n// unit.display.display(context);\n// return context.canvas;\n// }","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":1887,"value":"// Display 2 Action\n{\n const canvas = DOM.canvas(size, size);\n const context = canvas.getContext(\"2d\");\n context.canvas.value = context;\n let loc = new Location(0,0, true)\n let unit = new Unit(1, loc);\n let actions = [new MoveAction(0, unit), new AttackAction(1, unit)];\n console.log(actions);\n actions.map(a => a.display.display(context));\n return context.canvas;\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":819,"value":"md`### Utilities`","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":863,"value":"function argmin(arr){\n let min = Math.min(...arr);\n return arr.indexOf(min);\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":821,"value":"Array.prototype.flatMap = function(lambda) { \n return Array.prototype.concat.apply([], this.map(lambda)); \n}","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":3023,"value":"intersection = (set1, set2) => new Set([...set1].filter(num => set2.has(num)))","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":3025,"value":"difference = (set1, set2) => new Set([...set1].filter(num => !set2.has(num)))","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":3027,"value":"union = (set1, set2) => new Set([...set1, ...set2])","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":549,"value":"function getMousePos(canvasDom, mouseEvent) {\n var rect = canvasDom.getBoundingClientRect();\n return {\n x: mouseEvent.clientX - rect.left,\n y: mouseEvent.clientY - rect.top\n };\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":300,"value":"md`### Classes`","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":431,"value":"class Location extends AbstractEntity {\n constructor(x, y, traversable) {\n super();\n this.color = getRandomColor();\n this.x = x;\n this.y = y;\n this.traversable = traversable;\n this.display = new LocationDisplay(this);\n }\n \n regenerateNextSelection(contextSpace) { \n this.nextSelection = [new Confirmation(this)];\n }\n}","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":611,"value":"$31","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":1391,"value":"class Confirmation {\n constructor(basis, message, isEnd) { // (basis: Selectable) : Confirmation\n this.basis = basis;\n this.message = message || \"Missing message\";\n this.isEnd = isEnd || false;\n this.display = new ConfirmationDisplay(this);\n } \n \n getNextSelection(contextSpace) {\n return []; \n }\n}","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":3828,"value":"class ConfirmationDisplay extends AbstractDisplay {\n constructor(confirmation) {\n super(confirmation);\n this.confirmation = confirmation;\n }\n \n render(context, clr, lfa){\n makeRect(100, 50, context, 200, \"white\", 1);\n \tcontext.fillStyle = \"black\";\n context.font = 30+\"px Trebuchet MS\";\n context.fillText(this.confirmation.message, 100, 100);\n }\n \n passiveDisplay(context) {\n this.render(context, 'grey');\n }\n \n basicDisplay(context) {\n this.render(context, 'black');\n }\n\n previewDisplay(context) {\n this.render(context, 'yellow');\n }\n\n selectDisplay(context) {\n this.render(context, 'red');\n }\n \n isHit(mousePos) {\n }\n \n}","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":1808,"value":"class AbstractEntity {\n constructor(){\n this.clearNextSelection();\n }\n \n getNextSelection(contextSpace) { // TODO: Make nextSelection explicitly caching, not dangerous state\n \tif (this.nextSelection == undefined){\n this.regenerateNextSelection(contextSpace)\n };\n return this.nextSelection;\n }\n \n regenerateNextSelection(contextSpace) { \n this.nextSelection = [];\n }\n \n clearNextSelection() {\n \tthis.nextSelection = undefined;\n }\n}","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":1750,"value":"$32","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":3823,"value":"class BaseUnit extends AbstractEntity { // isa Entity\n constructor(stats, name, loc, team, actionClasses) {\n super();\n this.range = stats.range || 3;\n this.arange = stats.arange || 3; \n this.maxhp = stats.maxhp || 3; \n this.hp = this.maxhp;\n this.dmg = stats.dmg || 1 \n this.name = name;\n this.loc = loc;\n this.team = team;\n this.display = new UnitDisplay(this);\n this.actionClasses = actionClasses\n }\n \n isAlive(){\n return this.hp > 0;\n }\n \n regenerateNextSelection(contextSpace) { \n if (this.isAlive()) {\n\t this.nextSelection = this.actionClasses.map((a, i) => new a(i, this));\n } else {\n this.nextSelection = [];\n }\n }\n}","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":411,"value":"class Unit extends BaseUnit { // isa Entity\n constructor(name, loc, team, stats) {\n super(stats || {}, name, loc, team, [MoveAction, AttackAction, ReadyCounterAction]);\n }\n}","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":428,"value":"$33","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":1803,"value":"class Action extends AbstractEntity {\n constructor(actionType, text, nextSelFn, digestFn, index) { // (origin: Location, destination: Location) : Path\n super();\n this.actionType = actionType;\n this.text = text;\n this.nextSelFn = nextSelFn;\n this.digestFn = digestFn;\n this.index = index;\n this.display = new ActionDisplay(this);\n }\n \n isHit(mousePos) {\n \tif (mousePos.x >= this.xOffset && mousePos.x < this.xOffset + this.width) {\n if (mousePos.y >= this.yOffset && mousePos.y < this.yOffset + this.height) {\n return true;\n } \n } else {\n return false;\n }\n }\n \n getNextSelection(contextSpace) {\n \tif (this.nextSelection == undefined){\n this.regenerateNextSelection(contextSpace)\n };\n return this.nextSelection;\n }\n \n regenerateNextSelection(contextSpace) { \n return this.nextSelFn;\n }\n \n clearNextSelection() {\n \tthis.nextSelection = undefined;\n }\n}","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":2894,"value":"class Effect {\n constructor() {\n }\n \n preExecute(){}\n \n execute(){}\n \n postExecute(){}\n}","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":3934,"value":"class AddUnitEffect extends Effect{\n constructor(destination) {\n super();\n this.destination = destination;\n }\n \n execute(contextSpace){\n contextSpace.units.push(new Unit(\"\", contextSpace.getLocation(this.destination), contextSpace.team));\n return this;\n }\n}","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":2888,"value":"class EndTurnEffect extends Effect{\n constructor() {\n super();\n }\n \n execute(contextSpace){\n contextSpace.advance();\n return this;\n }\n}","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":1940,"value":"class MoveAction extends Action {\n constructor(index, contextUnit) {\n const digestFn = function(stack) {\n let u = stack[1];\n let paths = stack.slice(2).filter(p => (p.constructor.name == \"Path\"));\n return paths.map(p => new MoveEffect(u, p.destination)).concat([new EndTurnEffect()]);\n }\n super(\"MOVE\", \"M\", () => {}, digestFn, index); //nextSelFn, digestFn\n this.unit = contextUnit;\n }\n \n regenerateNextSelection(contextSpace) { // (contextSpace: Space): Path[] \n console.log(\"REGENERATE MOVE NEXT_SEL\");\n this.nextSelection = contextSpace.getReachable(this.unit.loc, this.unit.range).map(dest => new Path(this.unit.loc, dest, contextSpace, this.unit.range));\n }\n}","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":1581,"value":"class MoveEffect extends Effect{\n constructor(unit, destination) {\n super();\n this.unit = unit;\n this.destination = destination;\n }\n \n execute(contextSpace){\n this.unit = contextSpace.units.filter(u => u.name == this.unit.name)[0]; // Questionable way to update unit on refresh.\n this.unit.loc = contextSpace.locations[this.destination.y][this.destination.x];\n // this.unit.loc = this.destination;\n return this;\n }\n}","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":2378,"value":"class AttackAction extends Action {\n constructor(index, contextUnit) {\n const digestFn = function(stack) {\n let u = stack[1];\n let loc = stack[3];\n return [new DamageEffect(u, loc), new EndTurnEffect()];\n }\n super(\"ATTACK\", \"A\", () => {}, digestFn, index);\n this.unit = contextUnit;\n }\n \n regenerateNextSelection(contextSpace) { // (contextSpace: Space): Location[] \n console.log(\"REGENERATE ATTACK NEXT_SEL\");\n this.nextSelection = contextSpace.units\n .filter(u => contextSpace.getDistanceDirect(u.loc, this.unit.loc) < this.unit.arange)\n .map(u => u.loc);\n }\n}","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":2441,"value":"class DamageEffect extends Effect {\n constructor(unit, target) {\n super();\n this.unit = unit;\n this.target = target;\n }\n \n preExecute(contextSpace){ // (contextSpace: Space) : Effect\n let effects = contextSpace.triggerObservers(this);\n console.log(\"triggered effects: \", effects);\n return effects.map(e => e.execute(contextSpace));\n }\n \n execute(contextSpace){\n this.unit = contextSpace.units.filter(u => u.name == this.unit.name)[0];\n this.preExecute(contextSpace);\n const unitsAtTarget = contextSpace.getUnit(this.target);\n if (unitsAtTarget.length == 1) {\n const targetUnit = unitsAtTarget[0];\n targetUnit.hp = targetUnit.hp - this.unit.dmg;\n console.log(\"Attacked \", targetUnit.name, \" for \", this.unit.dmg, \" damage. Remaining health: \", targetUnit.hp);\n } else {\n console.log(\"Attack whiffed!\");\n }\n return this;\n }\n}","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":2553,"value":"class ReadyCounterAction extends Action {\n constructor(index, contextUnit) {\n const digestFn = function(stack) {\n return [new SetObserverEffect(stack), new EndTurnEffect()];\n }\n super(\"COUNTER\", \"C\", () => {}, digestFn, index);\n this.unit = contextUnit;\n }\n \n regenerateNextSelection(contextSpace) { // (contextSpace: Space): Confirmation[]\n this.nextSelection = [new Confirmation(this)];\n }\n}","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":2572,"value":"class SetObserverEffect extends Effect {\n constructor(stack) {\n super();\n console.log(\"Set Observer: \", stack);\n this.unit = stack[1];\n }\n \n execute(contextSpace){\n contextSpace.observers.push(new CounterObserver(this.unit));\n return this;\n }\n}","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":2558,"value":"class CounterObserver {\n constructor(unit) {\n this.unit = unit;\n this.active = true;\n }\n \n trigger(effect) {\n // Counter attacks targeted at this unit.\n \tif (effect.constructor.name == \"DamageEffect\" && \n effect.target.x == this.unit.loc.x && \n effect.target.y == this.unit.loc.y &&\n this.unit.hp > 0) {\n console.log(\"COUNTER TRIGGERED\");\n this.active = false;\n return [new DamageEffect(this.unit, effect.unit.loc)];\n } else {\n return [];\n }\n }\n}","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":1820,"value":"class ActionDisplay extends AbstractDisplay {\n constructor(action) {\n super(action);\n this.action = action;\n this.size = size * 0.8\n }\n \n get xOffset() {\n return this.action.unit.display.xOffset;\n }\n \n get yOffset() {\n\treturn this.action.unit.display.yOffset + this.size * this.action.index;\n }\n \n render(context, color) {\n \tcontext.fillStyle = color;\n context.font = 0.8 * this.size +\"px Trebuchet MS\";\n context.fillText(this.action.text, this.xOffset, this.yOffset);\n }\n \n basicDisplay(context) {\n this.render(context, 'black');\n }\n \n previewDisplay(context) {\n this.render(context, 'yellow');\n }\n \n selectDisplay(context) {\n this.render(context, 'red');\n }\n \n isHit(mousePos) {\n \tif (mousePos.x >= this.xOffset && mousePos.x < this.xOffset + this.size) {\n if (mousePos.y >= this.yOffset - this.size && mousePos.y < this.yOffset) {\n return true;\n } \n } else {\n return false;\n }\n }\n}","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":924,"value":"$34","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":927,"value":"$35","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":660,"value":"$36","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":4159,"value":"class BaseControlQueue extends AbstractEntity {\n constructor(contextSpace){\n super()\n }\n \n checkEnd(contextSpace) {\n let end = contextSpace.gameOverConfirmation();\n if (end.length > 0) { console.log(\"GAME OVER\"); return end; }\n else { return undefined; }\n }\n \n calculateNext(contextSpace) {\n return [];\n }\n \n getNextSelection(contextSpace) { \n return this.checkEnd(contextSpace) || this.calculateNext(contextSpace);\n }\n}","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":3868,"value":"class TicTacToeControlQueue extends BaseControlQueue { \n constructor(contextSpace){\n super()\n // this.nextSelection = contextSpace.locations.flatMap(l => l);\n }\n \n calculateNext(contextSpace) {\n return Array.from(difference(new Set(contextSpace.locations.flatMap(l => l)), new Set(contextSpace.units.map(u => u.loc))));\n }\n}","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":938,"value":"class ControlQueue extends BaseControlQueue { \n constructor(contextSpace){\n super()\n // this.nextSelection = contextSpace.units;\n }\n \n calculateNext(contextSpace) { \n return contextSpace.units.filter(u => u.team == contextSpace.team); \n }\n}","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":3093,"value":"import {ListView} from \"@2timesjay/a-list-view\"","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":3098,"value":"import {ListController} from \"@2timesjay/a-list-view\"","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":3212,"value":"import {Signal} from \"@2timesjay/a-list-view\"","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":3560,"value":"md`### Setup Functions`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":3335,"value":"checkConfirmation = function(space, timelineView){\n let stack = space.inputStack;\n let digestFnGetter = space.digestFnGetter;\n let topSel = stack[stack.length - 1].getNextSelection(space);\n if (topSel.length > 0 && topSel[0].constructor.name == \"Confirmation\" && !topSel[0].isEnd) {\n console.log(\"CONFIRMED: \", stack);\n let digestFn = digestFnGetter(stack);\n let effects = digestFn(stack);\n while(stack.length > 1) {\n let top = stack[stack.length - 1];\n top.display._deselect(stack);\n }\n let executed_effects = effects.map(e => e.execute(space)); // TODO: Ensure counters pushed to timeline properly\n if (timelineView != undefined) {\n timelineView.push(executed_effects); // INTERFACE\n \t console.log(\"Timeline: \", timelineView);\n }\n return true;\n }\n return false;\n}","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":3567,"value":"$37","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":3230,"value":"function addListeners(context, triggerList, eventSignalView) {\n context.canvas.onmousemove = function(event) {\n triggerList.map(t => t(event))\n eventSignalView.trigger();\n }\n context.canvas.onclick = function(event) {\n triggerList.forEach(t => t(event));\n eventSignalView.trigger();\n }\n}","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":2174,"value":"$38","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":3590,"value":"function createTimelineController(timelineView, resetSignalView) {\n let lc = new ListController(timelineView); // INTERFACE\n lc.addEventListener(\"input\", () => {\n \tresetSignalView.checked = true;\n });\n return lc;\n}","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":3780,"value":"md`# TTT`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":3644,"value":"md`## TTT State initialization`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":3646,"value":"$39","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":3654,"value":"ttt_space = {\n ttt_resetSignal;\n if (this != undefined && !viewof ttt_resetSignal.checked) {\n \treturn this;\n }\n let space = ttt_makeSpace();\n console.log(\"REAPPLY TIMELINE\");\n ttt_timeline.flatMap(e => e).map(e => e.execute(space)); // Re-apply timeline; necessary for slidability.\n viewof ttt_resetSignal.checked = false;\n return space;\n}","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":3662,"value":"viewof ttt_eventSignal = new Signal(0)","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":3792,"value":"md`### Tac Timeline State`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":3796,"value":"ttt_timelineImages = []","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":3798,"value":"viewof ttt_timeline = new ListView([])","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":4017,"value":"ttt_timeline","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":3800,"value":"viewof ttt_resetSignal = html``","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":3802,"value":"viewof ttt_renderCompleteSignal = new Signal(0)","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":3694,"value":"md`### TTT Main Functions`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":4099,"value":"ttt_space.inputStack[0]","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":3706,"value":"ttt_draw = {\n // VIEW\n ttt_eventSignal;\n // MODEL\n const g_space = ttt_space;\n const g_timelineView = viewof ttt_timeline;\n const g_triggerList = g_space.triggerList;\n checkConfirmation(g_space, g_timelineView);\n // VIEW\n const g_context = ttt_board;\n const g_eventSignalView = viewof ttt_eventSignal;\n redraw(g_context, g_space, g_triggerList);\n addListeners(g_context, g_triggerList, g_eventSignalView);\n viewof ttt_renderCompleteSignal.trigger();\n}","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":3778,"value":"md`# TAC`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":2682,"value":"md`## Tac State Initialization`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":3478,"value":"$3a","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":376,"value":"tac_space = {\n tac_resetSignal;\n if (this != undefined && !viewof tac_resetSignal.checked) {\n \treturn this;\n }\n let space = tac_makeSpace();\n console.log(\"REAPPLY TIMELINE\");\n tac_timeline.flatMap(e => e).map(e => e.execute(space)); // Re-apply timeline; necessary for slidability.\n viewof tac_resetSignal.checked = false;\n return space;\n}","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":682,"value":"viewof tac_eventSignal = new Signal(0)","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":3627,"value":"md`### Tac Timeline State`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":2298,"value":"tac_timelineImages = []","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":2002,"value":"viewof tac_timeline = new ListView([])","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":2515,"value":"viewof tac_resetSignal = html``","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":3207,"value":"viewof tac_renderCompleteSignal = new Signal(0)","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":753,"value":"md`### Tac Main Function`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":1221,"value":"tac_draw = {\n tac_eventSignal;\n const g_space = tac_space; // STATE\n const g_context = tac_board;\n const g_eventSignalView = viewof tac_eventSignal;\n const g_timelineView = viewof tac_timeline; // STATE\n const g_triggerList = g_space.triggerList;\n checkConfirmation(g_space, g_timelineView);\n redraw(g_context, g_space, g_triggerList);\n addListeners(g_context, g_triggerList, g_eventSignalView);\n viewof tac_renderCompleteSignal.trigger();\n}","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":3588,"value":"md`### Rendering Functions`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":92,"value":"function getRandomColor() {\n var letters = '0123456789ABCDEF';\n var color = '#';\n for (var i = 0; i < 6; i++) {\n color += letters[Math.floor(Math.random() * 16)];\n }\n return color;\n}\n","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":453,"value":"size = 100","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":109,"value":"function makeRect(x, y, context, size, clr, lfa){\n const alpha = lfa == undefined ? 1.0 : lfa;\n const color = clr == undefined ? \"#000000\" : clr;\n context.globalAlpha = alpha;\n context.beginPath();\n context.rect(x, y, size, size);\n context.fillStyle = color;\n context.fill();\n context.lineWidth = 4;\n context.strokeStyle = 'black';\n context.stroke();\n context.globalAlpha = 1.0;\n}","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":999,"value":"function makeCircle(x, y, context, size, clr, lfa){\n const alpha = lfa == undefined ? 1.0 : lfa;\n const color = clr == undefined ? \"#000000\" : clr;\n var centerX = x;\n var centerY = y;\n var radius = size;\n \n context.globalAlpha = alpha;\n context.beginPath();\n context.arc(centerX, centerY, radius, 0, 2 * Math.PI, false);\n context.fillStyle = color;\n context.fill();\n context.lineWidth = 5;\n // context.strokeStyle = color;\n // context.stroke();\n context.globalAlpha = 1.0;\n}","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"}],"files":"$W3b","stdlib":"1","titling":"auto"}} 30:"$2f:body"