+ simoji.treenotation.org

+

+

Simoji the language is a Tree Language. There are no visible syntax characters. Indentation is used for parent/child relationships. Here is the grammar.

+

You can load any simulation from a publicly accessible URL by prefixing it with: https://simoji.treenotation.org/#url . For example: https://simoji.treenotation.org/#url%20https://simoji.treenotation.org/examples/eatTheBacon.simoji

+ ].click()

+ https://jtree.treenotation.org/designer#url%20https%3A%2F%2Fsimoji.treenotation.org%2Fdist%2Fsimoji.grammar grammar

+ * You can load any simulation from a publicly accessible URL by prefixing it with: `https://simoji.treenotation.org/#url `. For example: https://simoji.treenotation.org/#url%20https://simoji.treenotation.org/examples/eatTheBacon.simoji

+ baseUrl https://simoji.treenotation.org/

+

+

+ ].click()

+

+ ].click()

+ .DS_Store

+ package-lock.json

+ const { LocalStorageKeys, UrlKeys } = require("./components/Types.js")

+ const grammar = await fetch("dist/simoji.grammar")

+ const path = require("path")

+ const { Server } = require("./server.js")

+

+ const distFolder = path.join(__dirname, "dist")

+ const libCode = libPaths.map(libPath => Disk.read(path.join(__dirname, libPath))).join("\n\n")

+ Disk.write(path.join(distFolder, "simoji.grammar"), new Server().grammar)

+ Disk.write(path.join(distFolder, "libs.js"), libCode)

+ const ourPaths = Disk.getFiles(path.join(__dirname, "components")).filter(path => !path.includes(".test"))

+ ourPaths.unshift(path.join(__dirname, "yodash.js"))

+ ourPaths.push(path.join(__dirname, "BrowserGlue.js"))

+ Disk.write(path.join(distFolder, "simoji.js"), simCode)

+ grammar: Disk.read(path.join(distFolder, "simoji.grammar")),

+ Disk.write(path.join(distFolder, "constants.js"), `const SimConstants = ` + JSON.stringify(SimConstants))

+ https://jtree.treenotation.org/designer#url%20https%3A%2F%2Fsimoji.pub%2Fdist%2Fsimoji.grammar grammar

+ const { Keywords } = require("./Types.js")

+ const classCache = {}

+ const getClassCache = (program, words) => {

+ const key = words.join(" ")

+ if (!classCache[key]) classCache[key] = yodash.flatten(yodash.pick(program, words))

+ return classCache[key]

+ }

+

+ _direction = { x: 0, y: 1 }

+

+ get direction() {

+ if (this.angle) {

+ const vectors = {

+ North: [0, -1],

+ East: [1, 0],

+ South: [0, 1],

+ West: [-1, 0],

+ Northeast: [Math.cos(Math.PI / 4), Math.sin((Math.PI * 3) / 4)],

+ Southeast: [Math.cos((Math.PI * 3) / 4), Math.sin(Math.PI / 4)],

+ Southwest: [-Math.cos((Math.PI * 3) / 4), Math.sin(Math.PI * (5 / 8))],

+ Northwest: [-Math.cos(Math.PI * (5 / 8)), Math.sin((Math.PI * -3) / 4)]

+ }

+ this._direction = vectors[this.angle]

+ this.angle = ""

+ }

+ return this._direction

+ }

+

+ set direction(newDirection) {

+ this._direction = newDirection

+ }

+ return this.definitionWithClasses.findNodes(eventName)

+ get definitionWithClasses() {

+ if (!this.classes.length) return this.board.simojiProgram.getNode(this.firstWord)

+ return getClassCache(this.board.simojiProgram, [this.firstWord, ...this.classes])

+ this.parent.insertInbounds(newObject, this.x, this.y)

+ const { direction, speed } = this

+

+ this.top = Math.max(this.top + direction.y * speed, 0)

+ this.left = Math.max(this.left + direction.x * speed, 0)

+ node.setPosition({ x: this.x, y: this.y })

+ speed = 1

+

+ get x() {

+ return this.left

+ get y() {

+ return this.top

+ get w() {

+ return this.width

+ get h() {

+ return this.height

+ width = 10

+ height = 10

+

+ return this._y ?? this.position.y

+ this.setPosition({

+ y: value,

+ x: this.left

+ })

+ setPosition(newPosition) {

+ if (!this.board.canGoHere(newPosition.x, newPosition.y, this.width, this.height))

+ return this.bouncy ? this.bounce() : this

+

+ this._x = newPosition.x

+ this._y = newPosition.y

+ // Todo: do we need to update the string?

+ return this.setLine([this.firstWord, newPosition.x, newPosition.y].join(" "))

+ }

+

+ handleCollisions(targetAgents) {

+ if (!this.stillExists) return

+ this.getCommandBlocks(Keywords.onHit).forEach(hitMap => {

+ if (this.skip(hitMap.getWord(1))) return

+ targetAgents.forEach(targetAgent => {

+ const targetId = targetAgent.firstWord

+ const commandBlock = hitMap.getNode(targetId)

+ if (commandBlock) commandBlock.forEach(command => this._executeCommand(targetAgent, command))

+ })

+ })

+ }

+

+ get symbol() {

+ return this.firstWord

+ }

+

+ get collidingAgents() {

+ return this.board.objectsCollidingWith(this.x, this.y, this.width, this.height).filter(node => node !== this)

+ }

+

+ get neighorCount() {

+ return this.board.getNeighborCount(this)

+ }

+

+ return this.board.width - this.width - 1

+ return this.board.height - this.height - 1

+ this.setPosition({

+ y: this.top,

+ x: value

+ })

+ return this._x ?? this.position.x

+ get bounds() {

+ return {

+ x: this.x,

+ y: this.y,

+ w: this.width,

+ h: this.height

+ }

+ get position() {

+ return {

+ x: parseInt(this.words[1]),

+ y: parseInt(this.words[2])

+ }

+ return 1

+ }

+

+ get agentSize() {

+ return this.size ?? this.gridSize

+ if (this.element) this.element.remove()

+ return document.getElementById(this.id)

+ const { health, width, height } = this

+ return `top:${this.top}px;left:${this.left}px;font-size:${height}px;line-height:${height}px;${opacity};${

+ this.style ?? ""

+ }`

+ }

+

+ get id() {

+ return `agent${this.agentNumber}`

+ }

+

+ get agentNumber() {

+ return this._getUid()

+ elem.setAttribute("id", this.id)

+ toggleSelectCommand() {

+ const { root } = this

+ root.selection.includes(this) ? this.unselectCommand() : this.selectCommand()

+

+ root.ensureRender()

+ return this

+ }

+

+ unselectCommand() {

+ this.unselect()

+ this.root.selection = this.root.selection.filter(node => node !== this)

+ }

+

+ selectCommand() {

+ this.root.selection.push(this)

+ this.select()

+ target.direction = this.direction

+ const { x, y } = this.direction

+ this.direction = { x: -x, y: -y }

+ const rng = this.board.randomNumberGenerator

+ this.direction = { x: 2 * rng() - 1, y: 2 * rng() - 1 }

+ if (!targets) return this

+ this.target = yodash.getClosest(targets, this)

+ this.direction = yodash.unitVector(this, this.target)

+ if (!targets) return this

+ this.target = yodash.getClosest(targets, this)

+ const bestUnitVector = yodash.unitVector(this, this.target)

+ this.direction = { x: -bestUnitVector.x, y: -bestUnitVector.y }

+ const position = command.getWordsFrom(2).length ? command.getWordsFrom(2).join(" ") : `${subject.x} ${subject.y}`

+ get midpoint() {

+ return { x: this.x + this.width / 2, y: this.y + this.height / 2 }

+ }

+

+ emit(subject, command) {

+ const { midpoint } = this

+ const position = command.getWordsFrom(2).length ? command.getWordsFrom(2).join(" ") : `${midpoint.x} ${midpoint.y}`

+ const agent = this.board.appendLine(`${command.getWord(1)} ${position}`)

+ agent.direction = this.direction

+ }

+

+ while (this.collidingAgents.length) {

+ grow() {

+ this.width++

+ this.height++

+ this.markDirty()

+ }

+

+ shrink() {

+ if (!this.width || !this.height) return

+ this.width--

+ this.height--

+ this.markDirty()

+ }

+

+ _lastPulse

+ pulse() {

+ if (this._lastPulse) this.shrink()

+ else this.grow()

+ this._lastPulse = !this._lastPulse

+ }

+

+ this.classes.push(command.getWord(1))

+ const className = command.getWord(1)

+ this.classes = this.classes.filter(name => name !== className)

+ const { CollisionDetector } = require("./CollisionDetector.js")

+ return 1

+ get width() {

+ if (this._width === undefined) this._width = parseInt(this.getWord(2))

+ return this._width

+ get height() {

+ if (this._height === undefined) this._height = parseInt(this.getWord(3))

+ return this._height

+ insertAgentAtCommand(xCenter, yCenter) {

+ this.clearCollisionDetector()

+ const { agentWidth, agentHeight } = this.getAgentHeightAndWidth(agentToInsert)

+

+ const x = xCenter - Math.floor(agentWidth / 2)

+ const y = yCenter - Math.floor(agentHeight / 2)

+ //if (parent.findNodes(agentToInsert).length > MAX_ITEMS) return true

+ this.prependLine(`${agentToInsert} ${x} ${y}`)

+ this.renderAndGetRenderReport()

+ this.clearCollisionDetector()

+ targetNode.appendLine(`insertAt ${agentToInsert} ${x} ${y}`)

+ this.clearCollisionDetector()

+ this.handleCollisions()

+ treeComponentDidMount() {

+ const that = this

+ if (this.isNodeJs()) return

+ jQuery(this.getStumpNode().getShadow().element).on("click", ".Agent", function (evt) {

+ const agent = evt.target

+ const id = parseInt(jQuery(agent).attr("id").replace("agent", ""))

+ that.getAgent(id).toggleSelectCommand()

+ })

+ }

+

+ getAgent(uid) {

+ return this.agents.find(agent => agent._getUid() === uid)

+ }

+

+ getAgentHeightAndWidth(agentSymbol) {

+ const item = new this.agentMap[agentSymbol]()

+ return { agentWidth: item.width, agentHeight: item.height }

+ }

+

+ insertInbounds(agentSymbol, x, y) {

+ const { agentWidth, agentHeight } = this.getAgentHeightAndWidth(agentSymbol)

+ const xOver = x + agentWidth - this.width

+ const yOver = y + agentHeight - this.height

+ if (xOver > 0) x = x - xOver - 10

+ if (yOver > 0) y = y - yOver - 10

+ if (x < 0) x = 0

+ if (y < 0) y = 0

+ this.appendLine(`${agentSymbol} ${x} ${y}`)

+ }

+

+ // todo: origin

+ insertClusteredRandomAgents(amount, agentSymbol, x = 0, y = 0) {

+ const { agentWidth, agentHeight } = this.getAgentHeightAndWidth(agentSymbol)

+ const spots = this.collisionDetector.findClusteredNonOverlappingSquares(

+ agentWidth,

+ agentHeight,

+ amount,

+ x,

+ y,

+ (amount * agentWidth) / 4

+ )

+ return spots.map(spot => `${agentSymbol} ${spot.x} ${spot.y}`).join("\n")

+ }

+

+ this.insertClusteredRandomAgents(

+ this.clearCollisionDetector()

+ this.appendLine(`${commandNode.getWord(1)} ${commandNode.getWord(2)} ${commandNode.getWord(3)}`)

+ this.clearCollisionDetector()

+ // todo: need a typed words method in jtree

+ // rectangle 🙂 width height x y 🙂

+ const [command, agentSymbol, width, height, x, y, fillSymbol, spacing] = commandNode.words

+

+ const { agentWidth, agentHeight } = this.getAgentHeightAndWidth(agentSymbol)

+

+ const options = {

+ agentSymbol,

+ width: parseInt(width),

+ height: parseInt(height),

+ x: x ? parseInt(x) : 0,

+ y: y ? parseInt(y) : 0,

+ fillSymbol,

+ spacing: spacing || 0,

+ agentHeight,

+ agentWidth

+ }

+

+ const newLines = this.makeRectangle(options)

+ this.clearCollisionDetector()

+ this.clearCollisionDetector()

+ this.concat(this.fill(commandNode.getWord(1)))

+ this.clearCollisionDetector()

+ this.concat(this.draw(commandNode.childrenToString()))

+ this.clearCollisionDetector()

+ const { width, height } = this

+ const agentSymbol = commandNode.getWord(2)

+ const { agentWidth, agentHeight } = this.getAgentHeightAndWidth(agentSymbol)

+ const maxCells = (width * height) / (agentWidth * agentHeight)

+ amount = amount.includes("%") ? yodash.parsePercent(amount) * maxCells : parseInt(amount)

+

+ const spots = this.collisionDetector.findNonOverlappingSquares(agentWidth, agentHeight, amount)

+

+ const newAgents = spots.map(spot => `${agentSymbol} ${spot.x + " " + spot.y}`).join("\n")

+ this.clearCollisionDetector()

+ clearCollisionDetector() {

+ delete this._collisionDetector

+ delete this._solidCollisionDetector

+ _collisionDetector

+ get collisionDetector() {

+ if (!this._collisionDetector) this._collisionDetector = new CollisionDetector(this.agents, this.width, this.height)

+ return this._collisionDetector

+ handleCollisions() {

+ const collisions = this.collisionDetector.detectCollisions()

+ collisions.forEach(collision => {

+ const [agentA, agentB] = collision

+ agentA.handleCollisions([agentB])

+ agentB.handleCollisions([agentA])

+ })

+ this.appendLine(`${command.getWord(1)} ${this.getRandomLocationHash()}`)

+

+ isRectOccupied(x, y, width, height) {

+ return !this.collisionDetector.isSpotAvailable(x, y, width, height)

+ }

+

+ objectsCollidingWith(x, y, width, height) {

+ return this.collisionDetector.getCollidingAgents(x, y, width, height)

+ }

+

+ _solidCollisionDetector

+ get solidCollisionDetector() {

+ if (!this._solidCollisionDetector)

+ this._solidCollisionDetector = new CollisionDetector(

+ this.agents.filter(agent => agent.solid),

+ this.width,

+ this.height

+ )

+ return this._solidCollisionDetector

+ }

+

+ canGoHere(x, y, width, height) {

+ const blockersHere = this.solidCollisionDetector.getCollidingAgents(x, y, width, height)

+ if (blockersHere.length) return false

+

+ return true

+ }

+

+ get collidingAgents() {

+ const agents = this.agents

+ const collidingAgents = []

+ for (let agent of agents) {

+ const { position, agentSize } = agent

+ const agentsHere = this.objectsCollidingWith(position.x, position.y, agentSize).filter(a => a !== agent)

+ if (agentsHere.length) collidingAgents.push(...agentsHere)

+ }

+ return collidingAgents

+ }

+

+ makePositionHash(positionType) {

+ return `${positionType.x + " " + positionType.y}`

+ }

+

+ getRandomLocationHash(size = 1) {

+ const { x, y } = this.getRandomLocation()

+ if (this.isRectOccupied(x, y, size, size)) return this.getRandomLocationHash()

+ return this.makePositionHash({ x, y })

+ }

+

+ getRandomLocation() {

+ const { randomNumberGenerator, height, width } = this

+ const maxRight = width

+ const maxBottom = height

+ const x = Math.round(randomNumberGenerator() * maxRight)

+ const y = Math.round(randomNumberGenerator() * maxBottom)

+ return { x, y }

+ }

+

+ draw(str) {

+ const lines = str.split("\n")

+ const output = []

+ let agentWidth

+ let agentHeight

+ for (let index = 0; index < lines.length; index++) {

+ const words = lines[index].split(" ")

+ for (let wordIndex = 0; wordIndex < words.length; wordIndex++) {

+ const agentSymbol = words[wordIndex]

+ if (agentSymbol && !agentWidth) {

+ // Draw assumes everything being drawn is a square with sides N.

+ agentWidth = this.getAgentHeightAndWidth(agentSymbol).agentWidth

+ agentHeight = agentWidth

+ }

+

+ if (agentSymbol !== "")

+ output.push(`${agentSymbol} ${this.makePositionHash({ y: index * agentHeight, x: wordIndex * agentHeight })}`)

+ }

+ }

+ return output.join("\n")

+ }

+

+ makeRectangle(options) {

+ const { width, height, agentSymbol, x, y, fillSymbol, spacing, agentHeight, agentWidth } = options

+

+ if (width < 1 || height < 1) return ""

+

+ if (isNaN(x)) x = 20

+ if (isNaN(y)) y = 20

+

+ const cells = []

+ let row = 0

+ while (row < height) {

+ let col = 0

+ while (col < width) {

+ const isPerimeter = row === 0 || row === height - 1 || col === 0 || col === width - 1

+ if (!fillSymbol && !isPerimeter) {

+ col++

+ continue

+ }

+

+ cells.push(

+ `${isPerimeter ? agentSymbol : fillSymbol} ${x + col * (agentWidth + spacing)} ${

+ y + row * (agentHeight + spacing)

+ }`

+ )

+ col++

+ }

+ row++

+ }

+ return cells.join("\n")

+ }

+

+ fill(agentSymbol) {

+ let { width, height } = this

+ const { agentWidth, agentHeight } = this.getAgentHeightAndWidth(agentSymbol)

+ const board = []

+ let y = 0

+ while (y < height - agentHeight) {

+ let x = 0

+ while (x < width - agentWidth) {

+ if (this.isRectOccupied(x, y, agentWidth, agentHeight)) {

+ x += agentWidth

+ continue

+ }

+ board.push(`${agentSymbol} ${x} ${y}`)

+ x += agentWidth

+ }

+ y += agentHeight

+ }

+ return board.join("\n")

+ }

+

+ getNeighborCount(rect) {

+ const { position, agentSize } = rect

+ const neighborCounts = {}

+ this.positionsAdjacentToRect(position.right, position.down, agentSize).forEach(pos => {

+ const agents = this.objectsCollidingWith(pos.right, pos.down, agentSize)

+ agents.forEach(agent => {

+ if (!neighborCounts[agent.name]) neighborCounts[agent.name] = 0

+ neighborCounts[agent.name]++

+ })

+ })

+ return neighborCounts

+ }

+

+ positionsAdjacentToRect(x, y, size) {

+ const positions = []

+ for (let row = y - size; row <= y + size; row++) {

+ for (let col = x - size; col <= x + size; col++) {

+ if (row === y && col === x) continue

+ positions.push({ right: col, down: row })

+ }

+ }

+ return positions

+ }

+ #!/usr/bin/env node

+

+ const { BoardComponent } = require("./Board.js")

+ const { TestRacer } = require("jtree/products/TestRacer.js")

+

+ const testTree = {}

+

+ testTree.makeRectangle = areEqual => {

+ const expected = `😀 0 0

+ 😀 1 0

+ 😀 0 1

+ 😀 1 1`

+

+ const options = {

+ agentSymbol: "😀",

+ width: 2,

+ height: 2,

+ x: 0,

+ y: 0,

+ fillSymbol: false,

+ spacing: 0,

+ agentHeight: 1,

+ agentWidth: 1

+ }

+

+ const board = new BoardComponent()

+ areEqual(board.makeRectangle(options), expected)

+

+ options.agentSymbol = "🚪"

+ options.height = 1

+ options.x = 1

+ options.y = 1

+ areEqual(

+ board.makeRectangle(options),

+ `🚪 1 1

+ 🚪 2 1`

+ )

+ }

+

+ if (!module.parent) TestRacer.testSingleFile(__filename, testTree)

+ module.exports = { testTree }

+ class Bounds {

+ constructor(x, y, w, h) {

+ this.x = x

+ this.y = y

+ this.w = w

+ this.h = h

+ }

+

+ intersects(range) {

+ return !(

+ range.x >= this.x + this.w ||

+ range.y >= this.y + this.h ||

+ range.x + range.w <= this.x ||

+ range.y + range.h <= this.y

+ )

+ }

+ }

+

+ class Quadtree {

+ constructor(bounds, capacity, maxDepth = 10) {

+ this.bounds = new Bounds(bounds.x, bounds.y, bounds.w, bounds.h)

+ this.capacity = capacity

+ this.maxDepth = maxDepth

+ this.agents = []

+ }

+

+ get agentCount() {

+ let count = 0

+

+ if (this.isLeaf()) {

+ count += this.agents.length

+ } else {

+ for (const child of this.children) {

+ count += child.agentCount

+ }

+ }

+

+ return count

+ }

+

+ insert(agent, depth = 0) {

+ if (!this.bounds.intersects(agent)) return false

+

+ if (!this.divided && (this.agents.length < this.capacity || depth >= this.maxDepth)) {

+ this.agents.push(agent)

+ return true

+ } else {

+ if (!this.divided) this.divide()

+ for (const child of this.children) {

+ if (child.insert(agent, depth + 1)) return true

+ }

+ }

+ return false

+ }

+

+ isLeaf() {

+ return !this.divided

+ }

+

+ get northWest() {

+ return this.children[0]

+ }

+

+ get northEast() {

+ return this.children[1]

+ }

+

+ get southWest() {

+ return this.children[2]

+ }

+

+ get southEast() {

+ return this.children[3]

+ }

+

+ prettyPrint(depth = 0) {

+ let output = ""

+

+ if (this.isLeaf()) {

+ output += "-".repeat(depth - 1)

+ output += `[${this.bounds.x}, ${this.bounds.y}, ${this.bounds.w}, ${this.bounds.h}]: `

+ output += this.agents.map(agent => agent.id).join(", ")

+ output += "\n"

+ } else {

+ output += this.northWest.prettyPrint(depth + 1)

+ output += this.northEast.prettyPrint(depth + 1)

+ output += this.southWest.prettyPrint(depth + 1)

+ output += this.southEast.prettyPrint(depth + 1)

+ }

+

+ return output

+ }

+

+ get divided() {

+ return !!this.children

+ }

+

+ divide() {

+ const { x, y } = this.bounds

+ const { bounds, capacity } = this

+ const w = bounds.w / 2

+ const h = bounds.h / 2

+

+ this.children = [

+ new Quadtree({ x, y, w, h }, capacity),

+ new Quadtree({ x: x + w, y, w, h }, capacity),

+ new Quadtree({ x, y: y + h, w, h }, capacity),

+ new Quadtree({ x: x + w, y: y + h, w, h }, capacity)

+ ]

+

+ for (const agent of this.agents) this.insert(agent)

+ delete this.agents

+ }

+

+ query(range, found = []) {

+ if (!this.bounds.intersects(range)) return found

+

+ if (!this.divided) {

+ for (const agent of this.agents) if (range.intersects(agent)) found.push(agent)

+ } else {

+ for (const child of this.children) child.query(range, found)

+ }

+

+ return found

+ }

+ }

+

+ class CollisionDetector {

+ constructor(agents, worldWidth, worldHeight) {

+ this.agents = agents

+ this.width = worldWidth

+ this.height = worldHeight

+ this.quadtree = new Quadtree({ x: 0, y: 0, w: worldWidth, h: worldHeight }, 4)

+ for (const agent of this.agents) this.addAgent(agent)

+ }

+

+ addAgent(agent) {

+ this.quadtree.insert(agent)

+ return this

+ }

+

+ isSpotAvailable(x, y, width, height) {

+ const searchBounds = new Bounds(x, y, width, height)

+

+ const nearbyAgents = this.quadtree.query(searchBounds)

+

+ for (const agent of nearbyAgents) {

+ if (x < agent.x + agent.width && x + width > agent.x && y < agent.y + agent.height && y + height > agent.y) {

+ return false

+ }

+ }

+ return true

+ }

+

+ findNonOverlappingSquares(width, height, N) {

+ const nonOverlappingSquares = []

+ const availableCells = []

+

+ // Divide the world into cells

+ for (let x = 0; x < this.width - width; x += width) {

+ for (let y = 0; y < this.height - height; y += height) {

+ if (this.isSpotAvailable(x, y, width, height)) availableCells.push({ x, y })

+ }

+ }

+

+ // Randomly select non-overlapping cells

+ while (nonOverlappingSquares.length < N && availableCells.length) {

+ const randomIndex = Math.floor(Math.random() * availableCells.length)

+ nonOverlappingSquares.push(availableCells[randomIndex])

+ availableCells.splice(randomIndex, 1)

+ }

+ return nonOverlappingSquares

+ }

+

+ findClusteredNonOverlappingSquares(width, height, N, centerX, centerY, clusterRadius) {

+ const nonOverlappingSquares = []

+ const availableCells = []

+

+ // Divide the world into cells and filter by clusterRadius

+ for (let x = 0; x < this.width - width; x += width) {

+ for (let y = 0; y < this.height - height; y += height) {

+ const dx = x - centerX

+ const dy = y - centerY

+ const distance = Math.sqrt(dx * dx + dy * dy)

+

+ if (distance <= clusterRadius && this.isSpotAvailable(x, y, width, height)) {

+ availableCells.push({ x: x, y: y })

+ }

+ }

+ }

+

+ // Randomly select non-overlapping cells

+ while (nonOverlappingSquares.length < N && availableCells.length > 0) {

+ const randomIndex = Math.floor(Math.random() * availableCells.length)

+ nonOverlappingSquares.push(availableCells[randomIndex])

+ availableCells.splice(randomIndex, 1)

+ }

+

+ return nonOverlappingSquares

+ }

+

+ getCollidingAgents(x, y, width, height) {

+ const collidingAgents = []

+ const queryBounds = new Bounds(x, y, width, height)

+ const nearbyAgents = this.quadtree.query(queryBounds)

+

+ for (const agent of nearbyAgents) {

+ if (queryBounds.intersects(agent)) collidingAgents.push(agent)

+ }

+

+ return collidingAgents

+ }

+

+ detectCollisions() {

+ let collissions = []

+

+ for (const agentA of this.agents) {

+ const searchBounds = new Bounds(

+ agentA.x - agentA.width,

+ agentA.y - agentA.height,

+ agentA.width * 2,

+ agentA.height * 2

+ )

+ const nearbyAgents = this.quadtree.query(searchBounds)

+ for (const agentB of nearbyAgents) {

+ if (agentA !== agentB && this.checkCollision(agentA, agentB)) collissions.push([agentA, agentB])

+ }

+ }

+ return collissions

+ }

+

+ checkCollision(a, b) {

+ return a.x < b.x + b.width && a.x + a.width > b.x && a.y < b.y + b.height && a.y + a.height > b.y

+ }

+ }

+

+ module.exports = { CollisionDetector }

+ #!/usr/bin/env node

+

+ const { CollisionDetector } = require("./CollisionDetector.js")

+ const { TestRacer } = require("jtree/products/TestRacer.js")

+

+ const testTree = {}

+

+ class MockWorld {

+ constructor(width, height) {

+ this.width = width

+ this.height = height

+ }

+ }

+

+ class MockAgent {

+ constructor(id, position) {

+ this.id = id

+ this.x = position.x

+ this.y = position.y

+ this.width = position.width

+ this.height = position.height

+ }

+

+ get w() {

+ return this.width

+ }

+

+ get h() {

+ return this.height

+ }

+ }

+

+ testTree.empty = areEqual => {

+ const world = new MockWorld(500, 500)

+ const agents = []

+ const collisionDetector = new CollisionDetector(agents, world.width, world.height)

+ areEqual(collisionDetector.detectCollisions().length, 0) // Should not detect any collisions

+ }

+

+ testTree.miss = areEqual => {

+ const world = new MockWorld(500, 500)

+ const agents = [

+ new MockAgent(1, { x: 50, y: 50, width: 10, height: 10 }),

+ new MockAgent(2, { x: 200, y: 200, width: 10, height: 10 })

+ ]

+ const collisionDetector = new CollisionDetector(agents, world.width, world.height)

+ areEqual(collisionDetector.detectCollisions().length, 0) // Should not detect any collisions

+ }

+

+ testTree.hit = areEqual => {

+ const world = new MockWorld(500, 500)

+ const agents = [

+ new MockAgent(1, { x: 50, y: 50, width: 10, height: 10 }),

+ new MockAgent(2, { x: 55, y: 55, width: 10, height: 10 })

+ ]

+ const collisionDetector = new CollisionDetector(agents, world.width, world.height)

+ areEqual(collisionDetector.detectCollisions().length, 2, "one hit") // Should detect a collision between agents 1 and 2

+ }

+

+ testTree.multiple = areEqual => {

+ const world = new MockWorld(500, 500)

+ const agents = [

+ new MockAgent(1, { x: 50, y: 50, width: 10, height: 10 }),

+ new MockAgent(2, { x: 55, y: 55, width: 10, height: 10 }),

+ new MockAgent(3, { x: 200, y: 200, width: 10, height: 10 }),

+ new MockAgent(4, { x: 205, y: 200, width: 10, height: 10 }),

+ new MockAgent(5, { x: 400, y: 400, width: 10, height: 10 })

+ ]

+ const collisionDetector = new CollisionDetector(agents, world.width, world.height)

+ areEqual(collisionDetector.detectCollisions().length, 4, "2 hits") // Should detect collisions between agents 1 and 2, and agents 3 and 4

+ }

+

+ testTree.get = areEqual => {

+ const world = new MockWorld(500, 500)

+ const agents = [

+ new MockAgent(1, { x: 50, y: 50, width: 10, height: 10 }),

+ new MockAgent(2, { x: 55, y: 55, width: 10, height: 10 }),

+ new MockAgent(3, { x: 200, y: 200, width: 10, height: 10 })

+ ]

+ const collisionDetector = new CollisionDetector(agents, world.width, world.height)

+ const collidingAgents = collisionDetector.getCollidingAgents(45, 45, 20, 20)

+ areEqual(collidingAgents.length, 2, "query works") // Should return an array containing the agents 1 and 2, as they collide with the specified rectangle

+ }

+

+ testTree.big = areEqual => {

+ const world = new MockWorld(500, 500)

+ const agents = [

+ new MockAgent(1, { x: 50, y: 50, width: 10, height: 10 }),

+ new MockAgent(2, { x: 55, y: 55, width: 10, height: 10 }),

+ new MockAgent(3, { x: 200, y: 200, width: 10, height: 10 }),

+ new MockAgent(4, { x: 250, y: 250, width: 10, height: 10 }),

+ new MockAgent(5, { x: 300, y: 300, width: 10, height: 10 }),

+ new MockAgent(6, { x: 30, y: 30, width: 10, height: 10 }),

+ new MockAgent(7, { x: 15, y: 15, width: 10, height: 10 }),

+ new MockAgent(8, { x: 100, y: 100, width: 10, height: 10 }),

+ new MockAgent(9, { x: 75, y: 75, width: 10, height: 10 }),

+ new MockAgent(10, { x: 350, y: 350, width: 10, height: 10 }),

+ new MockAgent(11, { x: 400, y: 400, width: 10, height: 10 }),

+ new MockAgent(12, { x: 450, y: 450, width: 10, height: 10 })

+ ]

+ const collisionDetector = new CollisionDetector(agents, world.width, world.height)

+ const collidingAgents = collisionDetector.getCollidingAgents(45, 45, 30, 30)

+ areEqual(collidingAgents.length, 2) // Should return an array containing the agents 1 and 2, as they collide with the specified rectangle

+ }

+

+ if (!module.parent) TestRacer.testSingleFile(__filename, testTree)

+ module.exports = { testTree }

+ gridClickCommand(x, y) {

+ return this.parent.insertAgentAtCommand(x, y)

+ treeComponentDidMount() {

+ const that = this

+ if (this.isNodeJs()) return super.treeComponentDidMount()

+

+ jQuery(`.${GridComponent.name}`).on("click", function (evt) {

+ const { offsetX, offsetY } = evt

+ const x = offsetX

+ const y = offsetY

+ that.gridClickCommand(x, y)

+ })

+ return `div

+ class ${GridComponent.name}`

+ /*NODE_JS_ONLY*/ const simojiParser = require("jtree/products/GrammarCompiler.js").GrammarCompiler.compileGrammarFileAtPathAndReturnRootParser( __dirname + "/../dist/simoji.grammar")

+ const { Keywords, LocalStorageKeys, UrlKeys, ParserTypes } = require("./Types.js")

+ /*NODE_JS_ONLY*/ const simojiParser = require("jtree/products/GrammarCompiler.js").GrammarCompiler.compileGrammarFileAtPathAndReturnRootParser( __dirname + "/../dist/simoji.grammar")

+ const width = windowWidth - chromeWidth - 1

+ const height = windowHeight - SIZES.CHROME_HEIGHT - SIZES.TITLE_HEIGHT - 1

+ const setWidth = simojiProgram.get(Keywords.width)

+ const setHeight = simojiProgram.get(Keywords.height)

+ // todo: use the set values if present

+ return { width, height }

+ const { width, height } = this.makeGrid(program, windowWidth, windowHeight)

+ `${BoardComponent.name} 1 ${width} ${height} ${index}`,

+ moveSelection(x, y) {

+ node.direction = { x, y }

+ // todo: update any state?

+ // technically also needs width and height settings

+ newCode.set(Keywords.height, board.height.toString())

+ newCode.set(Keywords.width, board.width.toString())

+ experiment.set(Keywords.height, board.height.toString())

+ experiment.set(Keywords.width, board.width.toString())

+ up: () => this.moveSelection(0, -1),

+ down: () => this.moveSelection(0, 1),

+ right: () => this.moveSelection(1, 0),

+ left: () => this.moveSelection(-1, 0),

+ const { TestRacer } = require("jtree/products/TestRacer.js")

+ const grammarPath = __dirname + "/../dist/simoji.grammar"

+ if (!module.parent) TestRacer.testSingleFile(__filename, testTree)

+ Keywords.height = "height"

+ Keywords.width = "width"

+ module.exports = { Keywords, LocalStorageKeys, UrlKeys, ParserTypes }

+

+ const SimConstants = {"grammar":"\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\nanyCell\nbooleanCell\nstringCell\n highlightScope string\nsettingValueCell\n highlightScope constant.numeric\ncssCell\n highlightScope string\njavascriptCell\n highlightScope string\nhtmlCell\n highlightScope string\nemojiCell\n highlightScope string\nohayoCell\n highlightScope string\nblankCell\ncodeCell\n highlightScope comment\ncommentCell\n highlightScope comment\nkeywordCell\n highlightScope keyword\ntextCell\n highlightScope string\nintegerCell\n highlightScope constant.numeric\nclassNameCell\n highlightScope keyword\nconditionalOperatorCell\n highlightScope keyword\n enum < > = <= >=\npositionCell\n highlightScope constant.numeric\nneighborCountCell\n extends integerCell\n min 0\n max 8\nintegerOrPercentCell\n highlightScope constant.numeric\nprobabilityCell\n description A number between 0 and 1\n highlightScope constant.numeric\npropertyNameCell\n highlightScope keyword\nangleCell\n enum North South East West NorthWest NorthEast SouthWest SouthEast\n highlightScope constant.numeric\njavascriptLineParser\n catchAllCellType javascriptCell\nabstractCommandParser\n cells keywordCell\nabstractSubjectObjectCommandParser\n extends abstractCommandParser\nreplaceWithCommandParser\n extends abstractSubjectObjectCommandParser\n crux replaceWith\n cells keywordCell emojiCell\nkickItCommandParser\n extends abstractSubjectObjectCommandParser\n crux kickIt\nshootCommandParser\n extends abstractSubjectObjectCommandParser\n crux shoot\npickItUpCommandParser\n extends abstractSubjectObjectCommandParser\n crux pickItUp\nspawnCommandParser\n crux spawn\n extends abstractCommandParser\n cells keywordCell emojiCell\n catchAllCellType positionCell\nemitCommandParser\n crux emit\n extends abstractCommandParser\n cells keywordCell emojiCell\nremoveCommandParser\n description Remove this agent from the board.\n crux remove\n extends abstractCommandParser\n cells keywordCell\njavascriptCommandParser\n description An escape hatch so you can write custom javascript in a pinch.\n extends abstractCommandParser\n crux javascript\n catchAllParser javascriptLineParser\n cells keywordCell\nalertCommandParser\n extends abstractCommandParser\n crux alert\n catchAllCellType stringCell\nlogCommandParser\n extends abstractCommandParser\n crux log\n catchAllCellType stringCell\nnarrateCommandParser\n extends abstractCommandParser\n crux narrate\n catchAllCellType stringCell\npauseCommandParser\n extends abstractCommandParser\n crux pause\ndecreaseCommandParser\n extends abstractCommandParser\n description Decrease a property by 1.\n crux decrease\n cells keywordCell propertyNameCell\nincreaseCommandParser\n extends abstractCommandParser\n description Increase a property by 1.\n crux increase\n cells keywordCell propertyNameCell\ngrowCommandParser\n extends abstractCommandParser\n crux grow\nshrinkCommandParser\n extends abstractCommandParser\n crux shrink\npulseCommandParser\n extends abstractCommandParser\n crux pulse\nlearnCommandParser\n crux learn\n extends abstractCommandParser\n cells keywordCell classNameCell\nunlearnCommandParser\n crux unlearn\n extends abstractCommandParser\n cells keywordCell classNameCell\nmoveCommandParser\n extends abstractCommandParser\n crux move\nmoveToEmptySpotCommandParser\n crux moveToEmptySpot\n extends abstractCommandParser\n cells keywordCell\nturnRandomlyCommandParser\n extends abstractCommandParser\n crux turnRandomly\njitterCommandParser\n extends abstractCommandParser\n crux jitter\nturnTowardCommandParser\n description Turn to the closest agent of a certain type.\n extends abstractCommandParser\n crux turnToward\n cells keywordCell emojiCell\nturnFromCommandParser\n description Turn away from the closest agent of a certain type.\n extends abstractCommandParser\n crux turnFrom\n cells keywordCell emojiCell\nagentDefinitionParser\n inScope abstractIgnoreParser abstractEventParser abstractAgentAttributeParser belongsToClassParser\n cells keywordCell\n catchAllParser errorParser\n compiler\n stringTemplate \n javascript\n compile() {\n const root = this.root\n const name = root.agentKeywordMap[this.firstWord]\n const normal = super.compile()\n const classIds = this.filter(node => node.parserId === \"belongsToClassParser\").map(node => node.getLine())\n const props = classIds.map(id => this.root.getNode(id).properties).join(\"\\n\\n\")\n return `class ${name} extends Agent {\n icon = \"${this.firstWord}\"\n classes = [${classIds.map(id => `\"${id}\"`).join(\",\")}]\n ${props}\n ${normal}\n }`\n }\nabstractAgentAttributeParser\n cells keywordCell\nstringAttributeParser\n extends abstractAgentAttributeParser\n pattern ^\\w+ .+$\n catchAllCellType stringCell\n javascript\n compile() {\n return `${this.firstWord} = \"${this.content}\"`\n }\nangleParser\n extends stringAttributeParser\n cells keywordCell angleCell\n cruxFromId\nagentStyleParser\n description Provide custom CSS for an agent type.\n extends stringAttributeParser\n cells keywordCell cssCell\n crux style\nagentHtmlParser\n description Provide custom HTML for each rendered agent.\n extends stringAttributeParser\n cells keywordCell htmlCell\n crux html\nabstractBooleanAttributeParser\n description A boolean attribute.\n extends abstractAgentAttributeParser\n javascript\n compile() {\n return `${this.firstWord} = true`\n }\nnoPaletteParser\n extends abstractBooleanAttributeParser\n cruxFromId\n description Don't show this agent in the palette.\nsolidTraitParser\n description If set other agents won't pass through these.\n extends abstractBooleanAttributeParser\n crux solid\nbouncyTraitParser\n description If set other agents will bounce off this after a collision.\n extends abstractBooleanAttributeParser\n crux bouncy\nabstractIntegerAttributeParser\n extends abstractAgentAttributeParser\n description An integer attribute.\n cells keywordCell integerCell\n javascript\n compile() {\n return `${this.firstWord} = ${this.getWord(1)}`\n }\ncustomIntegerAttributeParser\n pattern ^\\w+ \\d+$\n extends abstractIntegerAttributeParser\nhealthParser\n extends abstractIntegerAttributeParser\n cruxFromId\nagentWidthParser\n extends abstractIntegerAttributeParser\n description Width of the agent.\n crux width\nagentHeightParser\n extends abstractIntegerAttributeParser\n description Height of the agent.\n crux height\nspeedParser\n extends abstractIntegerAttributeParser\n description Movement speed. Default is 1\n crux speed\nsettingDefinitionParser\n description Define a configurable input.\n cells keywordCell settingValueCell\n pattern ^\\w+Setting .+$\nstyleLineParser\n catchAllCellType cssCell\n catchAllParser styleLineParser\nabstractSetupParser\nstyleParser\n description Optional CSS to load in BoardStyleComponent\n extends abstractSetupParser\n cells keywordCell\n cruxFromId\n catchAllParser styleLineParser\n javascript\n compile() {\n return \"\"\n }\nquestionParser\n cruxFromId\n description What are you trying to figure out?\n cells keywordCell\n catchAllCellType stringCell\n extends abstractSetupParser\natTimeParser\n cruxFromId\n description Run commands at a certain tick.\n cells keywordCell integerCell\n extends abstractSetupParser\n inScope abstractInjectCommandParser\nabstractSetupNumberParser\n cells keywordCell integerCell\n extends abstractSetupParser\n javascript\n compile() {\n return \"\"\n }\nheightParser\n description Height of the grid. Default is based on screen size.\n extends abstractSetupNumberParser\n crux height\nwidthParser\n description Width of the grid. Default is based on screen size.\n extends abstractSetupNumberParser\n crux width\nseedParser\n description If you'd like reproducible runs set a seed for the random number generator.\n extends abstractSetupNumberParser\n cruxFromId\nticksPerSecondParser\n description Time in milliseconds of one step.\n extends abstractSetupNumberParser\n cruxFromId\nreportParser\n cruxFromId\n description Define a custom report template.\n catchAllParser ohayoLineParser\n extends abstractSetupParser\n cells keywordCell\n javascript\n compile() {\n return \"\"\n }\nbelongsToClassParser\n cells classNameCell\n pattern ^.*Class$\n javascript\n compile() {\n return \"\"\n }\nclassDefinitionParser\n inScope abstractIgnoreParser abstractEventParser abstractAgentAttributeParser\n cells classNameCell\n pattern ^.*Class$\n catchAllParser errorParser\n javascript\n compile() {\n return \"\"\n }\n get properties() {\n return this.filter(node => node.doesExtend(\"abstractAgentAttributeParser\")).map(node => node.compile()).join(\"\\n\")\n }\ncommentLineParser\n catchAllCellType commentCell\nabstractIgnoreParser\n tags doNotSynthesize\n javascript\n compile () {\n return \"\"\n }\ncommentParser\n extends abstractIgnoreParser\n catchAllCellType commentCell\n cruxFromId\n catchAllParser commentLineParser\ncommentAliasParser\n description Alternate alias for a comment.\n crux #\n extends commentParser\nblankLineParser\n extends abstractIgnoreParser\n description Blank lines compile do nothing.\n cells blankCell\n pattern ^$\nabstractInjectCommandParser\ninsertParser\n extends abstractInjectCommandParser\n cells keywordCell integerOrPercentCell emojiCell\n cruxFromId\ninsertAtParser\n extends insertParser\n description Insert at X Y\n cells keywordCell emojiCell positionCell positionCell\n cruxFromId\ninsertClusterParser\n extends insertParser\n cruxFromId\n catchAllCellType integerCell\nfillParser\n description Fill all blank cells with this agent.\n extends abstractInjectCommandParser\n cells keywordCell emojiCell\n cruxFromId\ndrawParser\n extends abstractInjectCommandParser\n cells keywordCell\n cruxFromId\n catchAllParser drawLineParser\nrectangleDrawParser\n extends abstractInjectCommandParser\n example\n rectangle 🙂 width height x y 🙂\n cells keywordCell emojiCell integerCell integerCell\n catchAllCellType integerCell\n crux rectangle\npasteDrawParser\n extends abstractInjectCommandParser\n cells keywordCell\n crux paste\n catchAllParser pasteLineParser\ndrawLineParser\n catchAllCellType emojiCell\npasteLineParser\n catchAllCellType anyCell\n catchAllParser pasteLineParser\ntargetEmojiParser\n inScope abstractCommandParser\n cells emojiCell\nabstractEventParser\n cells keywordCell\n catchAllCellType probabilityCell\n javascript\n compile() {\n return ``\n }\nabstractInteractionEventParser\n extends abstractEventParser\n catchAllParser targetEmojiParser\nonHitParser\n extends abstractInteractionEventParser\n cruxFromId\n description Define what happens when this agent collides with other agents.\nonDeathParser\n extends abstractEventParser\n cruxFromId\n inScope abstractCommandParser\n description Define what happens when this agent runs out of health.\nonTickParser\n extends abstractEventParser\n cruxFromId\n inScope abstractCommandParser\n description Define what happens each tick.\nemojiAndNeighborConditionParser\n inScope abstractCommandParser\n pattern ^.+ (<|>|=|<=|>=)+ .+$\n cells emojiCell conditionalOperatorCell neighborCountCell\nonExtinctParser\n cruxFromId\n inScope abstractCommandParser\n cells keywordCell emojiCell\n description Define what happens when a type of agent goes extinct from the board.\n javascript\n compile() {\n return \"\"\n }\nexperimentParser\n cruxFromId\n cells keywordCell\n inScope abstractIgnoreParser abstractSetupParser abstractInjectCommandParser onTickParser onExtinctParser settingDefinitionParser\n catchAllCellType stringCell\nohayoLineParser\n description Data visualization code written for Ohayo.\n catchAllCellType ohayoCell\nerrorParser\n baseParser errorParser\nsimojiParser\n extensions simoji\n description A Tree Language that compiles to a TreeComponentFramework app.\n root\n inScope abstractIgnoreParser abstractSetupParser abstractInjectCommandParser onTickParser onExtinctParser classDefinitionParser experimentParser settingDefinitionParser\n catchAllParser agentDefinitionParser\n compilesTo javascript\n example\n 🦋\n onTick .1\n turnRandomly\n move\n onTick .2\n turnToward 💡\n move\n 💡\n \n insert 10 🦋\n insert 2 💡\n javascript\n get agentTypes() {\n return this.filter(node => node.parserId === \"agentDefinitionParser\")\n }","examples":"ants\n comment\n https://ccl.northwestern.edu/netlogo/models/Ants\n \n ⛰\n onTick 0.05\n spawn 🐜\n 🐜\n onTick\n jitter\n onHit\n 🥖\n pickItUp\n 🥖\n \n insert 3 🥖\n insert 1 ⛰\nbasketball\n question Is it better to shoot wildly or to bring it close to the basket?\n \n experiment Shoot rarely\n shotProbabilitySetting .02\n \n experiment\n shotProbabilitySetting .2\n \n experiment\n shotProbabilitySetting .4\n \n experiment Shoot right away\n shotProbabilitySetting .8\n \n thingClass\n width 30\n height 30\n \n personClass\n width 40\n height 40\n speed 20\n \n 🏀\n width 20\n height 20\n speed 30\n onHit\n 🥅⛹️‍♂️\n narrate Blue scores!\n spawn 🏀 15 9\n spawn 🔵 1 18\n remove\n 🥅⛹️‍♀️\n narrate Red scores!\n spawn 🏀 15 9\n spawn 🔴 1 17\n remove\n \n \n moveEastToBlankSpotClass\n onTick\n moveToEmptySpot\n unlearn moveEastToBlankSpotClass\n \n \n 🔵\n angle East\n moveEastToBlankSpotClass\n 🔴\n angle East\n moveEastToBlankSpotClass\n \n \n ticksPerSecond 30\n \n hasBallClass\n comment Sprint toward net\n onTick .5\n turnToward net\n move\n narrate breaks toward the net.\n comment Shoot\n onTick shotProbabilitySetting\n turnToward net\n shoot\n narrate shoots!\n learn noBallClass\n unlearn hasBallClass\n comment Pass\n onTick .02\n turnToward team\n shoot\n narrate passes the ball!\n learn noBallClass\n unlearn hasBallClass\n \n noBallClass\n onTick .3\n turnToward 🏀\n move\n onHit\n 🏀\n pickItUp\n narrate has the ball\n learn hasBallClass\n unlearn noBallClass\n onTick .05\n turnFrom opponent\n move\n onTick .1\n turnFrom opponent\n jitter\n \n # Blue Team\n ⛹️‍♂️\n personClass\n net 🥅⛹️‍♂️\n team ⛹️‍♂️\n opponent ⛹️‍♀️\n noBallClass\n \n # Red Team\n ⛹️‍♀️\n personClass\n net 🥅⛹️‍♀️\n team ⛹️‍♀️\n opponent ⛹️‍♂️\n noBallClass\n \n # Baskets\n 🥅⛹️‍♂️\n thingClass\n html 🥅\n 🥅⛹️‍♀️\n thingClass\n html 🥅\n \n paste\n 🥅⛹️‍♂️ 50 180\n 🥅⛹️‍♀️ 800 180\n 🏀 425 180\n \n # Court\n 🪵\n thingClass\n solid\n rectangle 🪵 30 15 1 1\n \n \n insertAt ⛹️‍♂️ 719 140\n insertAt ⛹️‍♂️ 733 242\n insertAt ⛹️‍♂️ 727 341\n insertAt ⛹️‍♂️ 645 172\n insertAt ⛹️‍♂️ 626 271\n insertAt ⛹️‍♀️ 167 142\n insertAt ⛹️‍♀️ 154 286\n insertAt ⛹️‍♀️ 307 139\n insertAt ⛹️‍♀️ 309 227\n insertAt ⛹️‍♀️ 320 341\ncity\n ⛪️\n comment church\n 🏟\n comment stadium\n 🏥\n comment hospital\n 🏭\n comment factory\n 🏦\n comment bank\n 🏛\n comment courthouse\n 🏫\n comment school\n 🏡\n comment house\n 🏘\n comment houses\n 🎡\n comment park\n 🏪\n comment store\n 🚗\n onTick\n move\n move\n angle West\n 🚓\n onTick\n move\n move\n angle West\n 🚋\n comment subway\n onTick\n move\n move\n move\n angle West\n ⬜️\n comment road\n 🟩\n ⛳️\n \n rectangle ⬜️ 10 20 0 0\n rectangle ⬜️ 10 1 0 10\n paste\n 🏛 8 9\n 🏭 4 1\n 🏭 3 1\n 🏭 2 1\n 🏭 1 1\n 🏡 5 18\n 🏡 6 18\n 🏡 7 18\n 🏡 8 18\ncops\n 🚗\n onTick .5\n jitter\n move\n 🚓\n onHit\n 🚗\n alert Got em!\n pause\n onTick .1\n turnToward 🚗\n move\n onTick .1\n move\n \n ticksPerSecond 30\n \n paste\n 🚓 1 1\n 🚗 5 15\ncovid19\n 🦠\n thingClass\n \n question How long will the pandemic last?\n \n # Given someone has never been infected, what are the odds they get infected?\n succeptibilitySetting .95\n # What are odds of reinfection?\n reinfectionRateSetting .002\n \n # 1 is no lockdowns. 0 is total lockdown.\n freedomOfMovementSetting 1\n \n # What is starting population size?\n urbanPopulationSetting 150\n # What is starting rural population?\n ruralPopulationSetting 30\n # What is starting infected size?\n startingInfectedSetting 3\n \n # How many places can one get the vaccine?\n vaccineCentersSetting 5\n # How likely are people to seek the vaccine?\n vaccinationDesirabilitySetting .3\n # Given someone was vaxed, what are the odds they get infected?\n vaxSucceptibilitySetting .5\n \n experiment High Vaccination Rate, High Vaccine Efficacy\n vaccinationDesirabilitySetting .8\n vaxSucceptibilitySetting .05\n \n \n experiment High Vaccination Rate, Low Vaccine Efficacy\n vaccinationDesirabilitySetting .8\n vaxSucceptibilitySetting .75\n \n experiment Lockdown\n freedomOfMovementSetting .1\n \n experiment High Reinfection Rate\n reinfectionRateSetting .3\n \n \n insert startingInfectedSetting 🧟\n insert vaccineCentersSetting 💉\n \n insertCluster urbanPopulationSetting 🙍\n insert ruralPopulationSetting 🙍\n \n thingClass\n width 20\n height 20\n speed 5\n \n 🧟\n thingClass\n health 100\n onTick .03\n log recovered\n replaceWith 🦸‍♂️\n onTick\n decrease health\n jitter\n onDeath\n replaceWith 🪦\n \n 🦸‍♂️\n thingClass\n comment Recovered\n onTick\n jitter\n onHit reinfectionRateSetting\n 🧟\n replaceWith 🧟\n \n aliveClass\n onTick freedomOfMovementSetting\n jitter\n \n vaccineSeekerClass\n onTick vaccinationDesirabilitySetting\n turnToward 💉\n move\n \n \n 🙍\n thingClass\n aliveClass\n vaccineSeekerClass\n onHit innateImmunitySetting\n 🧟\n replaceWith 🧟\n 💉\n replaceWith 🧑🏽‍🚒\n \n \n 💉\n thingClass\n \n \n 🧑🏽‍🚒\n thingClass\n aliveClass\n onHit vaxSucceptibilitySetting\n 🧟\n replaceWith 🧟\n \n \n \n \n onExtinct 🧟\n log No more cases.\n pause\n \n \n 🪦\n thingClass\n \n \n ticksPerSecond 10\n \n report\n roughjs.line\n columns.keep 🧟\n roughjs.line Active Cases\n columns.keep 🪦\n roughjs.line Cumulative Deaths\n \n \n comment\n See Also\n - http://covidsim.eu/\n - http://modelingcommons.org/browse/one_model/6282#model_tabs_browse_info\n - https://github.com/maplerainresearch/covid19-sim-mesa/blob/master/model.py\n - https://www.frontiersin.org/articles/10.3389/fpubh.2020.563247/full\n - https://ncase.me/covid-19/\n - https://en.wikipedia.org/wiki/List_of_COVID-19_simulation_models\n \n \ncovid19simple\n question What is the effect of population density on pandemic duration?\n \n experiment\n insertCluster 100 🙍\n insertCluster 100 🙍\n insertCluster 100 🙍\n insertCluster 30 🙍\n insertCluster 30 🙍\n insertCluster 10 🙍\n \n experiment\n insert 200 🙍\n \n experiment\n insertCluster 200 🙍\n \n experiment\n insertCluster 200 🙍\n insert 200 🙍\n \n \n 🦠\n health 10\n onTick\n decrease health\n onDeath\n remove\n \n 🧟\n health 100\n onTick .03\n log recovered\n replaceWith 🦸‍♂️\n onTick\n decrease health\n jitter\n onDeath\n replaceWith 🪦\n \n 🦸‍♂️\n comment immune\n onTick\n jitter\n \n 🙍\n onTick\n jitter\n onHit\n 🦠\n replaceWith 🧟\n 🧟\n replaceWith 🧟\n \n insert 1 🦠\n \n onExtinct 🧟\n log No more cases.\n pause\n \n \n 🪦\n \n ticksPerSecond 10\n \n report\n roughjs.line\n columns.keep 🧟\n roughjs.line Active Cases\n columns.keep 🪦\n roughjs.line Cumulative Deaths\n \n \n comment\n See Also\n - http://covidsim.eu/\n - http://modelingcommons.org/browse/one_model/6282#model_tabs_browse_info\n - https://github.com/maplerainresearch/covid19-sim-mesa/blob/master/model.py\n - https://www.frontiersin.org/articles/10.3389/fpubh.2020.563247/full\n - https://ncase.me/covid-19/\n - https://en.wikipedia.org/wiki/List_of_COVID-19_simulation_models\n \neatTheBacon\n 🐕\n onTick .2\n turnToward 🥓\n move\n onTick .2\n jitter\n 🥓\n onHit\n 🐕\n remove\n 🥦\n \n \n insert 1 🐕\n insert 3 🥓\n insert 10 🥦\n \nelevators\n 🛗\n onTick\n move\n move\n angle South\n bouncy\n onHit\n 🚶🏻\n pickItUp\n 🚶🏻\n angle West\n onTick\n move\n bouncy\n 🌾\n 🚪\n onTick .001\n spawn 🚶🏻\n 🪵\n solid\n 🚗\n \n \n rectangle 🪵 20 47 5 1\n rectangle 🌾 40 1 0 48\n rectangle 🚪 1 45 15 2\n paste\n 🛗 19 6\n 🛗 22 4\n 🛗 20 3\n 🛗 13 10\n 🛗 9 4\n 🛗 11 3\n 🚗 30 47\n 🚗 28 47\nfire\n question How fast do fires spread?\n \n 🌲\n width 20\n height 20\n onHit\n ⚡️\n replaceWith ⬛️\n replaceWith 🔥\n onHit\n 🔥\n replaceWith ⬛️\n replaceWith 🔥\n \n ⚡️\n health 10\n onTick\n decrease health\n onDeath\n remove\n \n 🔥\n width 40\n height 40\n health 50\n onTick\n jitter\n decrease health\n shrink\n \n ⬛️\n comment Burnt forest\n html 🌲\n style filter:grayscale(100%);\n \n \n insert 50% 🌲\n onTick .3\n spawn ⚡️\nfireAdvanced\n question What is the effect of forest density on fire risk?\n \n experiment\n treeDensitySetting 10%\n \n experiment\n treeDensitySetting 20%\n \n experiment\n treeDensitySetting 40%\n \n experiment\n treeDensitySetting 80%\n \n catchFireSetting .3\n fireSpreadSetting .7\n fireLifetimeSetting 10\n lightningFrequencySetting .1\n \n 🌲\n width 20\n height 20\n onHit catchFireSetting\n ⚡️\n replaceWith 🔥\n onHit fireSpreadSetting\n 🔥\n replaceWith 🔥\n \n ⚡️\n health 10\n onTick\n decrease health\n onDeath\n remove\n \n 🔥\n width 40\n height 40\n health fireLifetimeSetting\n onTick\n decrease health\n jitter\n shrink\n onDeath\n replaceWith ⬛️\n \n \n ⬛️\n comment Burnt forest\n html 🌲\n style filter:grayscale(100%);\n \n \n insert treeDensitySetting 🌲\n onTick lightningFrequencySetting\n spawn ⚡️\n \nmoths\n question Can you move the moths from one light to the other?\n \n 🦋\n speed 10\n height 30\n width 30\n onTick .5\n jitter\n move\n onTick .2\n turnToward 💡\n move\n move\n 💡\n height 100\n width 100\n \n ticksPerSecond 10\n style\n .BoardComponent {background:black;}\n \n insert 10 🦋\n insert 2 💡\n \n comment\n http://www.netlogoweb.org/launch#http://www.netlogoweb.org/assets/modelslib/Sample%20Models/Biology/Moths.nlogo\nninjas\n 🤺\n health 100\n onTick\n decrease health\n jitter\n \n 🥷\n health 100\n onTick\n decrease health\n jitter\n \n insert 50 🤺\n insert 50 🥷\npong\n \n 🏐\n bouncy\n speed 20\n onTick\n move\n angle West\n 🏓\n width 30\n height 30\n angle East\n onHit\n 🏐\n kickIt\n \n 🏸\n width 30\n height 30\n angle West\n onHit\n 🏐\n kickIt\n 🪵\n solid\n \n ticksPerSecond 10\n \n rectangle 🪵 50 15 50 50\n \n \n insertAt 🏐 273 125\n insertAt 🏓 90 120\n insertAt 🏸 510 121\npoolTable\n comment\n Needs balls to collide. Acceleration.\n \n 🎱\n bouncy\n onHit\n 🎱\n kickIt\n turnRandomly\n 🏐\n kickIt\n \n 🪵\n solid\n \n 🏐\n bouncy\n speed 10\n onTick .1\n kickIt\n onTick .5\n kickIt\n onHit\n 🎱\n turnRandomly\n kickIt\n move\n turnRandomly\n angle West\n \n rectangle 🪵 40 20 10 70\n paste\n 🏐 320 170\n 🎱 70 120\n 🎱 70 140\n 🎱 70 160\n 🎱 70 180\n 🎱 70 200\n 🎱 70 220\n 🎱 80 210\n 🎱 80 190\n 🎱 80 170\n 🎱 80 150\n 🎱 80 130\n 🎱 90 200\n 🎱 90 180\n 🎱 90 160\n 🎱 90 140\n 🎱 100 150\n 🎱 100 170\n 🎱 100 190\n 🎱 110 180\n 🎱 110 160\n 🎱 120 170\nsoccer\n thingClass\n width 40\n height 40\n speed 20\n \n ⚽️\n width 20\n height 20\n speed 30\n onHit\n 🥅\n pause\n alert GOAAAAAAAAALLLL!\n bouncy\n \n ⛹️‍♂️\n thingClass\n onTick\n jitter\n onHit\n ⚽️\n kickIt\n \n ⛹️‍♀️\n thingClass\n onTick\n jitter\n onHit\n ⚽️\n kickIt\n \n 🥅\n thingClass\n 🪵\n thingClass\n solid\n \n ticksPerSecond 10\n \n rectangle 🪵 30 15 5 5\n \n \n seed 1681189626875\n height 862\n width 1354\n insertAt 🥅 1095 293\n insertAt 🥅 98 294\n insertAt ⛹️‍♂️ 993 303\n insertAt ⛹️‍♂️ 923 114\n insertAt ⛹️‍♂️ 923 244\n insertAt ⛹️‍♂️ 954 449\n insertAt ⛹️‍♂️ 844 129\n insertAt ⛹️‍♂️ 842 246\n insertAt ⛹️‍♂️ 849 337\n insertAt ⛹️‍♂️ 866 454\n insertAt ⛹️‍♂️ 722 148\n insertAt ⛹️‍♂️ 705 273\n insertAt ⛹️‍♂️ 722 423\n insertAt ⛹️‍♀️ 443 168\n insertAt ⛹️‍♀️ 496 285\n insertAt ⛹️‍♀️ 481 441\n insertAt ⛹️‍♀️ 317 137\n insertAt ⛹️‍♀️ 321 253\n insertAt ⛹️‍♀️ 342 334\n insertAt ⛹️‍♀️ 333 471\n insertAt ⛹️‍♀️ 196 505\n insertAt ⛹️‍♀️ 182 395\n insertAt ⛹️‍♀️ 212 192\n insertAt ⛹️‍♀️ 161 318\n insertAt ⚽️ 618 322\nstartupIdeas\n question What is the effect of ideas vs ideas with revenue?\n \n personClass\n width 25\n height 25\n speed 10\n \n 👨‍💼🔖\n comment person with an idea\n personClass\n onTick\n jitter\n \n 👨‍💼💰\n width 50\n height 50\n comment peron with an idea\n that is making money\n personClass\n onTick\n jitter\n \n 👨‍\n personClass\n onTick .1\n jitter\n onTick .1\n turnToward 👨‍💼💰\n move\n \n \n insert 200 👨‍\n insert 30 👨‍💼🔖\n insert 3 👨‍💼💰\n \n \nstore\n bigClass\n width 20\n height 20\n \n 🚶🏻\n bigClass\n speed 10\n onTick\n move\n onTick .4\n turnRandomly\n move\n onTick .5\n turnToward 🛒\n onHit\n 🛒\n pickItUp\n angle South\n 🛒\n bigClass\n 🚪\n bigClass\n onTick .1\n spawn 🚶🏻\n 🪵\n bigClass\n solid\n \n rectangle 🪵 30 15 30 30\n paste\n 🚪 170 120\n \n \n \n insertAt 🛒 432 95\n insertAt 🛒 435 212\ntalking\n 🙂\n width 30\n height 30\n onTick .1\n turnToward 🙂\n emit 💬\n \n \n 💬\n health 5\n speed 10\n onHit\n 🙂\n decrease health\n decrease health\n decrease health\n decrease health\n decrease health\n decrease health\n onTick\n move\n decrease health\n onDeath\n remove\n \n \n rectangle 🙂 5 5 100 100 🙂 20\n \n textClass\n width 20\n height 20\n \n 1\n html Imagine a world with 25 people\n textClass\n \n insertAt 1 70 60\nvirus\n question What might the spread of a simple virus look like?\n \n thingClass\n width 20\n height 20\n speed 20\n \n 🧟\n thingClass\n health 100\n onTick .9\n decrease health\n jitter\n onTick .01\n log recovered\n replaceWith 🦸‍♂️\n onDeath\n replaceWith 🪦\n \n 🙍\n thingClass\n onTick\n jitter\n onHit\n 🧟\n replaceWith 🧟\n \n 🦸‍♂️\n # Recovered\n thingClass\n onTick\n jitter\n \n insert 10% 🙍\n insert 1 🧟\n \n 🪦\n thingClass\n \n onExtinct 🧟\n log No more cases.\n pause\nwaves\n 🌊\n onTick\n move\n angle South\n \n ticksPerSecond 5\n \n rectangle 🌊 100 1 0\n rectangle 🌊 100 1 0 6\n rectangle 🌊 100 1 0 11\nzombies\n question Can you protect the family from the zombies?\n \n bigClass\n width 40\n height 40\n \n 🧟‍♂️\n bigClass\n speed 10\n noPalette\n onTick\n jitter\n onHit\n 🪃\n replaceWith 🪦\n 💣\n replaceWith 🪦\n 👨‍👩‍👧‍👦\n pause\n alert TheyGotYou!\n \n 🧱\n bigClass\n solid\n \n 🔫\n bigClass\n onTick .1\n spawn 🪃\n \n 🪃\n speed 50\n bigClass\n width 50\n height 50\n noPalette\n angle West\n onTick\n move\n \n 💣\n bigClass\n \n 🪦\n bigClass\n noPalette\n comment Dead zombie\n \n 👨‍👩‍👧‍👦\n bigClass\n noPalette\n \n ticksPerSecond 10\n \n insertCluster 30 🧟‍♂️ 1 1\n paste\n 👨‍👩‍👧‍👦 400 400"}

+

+

+

+

+

+

+

+

+

+

+

+

+

+

+

+

+

+

+

+

+

+

+

+

+

+

+

+

+ classNameCell

+ javascriptLineParser

+ catchAllCellType javascriptCell

+ emitCommandParser

+ crux emit

+ cells keywordCell emojiCell

+ growCommandParser

+ extends abstractCommandParser

+ crux grow

+ shrinkCommandParser

+ extends abstractCommandParser

+ crux shrink

+ pulseCommandParser

+ extends abstractCommandParser

+ crux pulse

+ learnCommandParser

+ crux learn

+ extends abstractCommandParser

+ cells keywordCell classNameCell

+ unlearnCommandParser

+ crux unlearn

+ extends abstractCommandParser

+ cells keywordCell classNameCell

+ moveToEmptySpotCommandParser

+ crux moveToEmptySpot

+ extends abstractCommandParser

+ cells keywordCell

+ agentDefinitionParser

+ inScope abstractIgnoreParser abstractEventParser abstractAgentAttributeParser belongsToClassParser

+ cells keywordCell

+ catchAllParser errorParser

+ compiler

+ stringTemplate

+ javascript

+ compile() {

+ const root = this.root

+ const name = root.agentKeywordMap[this.firstWord]

+ const normal = super.compile()

+ const classIds = this.filter(node => node.parserId === "belongsToClassParser").map(node => node.getLine())

+ const props = classIds.map(id => this.root.getNode(id).properties).join("\n\n")

+ return `class ${name} extends Agent {

+ icon = "${this.firstWord}"

+ classes = [${classIds.map(id => `"${id}"`).join(",")}]

+ ${props}

+ ${normal}

+ }`

+ }

+ return `${this.firstWord} = "${this.content}"`

+ agentWidthParser

+ extends abstractIntegerAttributeParser

+ description Width of the agent.

+ crux width

+ agentHeightParser

+ extends abstractIntegerAttributeParser

+ description Height of the agent.

+ crux height

+ speedParser

+ extends abstractIntegerAttributeParser

+ description Movement speed. Default is 1

+ crux speed

+ abstractSetupParser

+ styleParser

+ description Optional CSS to load in BoardStyleComponent

+ extends abstractSetupParser

+ cells keywordCell

+ cruxFromId

+ catchAllParser styleLineParser

+ javascript

+ compile() {

+ return ""

+ }

+ questionParser

+ cruxFromId

+ description What are you trying to figure out?

+ cells keywordCell

+ catchAllCellType stringCell

+ extends abstractSetupParser

+ atTimeParser

+ cruxFromId

+ description Run commands at a certain tick.

+ cells keywordCell integerCell

+ extends abstractSetupParser

+ inScope abstractInjectCommandParser

+ abstractSetupNumberParser

+ cells keywordCell integerCell

+ extends abstractSetupParser

+ javascript

+ compile() {

+ return ""

+ }

+ heightParser

+ description Height of the grid. Default is based on screen size.

+ extends abstractSetupNumberParser

+ crux height

+ widthParser

+ description Width of the grid. Default is based on screen size.

+ extends abstractSetupNumberParser

+ crux width

+ seedParser

+ description If you'd like reproducible runs set a seed for the random number generator.

+ extends abstractSetupNumberParser

+ cruxFromId

+ ticksPerSecondParser

+ description Time in milliseconds of one step.

+ extends abstractSetupNumberParser

+ cruxFromId

+ reportParser

+ cruxFromId

+ description Define a custom report template.

+ catchAllParser ohayoLineParser

+ extends abstractSetupParser

+ cells keywordCell

+ javascript

+ compile() {

+ return ""

+ }

+ belongsToClassParser

+ cells classNameCell

+ pattern ^.*Class$

+ javascript

+ compile() {

+ return ""

+ }

+ classDefinitionParser

+ inScope abstractIgnoreParser abstractEventParser abstractAgentAttributeParser

+ cells classNameCell

+ pattern ^.*Class$

+ catchAllParser errorParser

+ javascript

+ compile() {

+ return ""

+ }

+ get properties() {

+ return this.filter(node => node.doesExtend("abstractAgentAttributeParser")).map(node => node.compile()).join("\n")

+ }

+ commentLineParser

+ catchAllCellType commentCell

+ abstractIgnoreParser

+ tags doNotSynthesize

+ javascript

+ compile () {

+ return ""

+ }

+ commentParser

+ extends abstractIgnoreParser

+ catchAllCellType commentCell

+ cruxFromId

+ catchAllParser commentLineParser

+ commentAliasParser

+ description Alternate alias for a comment.

+ crux #

+ extends commentParser

+ blankLineParser

+ extends abstractIgnoreParser

+ description Blank lines compile do nothing.

+ cells blankCell

+ pattern ^$

+ abstractInjectCommandParser

+ insertParser

+ extends abstractInjectCommandParser

+ cells keywordCell integerOrPercentCell emojiCell

+ cruxFromId

+ insertAtParser

+ extends insertParser

+ description Insert at X Y

+ cells keywordCell emojiCell positionCell positionCell

+ cruxFromId

+ insertClusterParser

+ extends insertParser

+ cruxFromId

+ catchAllCellType integerCell

+ fillParser

+ description Fill all blank cells with this agent.

+ extends abstractInjectCommandParser

+ cells keywordCell emojiCell

+ cruxFromId

+ drawParser

+ extends abstractInjectCommandParser

+ cells keywordCell

+ cruxFromId

+ catchAllParser drawLineParser

+ rectangleDrawParser

+ extends abstractInjectCommandParser

+ example

+ rectangle 🙂 width height x y 🙂

+ cells keywordCell emojiCell integerCell integerCell

+ catchAllCellType integerCell

+ crux rectangle

+ pasteDrawParser

+ extends abstractInjectCommandParser

+ cells keywordCell

+ crux paste

+ catchAllParser pasteLineParser

+ drawLineParser

+ catchAllCellType emojiCell

+ pasteLineParser

+ catchAllCellType anyCell

+ catchAllParser pasteLineParser

+ experimentParser

+ cells keywordCell

+ inScope abstractIgnoreParser abstractSetupParser abstractInjectCommandParser onTickParser onExtinctParser settingDefinitionParser

+ catchAllCellType stringCell

+ ohayoLineParser

+ description Data visualization code written for Ohayo.

+ catchAllCellType ohayoCell

+ errorParser

+ baseParser errorParser

+ simojiParser

+ extensions simoji

+ description A Tree Language that compiles to a TreeComponentFramework app.

+ root

+ inScope abstractIgnoreParser abstractSetupParser abstractInjectCommandParser onTickParser onExtinctParser classDefinitionParser experimentParser settingDefinitionParser

+ catchAllParser agentDefinitionParser

+ compilesTo javascript

+ example

+ 🦋

+ onTick .1

+ turnRandomly

+ move

+ onTick .2

+ turnToward 💡

+ move

+ 💡

+

+ insert 10 🦋

+ insert 2 💡

+ get agentTypes() {

+ return this.filter(node => node.parserId === "agentDefinitionParser")

+ // Todo: why do we do this? Very confusing. Caught me by surprise.

+ // Is it because sometimes the class name is not valid JS?

+ const agentKeywordMap = {}

+ program.agentKeywordMap = agentKeywordMap // confusing

+ const agentDefs = program.filter(node => node.parserId === ParserTypes.agentDefinitionParser)

+ agentDefs.forEach((node, index) => (agentKeywordMap[node.firstWord] = `simAgent${index}`))

+ const compiled = agentDefs.map(node => node.compile()).join("\n")

+ const agentMap = Object.keys(agentKeywordMap)

+ .map(key => `"${key}":${agentKeywordMap[key]}`)

+ yodash.getClosest = (targets, subject) => {

+ targets.forEach(agent => {

+ if (agent === subject) return

+ const distance = math.distance([agent.y, agent.x], [subject.y, subject.x])

+ target = agent

+ return target

+ yodash.unitVector = (objA, objB) => {

+ // calculate direction vector (delta)

+ const delta = {

+ x: objB.x - objA.x,

+ y: objB.y - objA.y

+ // calculate magnitude of delta (distance between two points)

+ const magDelta = Math.sqrt(delta.x * delta.x + delta.y * delta.y)

+ // calculate unit vector (normalize direction vector by dividing by magnitude)

+ x: delta.x / magDelta,

+ y: delta.y / magDelta

+ const classCache = {}

+ const getClassCache = (program, words) => {

+ const key = words.join(" ")

+ if (!classCache[key]) classCache[key] = yodash.flatten(yodash.pick(program, words))

+ return classCache[key]

+ }

+

+ _direction = { x: 0, y: 1 }

+

+ get direction() {

+ if (this.angle) {

+ const vectors = {

+ North: [0, -1],

+ East: [1, 0],

+ South: [0, 1],

+ West: [-1, 0],

+ Northeast: [Math.cos(Math.PI / 4), Math.sin((Math.PI * 3) / 4)],

+ Southeast: [Math.cos((Math.PI * 3) / 4), Math.sin(Math.PI / 4)],

+ Southwest: [-Math.cos((Math.PI * 3) / 4), Math.sin(Math.PI * (5 / 8))],

+ Northwest: [-Math.cos(Math.PI * (5 / 8)), Math.sin((Math.PI * -3) / 4)]

+ }

+ this._direction = vectors[this.angle]

+ this.angle = ""

+ }

+ return this._direction

+ }

+

+ set direction(newDirection) {

+ this._direction = newDirection

+ }

+ return this.definitionWithClasses.findNodes(eventName)

+ get definitionWithClasses() {

+ if (!this.classes.length) return this.board.simojiProgram.getNode(this.firstWord)

+ return getClassCache(this.board.simojiProgram, [this.firstWord, ...this.classes])

+ this.parent.insertInbounds(newObject, this.x, this.y)

+ const { direction, speed } = this

+

+ this.top = Math.max(this.top + direction.y * speed, 0)

+ this.left = Math.max(this.left + direction.x * speed, 0)

+ node.setPosition({ x: this.x, y: this.y })

+ speed = 1

+

+ get x() {

+ return this.left

+ get y() {

+ return this.top

+ get w() {

+ return this.width

+ get h() {

+ return this.height

+ width = 10

+ height = 10

+

+ return this._y ?? this.position.y

+ this.setPosition({

+ y: value,

+ x: this.left

+ })

+ setPosition(newPosition) {

+ if (!this.board.canGoHere(newPosition.x, newPosition.y, this.width, this.height))

+ return this.bouncy ? this.bounce() : this

+

+ this._x = newPosition.x

+ this._y = newPosition.y

+ // Todo: do we need to update the string?

+ return this.setLine([this.firstWord, newPosition.x, newPosition.y].join(" "))

+ }

+

+ handleCollisions(targetAgents) {

+ if (!this.stillExists) return

+ this.getCommandBlocks(Keywords.onHit).forEach(hitMap => {

+ if (this.skip(hitMap.getWord(1))) return

+ targetAgents.forEach(targetAgent => {

+ const targetId = targetAgent.firstWord

+ const commandBlock = hitMap.getNode(targetId)

+ if (commandBlock) commandBlock.forEach(command => this._executeCommand(targetAgent, command))

+ })

+ })

+ }

+

+ get symbol() {

+ return this.firstWord

+ }

+

+ get collidingAgents() {

+ return this.board.objectsCollidingWith(this.x, this.y, this.width, this.height).filter(node => node !== this)

+ }

+

+ get neighorCount() {

+ return this.board.getNeighborCount(this)

+ }

+

+ return this.board.width - this.width - 1

+ return this.board.height - this.height - 1

+ this.setPosition({

+ y: this.top,

+ x: value

+ })

+ return this._x ?? this.position.x

+ get bounds() {

+ return {

+ x: this.x,

+ y: this.y,

+ w: this.width,

+ h: this.height

+ }

+ get position() {

+ return {

+ x: parseInt(this.words[1]),

+ y: parseInt(this.words[2])

+ }

+ return 1

+ }

+

+ get agentSize() {

+ return this.size ?? this.gridSize

+ if (this.element) this.element.remove()

+ return document.getElementById(this.id)

+ const { health, width, height } = this

+ return `top:${this.top}px;left:${this.left}px;font-size:${height}px;line-height:${height}px;${opacity};${

+ this.style ?? ""

+ }`

+ }

+

+ get id() {

+ return `agent${this.agentNumber}`

+ }

+

+ get agentNumber() {

+ return this._getUid()

+ elem.setAttribute("id", this.id)

+ toggleSelectCommand() {

+ const { root } = this

+ root.selection.includes(this) ? this.unselectCommand() : this.selectCommand()

+

+ root.ensureRender()

+ return this

+ }

+

+ unselectCommand() {

+ this.unselect()

+ this.root.selection = this.root.selection.filter(node => node !== this)

+ }

+

+ selectCommand() {

+ this.root.selection.push(this)

+ this.select()

+ target.direction = this.direction

+ const { x, y } = this.direction

+ this.direction = { x: -x, y: -y }

+ const rng = this.board.randomNumberGenerator

+ this.direction = { x: 2 * rng() - 1, y: 2 * rng() - 1 }

+ if (!targets) return this

+ this.target = yodash.getClosest(targets, this)

+ this.direction = yodash.unitVector(this, this.target)

+ if (!targets) return this

+ this.target = yodash.getClosest(targets, this)

+ const bestUnitVector = yodash.unitVector(this, this.target)

+ this.direction = { x: -bestUnitVector.x, y: -bestUnitVector.y }

+ const position = command.getWordsFrom(2).length ? command.getWordsFrom(2).join(" ") : `${subject.x} ${subject.y}`

+ get midpoint() {

+ return { x: this.x + this.width / 2, y: this.y + this.height / 2 }

+ }

+

+ emit(subject, command) {

+ const { midpoint } = this

+ const position = command.getWordsFrom(2).length ? command.getWordsFrom(2).join(" ") : `${midpoint.x} ${midpoint.y}`

+ const agent = this.board.appendLine(`${command.getWord(1)} ${position}`)

+ agent.direction = this.direction

+ }

+

+ while (this.collidingAgents.length) {

+ grow() {

+ this.width++

+ this.height++

+ this.markDirty()

+ }

+

+ shrink() {

+ if (!this.width || !this.height) return

+ this.width--

+ this.height--

+ this.markDirty()

+ }

+

+ _lastPulse

+ pulse() {

+ if (this._lastPulse) this.shrink()

+ else this.grow()

+ this._lastPulse = !this._lastPulse

+ }

+

+ this.classes.push(command.getWord(1))

+ const className = command.getWord(1)

+ this.classes = this.classes.filter(name => name !== className)

+

+ return 1

+ get width() {

+ if (this._width === undefined) this._width = parseInt(this.getWord(2))

+ return this._width

+ get height() {

+ if (this._height === undefined) this._height = parseInt(this.getWord(3))

+ return this._height

+ insertAgentAtCommand(xCenter, yCenter) {

+ this.clearCollisionDetector()

+ const { agentWidth, agentHeight } = this.getAgentHeightAndWidth(agentToInsert)

+

+ const x = xCenter - Math.floor(agentWidth / 2)

+ const y = yCenter - Math.floor(agentHeight / 2)

+ //if (parent.findNodes(agentToInsert).length > MAX_ITEMS) return true

+ this.prependLine(`${agentToInsert} ${x} ${y}`)

+ this.renderAndGetRenderReport()

+ this.clearCollisionDetector()

+ targetNode.appendLine(`insertAt ${agentToInsert} ${x} ${y}`)

+ this.clearCollisionDetector()

+ this.handleCollisions()

+ treeComponentDidMount() {

+ const that = this

+ if (this.isNodeJs()) return

+ jQuery(this.getStumpNode().getShadow().element).on("click", ".Agent", function (evt) {

+ const agent = evt.target

+ const id = parseInt(jQuery(agent).attr("id").replace("agent", ""))

+ that.getAgent(id).toggleSelectCommand()

+ })

+ }

+

+ getAgent(uid) {

+ return this.agents.find(agent => agent._getUid() === uid)

+ }

+

+ getAgentHeightAndWidth(agentSymbol) {

+ const item = new this.agentMap[agentSymbol]()

+ return { agentWidth: item.width, agentHeight: item.height }

+ }

+

+ insertInbounds(agentSymbol, x, y) {

+ const { agentWidth, agentHeight } = this.getAgentHeightAndWidth(agentSymbol)

+ const xOver = x + agentWidth - this.width

+ const yOver = y + agentHeight - this.height

+ if (xOver > 0) x = x - xOver - 10

+ if (yOver > 0) y = y - yOver - 10

+ if (x < 0) x = 0

+ if (y < 0) y = 0

+ this.appendLine(`${agentSymbol} ${x} ${y}`)

+ }

+

+ // todo: origin

+ insertClusteredRandomAgents(amount, agentSymbol, x = 0, y = 0) {

+ const { agentWidth, agentHeight } = this.getAgentHeightAndWidth(agentSymbol)

+ const spots = this.collisionDetector.findClusteredNonOverlappingSquares(

+ agentWidth,

+ agentHeight,

+ amount,

+ x,

+ y,

+ (amount * agentWidth) / 4

+ )

+ return spots.map(spot => `${agentSymbol} ${spot.x} ${spot.y}`).join("\n")

+ }

+

+ this.insertClusteredRandomAgents(

+ this.clearCollisionDetector()

+ this.appendLine(`${commandNode.getWord(1)} ${commandNode.getWord(2)} ${commandNode.getWord(3)}`)

+ this.clearCollisionDetector()

+ // todo: need a typed words method in jtree

+ // rectangle 🙂 width height x y 🙂

+ const [command, agentSymbol, width, height, x, y, fillSymbol, spacing] = commandNode.words

+

+ const { agentWidth, agentHeight } = this.getAgentHeightAndWidth(agentSymbol)

+

+ const options = {

+ agentSymbol,

+ width: parseInt(width),

+ height: parseInt(height),

+ x: x ? parseInt(x) : 0,

+ y: y ? parseInt(y) : 0,

+ fillSymbol,

+ spacing: spacing || 0,

+ agentHeight,

+ agentWidth

+ }

+

+ const newLines = this.makeRectangle(options)

+ this.clearCollisionDetector()

+ this.clearCollisionDetector()

+ this.concat(this.fill(commandNode.getWord(1)))

+ this.clearCollisionDetector()

+ this.concat(this.draw(commandNode.childrenToString()))

+ this.clearCollisionDetector()

+ const { width, height } = this

+ const agentSymbol = commandNode.getWord(2)

+ const { agentWidth, agentHeight } = this.getAgentHeightAndWidth(agentSymbol)

+ const maxCells = (width * height) / (agentWidth * agentHeight)

+ amount = amount.includes("%") ? yodash.parsePercent(amount) * maxCells : parseInt(amount)

+

+ const spots = this.collisionDetector.findNonOverlappingSquares(agentWidth, agentHeight, amount)

+

+ const newAgents = spots.map(spot => `${agentSymbol} ${spot.x + " " + spot.y}`).join("\n")

+ this.clearCollisionDetector()

+ clearCollisionDetector() {

+ delete this._collisionDetector

+ delete this._solidCollisionDetector

+ _collisionDetector

+ get collisionDetector() {

+ if (!this._collisionDetector) this._collisionDetector = new CollisionDetector(this.agents, this.width, this.height)

+ return this._collisionDetector

+ handleCollisions() {

+ const collisions = this.collisionDetector.detectCollisions()

+ collisions.forEach(collision => {

+ const [agentA, agentB] = collision

+ agentA.handleCollisions([agentB])

+ agentB.handleCollisions([agentA])

+ })

+ this.appendLine(`${command.getWord(1)} ${this.getRandomLocationHash()}`)

+

+ isRectOccupied(x, y, width, height) {

+ return !this.collisionDetector.isSpotAvailable(x, y, width, height)

+ }

+

+ objectsCollidingWith(x, y, width, height) {

+ return this.collisionDetector.getCollidingAgents(x, y, width, height)

+ }

+

+ _solidCollisionDetector

+ get solidCollisionDetector() {

+ if (!this._solidCollisionDetector)

+ this._solidCollisionDetector = new CollisionDetector(

+ this.agents.filter(agent => agent.solid),

+ this.width,

+ this.height

+ )

+ return this._solidCollisionDetector

+ }

+

+ canGoHere(x, y, width, height) {

+ const blockersHere = this.solidCollisionDetector.getCollidingAgents(x, y, width, height)

+ if (blockersHere.length) return false

+

+ return true

+ }

+

+ get collidingAgents() {

+ const agents = this.agents

+ const collidingAgents = []

+ for (let agent of agents) {

+ const { position, agentSize } = agent

+ const agentsHere = this.objectsCollidingWith(position.x, position.y, agentSize).filter(a => a !== agent)

+ if (agentsHere.length) collidingAgents.push(...agentsHere)

+ }

+ return collidingAgents

+ }

+

+ makePositionHash(positionType) {

+ return `${positionType.x + " " + positionType.y}`

+ }

+

+ getRandomLocationHash(size = 1) {

+ const { x, y } = this.getRandomLocation()

+ if (this.isRectOccupied(x, y, size, size)) return this.getRandomLocationHash()

+ return this.makePositionHash({ x, y })

+ }

+

+ getRandomLocation() {

+ const { randomNumberGenerator, height, width } = this

+ const maxRight = width

+ const maxBottom = height

+ const x = Math.round(randomNumberGenerator() * maxRight)

+ const y = Math.round(randomNumberGenerator() * maxBottom)

+ return { x, y }

+ }

+

+ draw(str) {

+ const lines = str.split("\n")

+ const output = []

+ let agentWidth

+ let agentHeight

+ for (let index = 0; index < lines.length; index++) {

+ const words = lines[index].split(" ")

+ for (let wordIndex = 0; wordIndex < words.length; wordIndex++) {

+ const agentSymbol = words[wordIndex]

+ if (agentSymbol && !agentWidth) {

+ // Draw assumes everything being drawn is a square with sides N.

+ agentWidth = this.getAgentHeightAndWidth(agentSymbol).agentWidth

+ agentHeight = agentWidth

+ }

+

+ if (agentSymbol !== "")

+ output.push(`${agentSymbol} ${this.makePositionHash({ y: index * agentHeight, x: wordIndex * agentHeight })}`)

+ }

+ }

+ return output.join("\n")

+ }

+

+ makeRectangle(options) {

+ const { width, height, agentSymbol, x, y, fillSymbol, spacing, agentHeight, agentWidth } = options

+

+ if (width < 1 || height < 1) return ""

+

+ if (isNaN(x)) x = 20

+ if (isNaN(y)) y = 20

+

+ const cells = []

+ let row = 0

+ while (row < height) {

+ let col = 0

+ while (col < width) {

+ const isPerimeter = row === 0 || row === height - 1 || col === 0 || col === width - 1

+ if (!fillSymbol && !isPerimeter) {

+ col++

+ continue

+ }

+

+ cells.push(

+ `${isPerimeter ? agentSymbol : fillSymbol} ${x + col * (agentWidth + spacing)} ${

+ y + row * (agentHeight + spacing)

+ }`

+ )

+ col++

+ }

+ row++

+ }

+ return cells.join("\n")

+ }

+

+ fill(agentSymbol) {

+ let { width, height } = this

+ const { agentWidth, agentHeight } = this.getAgentHeightAndWidth(agentSymbol)

+ const board = []

+ let y = 0

+ while (y < height - agentHeight) {

+ let x = 0

+ while (x < width - agentWidth) {

+ if (this.isRectOccupied(x, y, agentWidth, agentHeight)) {

+ x += agentWidth

+ continue

+ }

+ board.push(`${agentSymbol} ${x} ${y}`)

+ x += agentWidth

+ }

+ y += agentHeight

+ }

+ return board.join("\n")

+ }

+

+ getNeighborCount(rect) {

+ const { position, agentSize } = rect

+ const neighborCounts = {}

+ this.positionsAdjacentToRect(position.right, position.down, agentSize).forEach(pos => {

+ const agents = this.objectsCollidingWith(pos.right, pos.down, agentSize)

+ agents.forEach(agent => {

+ if (!neighborCounts[agent.name]) neighborCounts[agent.name] = 0

+ neighborCounts[agent.name]++

+ })

+ })

+ return neighborCounts

+ }

+

+ positionsAdjacentToRect(x, y, size) {

+ const positions = []

+ for (let row = y - size; row <= y + size; row++) {

+ for (let col = x - size; col <= x + size; col++) {

+ if (row === y && col === x) continue

+ positions.push({ right: col, down: row })

+ }

+ }

+ return positions

+ }

+ class Bounds {

+ constructor(x, y, w, h) {

+ this.x = x

+ this.y = y

+ this.w = w

+ this.h = h

+ }

+

+ intersects(range) {

+ return !(

+ range.x >= this.x + this.w ||

+ range.y >= this.y + this.h ||

+ range.x + range.w <= this.x ||

+ range.y + range.h <= this.y

+ )

+ }

+ }

+

+ class Quadtree {

+ constructor(bounds, capacity, maxDepth = 10) {

+ this.bounds = new Bounds(bounds.x, bounds.y, bounds.w, bounds.h)

+ this.capacity = capacity

+ this.maxDepth = maxDepth

+ this.agents = []

+ }

+

+ get agentCount() {

+ let count = 0

+

+ if (this.isLeaf()) {

+ count += this.agents.length

+ } else {

+ for (const child of this.children) {

+ count += child.agentCount

+ }

+ }

+

+ return count

+ }

+

+ insert(agent, depth = 0) {

+ if (!this.bounds.intersects(agent)) return false

+

+ if (!this.divided && (this.agents.length < this.capacity || depth >= this.maxDepth)) {

+ this.agents.push(agent)

+ return true

+ } else {

+ if (!this.divided) this.divide()

+ for (const child of this.children) {

+ if (child.insert(agent, depth + 1)) return true

+ }

+ }

+ return false

+ }

+

+ isLeaf() {

+ return !this.divided

+ }

+

+ get northWest() {

+ return this.children[0]

+ }

+

+ get northEast() {

+ return this.children[1]

+ }

+

+ get southWest() {

+ return this.children[2]

+ }

+

+ get southEast() {

+ return this.children[3]

+ }

+

+ prettyPrint(depth = 0) {

+ let output = ""

+

+ if (this.isLeaf()) {

+ output += "-".repeat(depth - 1)

+ output += `[${this.bounds.x}, ${this.bounds.y}, ${this.bounds.w}, ${this.bounds.h}]: `

+ output += this.agents.map(agent => agent.id).join(", ")

+ output += "\n"

+ } else {

+ output += this.northWest.prettyPrint(depth + 1)

+ output += this.northEast.prettyPrint(depth + 1)

+ output += this.southWest.prettyPrint(depth + 1)

+ output += this.southEast.prettyPrint(depth + 1)

+ }

+

+ return output

+ }

+

+ get divided() {

+ return !!this.children

+ }

+

+ divide() {

+ const { x, y } = this.bounds

+ const { bounds, capacity } = this

+ const w = bounds.w / 2

+ const h = bounds.h / 2

+

+ this.children = [

+ new Quadtree({ x, y, w, h }, capacity),

+ new Quadtree({ x: x + w, y, w, h }, capacity),

+ new Quadtree({ x, y: y + h, w, h }, capacity),

+ new Quadtree({ x: x + w, y: y + h, w, h }, capacity)

+ ]

+

+ for (const agent of this.agents) this.insert(agent)

+ delete this.agents

+ }

+

+ query(range, found = []) {

+ if (!this.bounds.intersects(range)) return found

+

+ if (!this.divided) {

+ for (const agent of this.agents) if (range.intersects(agent)) found.push(agent)

+ } else {

+ for (const child of this.children) child.query(range, found)

+ }

+

+ return found

+ }

+ }

+

+ class CollisionDetector {

+ constructor(agents, worldWidth, worldHeight) {

+ this.agents = agents

+ this.width = worldWidth

+ this.height = worldHeight

+ this.quadtree = new Quadtree({ x: 0, y: 0, w: worldWidth, h: worldHeight }, 4)

+ for (const agent of this.agents) this.addAgent(agent)

+ }

+

+ addAgent(agent) {

+ this.quadtree.insert(agent)

+ return this

+ }

+

+ isSpotAvailable(x, y, width, height) {

+ const searchBounds = new Bounds(x, y, width, height)

+

+ const nearbyAgents = this.quadtree.query(searchBounds)

+

+ for (const agent of nearbyAgents) {

+ if (x < agent.x + agent.width && x + width > agent.x && y < agent.y + agent.height && y + height > agent.y) {

+ return false

+ }

+ }

+ return true

+ }

+

+ findNonOverlappingSquares(width, height, N) {

+ const nonOverlappingSquares = []

+ const availableCells = []

+

+ // Divide the world into cells

+ for (let x = 0; x < this.width - width; x += width) {

+ for (let y = 0; y < this.height - height; y += height) {

+ if (this.isSpotAvailable(x, y, width, height)) availableCells.push({ x, y })

+ }

+ }

+

+ // Randomly select non-overlapping cells

+ while (nonOverlappingSquares.length < N && availableCells.length) {

+ const randomIndex = Math.floor(Math.random() * availableCells.length)

+ nonOverlappingSquares.push(availableCells[randomIndex])

+ availableCells.splice(randomIndex, 1)

+ }

+ return nonOverlappingSquares

+ }

+

+ findClusteredNonOverlappingSquares(width, height, N, centerX, centerY, clusterRadius) {

+ const nonOverlappingSquares = []

+ const availableCells = []

+

+ // Divide the world into cells and filter by clusterRadius

+ for (let x = 0; x < this.width - width; x += width) {

+ for (let y = 0; y < this.height - height; y += height) {

+ const dx = x - centerX

+ const dy = y - centerY

+ const distance = Math.sqrt(dx * dx + dy * dy)

+

+ if (distance <= clusterRadius && this.isSpotAvailable(x, y, width, height)) {

+ availableCells.push({ x: x, y: y })

+ }

+ }

+ }

+

+ // Randomly select non-overlapping cells

+ while (nonOverlappingSquares.length < N && availableCells.length > 0) {

+ const randomIndex = Math.floor(Math.random() * availableCells.length)

+ nonOverlappingSquares.push(availableCells[randomIndex])

+ availableCells.splice(randomIndex, 1)

+ }

+

+ return nonOverlappingSquares

+ }

+

+ getCollidingAgents(x, y, width, height) {

+ const collidingAgents = []

+ const queryBounds = new Bounds(x, y, width, height)

+ const nearbyAgents = this.quadtree.query(queryBounds)

+

+ for (const agent of nearbyAgents) {

+ if (queryBounds.intersects(agent)) collidingAgents.push(agent)

+ }

+

+ return collidingAgents

+ }

+

+ detectCollisions() {

+ let collissions = []

+

+ for (const agentA of this.agents) {

+ const searchBounds = new Bounds(

+ agentA.x - agentA.width,

+ agentA.y - agentA.height,

+ agentA.width * 2,

+ agentA.height * 2

+ )

+ const nearbyAgents = this.quadtree.query(searchBounds)

+ for (const agentB of nearbyAgents) {

+ if (agentA !== agentB && this.checkCollision(agentA, agentB)) collissions.push([agentA, agentB])

+ }

+ }

+ return collissions

+ }

+

+ checkCollision(a, b) {

+ return a.x < b.x + b.width && a.x + a.width > b.x && a.y < b.y + b.height && a.y + a.height > b.y

+ }

+ }

+

+ window.CollisionDetector = CollisionDetector

+

+

+ gridClickCommand(x, y) {

+ return this.parent.insertAgentAtCommand(x, y)

+ treeComponentDidMount() {

+ const that = this

+ if (this.isNodeJs()) return super.treeComponentDidMount()

+

+ jQuery(`.${GridComponent.name}`).on("click", function (evt) {

+ const { offsetX, offsetY } = evt

+ const x = offsetX

+ const y = offsetY

+ that.gridClickCommand(x, y)

+ })

+ return `div

+ class ${GridComponent.name}`

+ const width = windowWidth - chromeWidth - 1

+ const height = windowHeight - SIZES.CHROME_HEIGHT - SIZES.TITLE_HEIGHT - 1

+ const setWidth = simojiProgram.get(Keywords.width)

+ const setHeight = simojiProgram.get(Keywords.height)

+ // todo: use the set values if present

+ return { width, height }

+ const { width, height } = this.makeGrid(program, windowWidth, windowHeight)

+ `${BoardComponent.name} 1 ${width} ${height} ${index}`,

+ moveSelection(x, y) {

+ node.direction = { x, y }

+ // todo: update any state?

+ // technically also needs width and height settings

+ newCode.set(Keywords.height, board.height.toString())

+ newCode.set(Keywords.width, board.width.toString())

+ experiment.set(Keywords.height, board.height.toString())

+ experiment.set(Keywords.width, board.width.toString())

+ up: () => this.moveSelection(0, -1),

+ down: () => this.moveSelection(0, 1),

+ right: () => this.moveSelection(1, 0),

+ left: () => this.moveSelection(-1, 0),

+ Keywords.height = "height"

+ Keywords.width = "width"

+ const grammar = await fetch("dist/simoji.grammar")

+ thingClass

+ width 30

+ height 30

+

+ personClass

+ width 40

+ height 40

+ speed 20

+

+ width 20

+ height 20

+ speed 30

+ spawn 🏀 15 9

+ spawn 🔵 1 18

+ spawn 🏀 15 9

+ spawn 🔴 1 17

+ moveEastToBlankSpotClass

+ unlearn moveEastToBlankSpotClass

+ moveEastToBlankSpotClass

+ moveEastToBlankSpotClass

+ hasBallClass

+ learn noBallClass

+ unlearn hasBallClass

+ learn noBallClass

+ unlearn hasBallClass

+ noBallClass

+ learn hasBallClass

+ unlearn noBallClass

+ personClass

+ noBallClass

+ personClass

+ noBallClass

+ thingClass

+ thingClass

+

+ 🥅⛹️‍♂️ 50 180

+ 🥅⛹️‍♀️ 800 180

+ 🏀 425 180

+ thingClass

+ insertAt ⛹️‍♂️ 719 140

+ insertAt ⛹️‍♂️ 733 242

+ insertAt ⛹️‍♂️ 727 341

+ insertAt ⛹️‍♂️ 645 172

+ insertAt ⛹️‍♂️ 626 271

+ insertAt ⛹️‍♀️ 167 142

+ insertAt ⛹️‍♀️ 154 286

+ insertAt ⛹️‍♀️ 307 139

+ insertAt ⛹️‍♀️ 309 227

+ insertAt ⛹️‍♀️ 320 341

+ 🏛 8 9

+ 🏭 4 1

+ 🏭 3 1

+ 🏭 2 1

+ 🏭 1 1

+ 🏡 5 18

+ 🏡 6 18

+ 🏡 7 18

+ 🏡 8 18

+ 🚓 1 1

+ 🚗 5 15

+ thingClass

+ freedomOfMovementSetting .1

+ reinfectionRateSetting .3

+ thingClass

+ width 20

+ height 20

+ speed 5

+ thingClass

+ thingClass

+ onHit reinfectionRateSetting

+ aliveClass

+ vaccineSeekerClass

+ thingClass

+ aliveClass

+ vaccineSeekerClass

+ onHit innateImmunitySetting

+ thingClass

+ thingClass

+ aliveClass

+ onHit vaxSucceptibilitySetting

+ thingClass

+

+ onHit

+ onHit

+ rectangle 🪵 20 47 5 1

+ rectangle 🌾 40 1 0 48

+ rectangle 🚪 1 45 15 2

+ 🛗 19 6

+ 🛗 22 4

+ 🛗 20 3

+ 🛗 13 10

+ 🛗 9 4

+ 🛗 11 3

+ 🚗 30 47

+ 🚗 28 47

+ width 20

+ height 20

+ replaceWith ⬛️

+ onHit

+ replaceWith ⬛️

+ width 40

+ height 40

+ jitter

+ shrink

+ width 20

+ height 20

+ onHit fireSpreadSetting

+ width 40

+ height 40

+ jitter

+ shrink

+ speed 10

+ height 30

+ width 30

+ onTick .5

+ height 100

+ width 100

+ speed 20

+ width 30

+ height 30

+

+ width 30

+ height 30

+ rectangle 🪵 50 15 50 50

+

+ insertAt 🏐 273 125

+ insertAt 🏓 90 120

+ insertAt 🏸 510 121

+ turnRandomly

+ speed 10

+ turnRandomly

+ move

+ turnRandomly

+ rectangle 🪵 40 20 10 70

+ 🏐 320 170

+ 🎱 70 120

+ 🎱 70 140

+ 🎱 70 160

+ 🎱 70 180

+ 🎱 70 200

+ 🎱 70 220

+ 🎱 80 210

+ 🎱 80 190

+ 🎱 80 170

+ 🎱 80 150

+ 🎱 80 130

+ 🎱 90 200

+ 🎱 90 180

+ 🎱 90 160

+ 🎱 90 140

+ 🎱 100 150

+ 🎱 100 170

+ 🎱 100 190

+ 🎱 110 180

+ 🎱 110 160

+ 🎱 120 170

+ thingClass

+ width 40

+ height 40

+ speed 20

+ width 20

+ height 20

+ speed 30

+ thingClass

+ thingClass

+

+ thingClass

+ thingClass

+

+ seed 1681189626875

+ height 862

+ width 1354

+ insertAt 🥅 1095 293

+ insertAt 🥅 98 294

+ insertAt ⛹️‍♂️ 993 303

+ insertAt ⛹️‍♂️ 923 114

+ insertAt ⛹️‍♂️ 923 244

+ insertAt ⛹️‍♂️ 954 449

+ insertAt ⛹️‍♂️ 844 129

+ insertAt ⛹️‍♂️ 842 246

+ insertAt ⛹️‍♂️ 849 337

+ insertAt ⛹️‍♂️ 866 454

+ insertAt ⛹️‍♂️ 722 148

+ insertAt ⛹️‍♂️ 705 273

+ insertAt ⛹️‍♂️ 722 423

+ insertAt ⛹️‍♀️ 443 168

+ insertAt ⛹️‍♀️ 496 285

+ insertAt ⛹️‍♀️ 481 441

+ insertAt ⛹️‍♀️ 317 137

+ insertAt ⛹️‍♀️ 321 253

+ insertAt ⛹️‍♀️ 342 334

+ insertAt ⛹️‍♀️ 333 471

+ insertAt ⛹️‍♀️ 196 505

+ insertAt ⛹️‍♀️ 182 395

+ insertAt ⛹️‍♀️ 212 192

+ insertAt ⛹️‍♀️ 161 318

+ insertAt ⚽️ 618 322

+ personClass

+ width 25

+ height 25

+ speed 10

+

+ personClass

+ width 50

+ height 50

+ personClass

+ personClass

+ bigClass

+ width 20

+ height 20

+

+ bigClass

+ speed 10

+ onTick .4

+ turnRandomly

+ move

+ onTick .5

+ turnToward 🛒

+ onHit

+ 🛒

+ pickItUp

+ angle South

+ bigClass

+ bigClass

+ bigClass

+ rectangle 🪵 30 15 30 30

+ 🚪 170 120

+

+

+

+ insertAt 🛒 432 95

+ insertAt 🛒 435 212

+ 🙂

+ width 30

+ height 30

+ onTick .1

+ turnToward 🙂

+ emit 💬

+

+

+ 💬

+ health 5

+ speed 10

+ onHit

+ 🙂

+ decrease health

+ decrease health

+ decrease health

+ decrease health

+ decrease health

+ decrease health

+ onTick

+ move

+ decrease health

+ onDeath

+ remove

+

+

+ rectangle 🙂 5 5 100 100 🙂 20

+

+ textClass

+ width 20

+ height 20

+

+ 1

+ html Imagine a world with 25 people

+ textClass

+

+ insertAt 1 70 60

+ thingClass

+ width 20

+ height 20

+ speed 20

+

+ thingClass

+ thingClass

+ onHit

+ # Recovered

+ thingClass

+ thingClass

+ bigClass

+ width 40

+ height 40

+

+ bigClass

+ speed 10

+ bigClass

+ bigClass

+ speed 50

+ bigClass

+ width 50

+ height 50

+ bigClass

+ bigClass

+ bigClass

+ 👨‍👩‍👧‍👦 400 400

+ javascriptLineParser

+ catchAllCellType javascriptCell

+ abstractCommandParser

+ cells keywordCell

+

+ abstractSubjectObjectCommandParser

+ extends abstractCommandParser

+ replaceWithCommandParser

+ extends abstractSubjectObjectCommandParser

+ crux replaceWith

+ cells keywordCell emojiCell

+ kickItCommandParser

+ extends abstractSubjectObjectCommandParser

+ crux kickIt

+ shootCommandParser

+ extends abstractSubjectObjectCommandParser

+ crux shoot

+ pickItUpCommandParser

+ extends abstractSubjectObjectCommandParser

+ crux pickItUp

+

+ spawnCommandParser

+ crux spawn

+ extends abstractCommandParser

+ cells keywordCell emojiCell

+ catchAllCellType positionCell

+ emitCommandParser

+ crux emit

+ extends abstractCommandParser

+ cells keywordCell emojiCell

+ removeCommandParser

+ description Remove this agent from the board.

+ crux remove

+ extends abstractCommandParser

+ cells keywordCell

+ javascriptCommandParser

+ description An escape hatch so you can write custom javascript in a pinch.

+ extends abstractCommandParser

+ crux javascript

+ catchAllParser javascriptLineParser

+ cells keywordCell

+

+ alertCommandParser

+ extends abstractCommandParser

+ crux alert

+ catchAllCellType stringCell

+ logCommandParser

+ extends abstractCommandParser

+ crux log

+ catchAllCellType stringCell

+ narrateCommandParser

+ extends abstractCommandParser

+ crux narrate

+ catchAllCellType stringCell

+ pauseCommandParser

+ extends abstractCommandParser

+ crux pause

+

+ decreaseCommandParser

+ extends abstractCommandParser

+ description Decrease a property by 1.

+ crux decrease

+ cells keywordCell propertyNameCell

+ increaseCommandParser

+ extends abstractCommandParser

+ description Increase a property by 1.

+ crux increase

+ cells keywordCell propertyNameCell

+

+ growCommandParser

+ extends abstractCommandParser

+ crux grow

+ shrinkCommandParser

+ extends abstractCommandParser

+ crux shrink

+ pulseCommandParser

+ extends abstractCommandParser

+ crux pulse

+

+ learnCommandParser

+ crux learn

+ extends abstractCommandParser

+ cells keywordCell classNameCell

+ unlearnCommandParser

+ crux unlearn

+ extends abstractCommandParser

+ cells keywordCell classNameCell

+ agentDefinitionParser

+ inScope abstractIgnoreParser abstractEventParser abstractAgentAttributeParser belongsToClassParser

+ cells keywordCell

+ catchAllParser errorParser

+ compiler

+ stringTemplate

+ javascript

+ compile() {

+ const root = this.root

+ const name = root.agentKeywordMap[this.firstWord]

+ const normal = super.compile()

+ const classIds = this.filter(node => node.parserId === "belongsToClassParser").map(node => node.getLine())

+ const props = classIds.map(id => this.root.getNode(id).properties).join("\n\n")

+ return `class ${name} extends Agent {

+ icon = "${this.firstWord}"

+ classes = [${classIds.map(id => `"${id}"`).join(",")}]

+ ${props}

+ ${normal}

+ }`

+ }

+ abstractAgentAttributeParser

+ cells keywordCell

+ stringAttributeParser

+ extends abstractAgentAttributeParser

+ pattern ^\w+ .+$

+ catchAllCellType stringCell

+ javascript

+ compile() {

+ return `${this.firstWord} = "${this.content}"`

+ }

+ angleParser

+ extends stringAttributeParser

+ cells keywordCell angleCell

+ cruxFromId

+ agentStyleParser

+ description Provide custom CSS for an agent type.

+ extends stringAttributeParser

+ cells keywordCell cssCell

+ crux style

+ agentHtmlParser

+ description Provide custom HTML for each rendered agent.

+ extends stringAttributeParser

+ cells keywordCell htmlCell

+ crux html

+ abstractBooleanAttributeParser

+ description A boolean attribute.

+ extends abstractAgentAttributeParser

+ javascript

+ compile() {

+ return `${this.firstWord} = true`

+ }

+ noPaletteParser

+ extends abstractBooleanAttributeParser

+ cruxFromId

+ description Don't show this agent in the palette.

+ solidTraitParser

+ description If set other agents won't pass through these.

+ extends abstractBooleanAttributeParser

+ crux solid

+ bouncyTraitParser

+ description If set other agents will bounce off this after a collision.

+ extends abstractBooleanAttributeParser

+ crux bouncy

+ abstractIntegerAttributeParser

+ extends abstractAgentAttributeParser

+ description An integer attribute.

+ cells keywordCell integerCell

+ javascript

+ compile() {

+ return `${this.firstWord} = ${this.getWord(1)}`

+ }

+ customIntegerAttributeParser

+ pattern ^\w+ \d+$

+ extends abstractIntegerAttributeParser

+ healthParser

+ extends abstractIntegerAttributeParser

+ cruxFromId

+ agentWidthParser

+ extends abstractIntegerAttributeParser

+ description Width of the agent.

+ crux width

+ agentHeightParser

+ extends abstractIntegerAttributeParser

+ description Height of the agent.

+ crux height

+ speedParser

+ extends abstractIntegerAttributeParser

+ description Movement speed. Default is 1

+ crux speed

+ settingDefinitionParser

+ description Define a configurable input.

+ cells keywordCell settingValueCell

+ pattern ^\w+Setting .+$

+ styleLineParser

+ catchAllCellType cssCell

+ catchAllParser styleLineParser

+ styleParser

+ description Optional CSS to load in BoardStyleComponent

+ extends abstractSetupParser

+ cells keywordCell

+ cruxFromId

+ catchAllParser styleLineParser

+ javascript

+ compile() {

+ return ""

+ }

+ questionParser

+ cruxFromId

+ description What are you trying to figure out?

+ cells keywordCell

+ catchAllCellType stringCell

+ extends abstractSetupParser

+ anyCell

+ booleanCell

+ stringCell

+ highlightScope string

+ settingValueCell

+ highlightScope constant.numeric

+ cssCell

+ highlightScope string

+ javascriptCell

+ highlightScope string

+ htmlCell

+ highlightScope string

+ emojiCell

+ highlightScope string

+ ohayoCell

+ highlightScope string

+ blankCell

+ codeCell

+ highlightScope comment

+ commentCell

+ highlightScope comment

+ keywordCell

+ highlightScope keyword

+ textCell

+ highlightScope string

+ integerCell

+ highlightScope constant.numeric

+

+ classNameCell

+ highlightScope keyword

+ conditionalOperatorCell

+ highlightScope keyword

+ enum < > = <= >=

+ positionCell

+ highlightScope constant.numeric

+ neighborCountCell

+ extends integerCell

+ min 0

+ max 8

+ integerOrPercentCell

+ highlightScope constant.numeric

+ probabilityCell

+ description A number between 0 and 1

+ highlightScope constant.numeric

+ propertyNameCell

+ highlightScope keyword

+ angleCell

+ enum North South East West NorthWest NorthEast SouthWest SouthEast

+ highlightScope constant.numeric

+ belongsToClassParser

+ cells classNameCell

+ pattern ^.*Class$

+ javascript

+ compile() {

+ return ""

+ }

+ classDefinitionParser

+ inScope abstractIgnoreParser abstractEventParser abstractAgentAttributeParser

+ cells classNameCell

+ pattern ^.*Class$

+ catchAllParser errorParser

+ javascript

+ compile() {

+ return ""

+ }

+ get properties() {

+ return this.filter(node => node.doesExtend("abstractAgentAttributeParser")).map(node => node.compile()).join("\n")

+ }

+ commentLineParser

+ catchAllCellType commentCell

+ commentParser

+ extends abstractIgnoreParser

+ catchAllCellType commentCell

+ cruxFromId

+ catchAllParser commentLineParser

+ commentAliasParser

+ description Alternate alias for a comment.

+ crux #

+ extends commentParser

+ atTimeParser

+ cruxFromId

+ description Run commands at a certain tick.

+ cells keywordCell integerCell

+ extends abstractSetupParser

+ inScope abstractInjectCommandParser

+ abstractInjectCommandParser

+

+ insertParser

+ extends abstractInjectCommandParser

+ cells keywordCell integerOrPercentCell emojiCell

+ cruxFromId

+ insertAtParser

+ extends insertParser

+ description Insert at X Y

+ cells keywordCell emojiCell positionCell positionCell

+ cruxFromId

+ insertClusterParser

+ extends insertParser

+ cruxFromId

+ catchAllCellType integerCell

+

+ fillParser

+ description Fill all blank cells with this agent.

+ extends abstractInjectCommandParser

+ cells keywordCell emojiCell

+ cruxFromId

+

+ drawLineParser

+ catchAllCellType emojiCell

+ drawParser

+ extends abstractInjectCommandParser

+ cells keywordCell

+ cruxFromId

+ catchAllParser drawLineParser

+

+ rectangleDrawParser

+ extends abstractInjectCommandParser

+ example

+ rectangle 🙂 width height x y 🙂

+ cells keywordCell emojiCell integerCell integerCell

+ catchAllCellType integerCell

+ crux rectangle

+

+ pasteLineParser

+ catchAllCellType anyCell

+ catchAllParser pasteLineParser

+ pasteDrawParser

+ extends abstractInjectCommandParser

+ cells keywordCell

+ crux paste

+ catchAllParser pasteLineParser

+ targetEmojiParser

+ inScope abstractCommandParser

+ cells emojiCell

+ abstractEventParser

+ cells keywordCell

+ catchAllCellType probabilityCell

+ javascript

+ compile() {

+ return ``

+ }

+ abstractInteractionEventParser

+ extends abstractEventParser

+ catchAllParser targetEmojiParser

+ onHitParser

+ extends abstractInteractionEventParser

+ cruxFromId

+ description Define what happens when this agent collides with other agents.

+ onDeathParser

+ extends abstractEventParser

+ cruxFromId

+ inScope abstractCommandParser

+ description Define what happens when this agent runs out of health.

+ onTickParser

+ extends abstractEventParser

+ cruxFromId

+ inScope abstractCommandParser

+ description Define what happens each tick.

+ emojiAndNeighborConditionParser

+ inScope abstractCommandParser

+ pattern ^.+ (<|>|=|<=|>=)+ .+$

+ cells emojiCell conditionalOperatorCell neighborCountCell

+ onExtinctParser

+ cruxFromId

+ inScope abstractCommandParser

+ cells keywordCell emojiCell

+ description Define what happens when a type of agent goes extinct from the board.

+ javascript

+ compile() {

+ return ""

+ }

+ experimentParser

+ cruxFromId

+ cells keywordCell

+ inScope abstractIgnoreParser abstractSetupParser abstractInjectCommandParser onTickParser onExtinctParser settingDefinitionParser

+ catchAllCellType stringCell

+ abstractSetupNumberParser

+ cells keywordCell integerCell

+ extends abstractSetupParser

+ javascript

+ compile() {

+ return ""

+ }

+ heightParser

+ description Height of the grid. Default is based on screen size.

+ extends abstractSetupNumberParser

+ crux height

+ widthParser

+ description Width of the grid. Default is based on screen size.

+ extends abstractSetupNumberParser

+ crux width

+ seedParser

+ description If you'd like reproducible runs set a seed for the random number generator.

+ extends abstractSetupNumberParser

+ cruxFromId

+ ticksPerSecondParser

+ description Time in milliseconds of one step.

+ extends abstractSetupNumberParser

+ cruxFromId

+ moveCommandParser

+ extends abstractCommandParser

+ crux move

+ moveToEmptySpotCommandParser

+ crux moveToEmptySpot

+ extends abstractCommandParser

+ cells keywordCell

+ turnRandomlyCommandParser

+ extends abstractCommandParser

+ crux turnRandomly

+ jitterCommandParser

+ extends abstractCommandParser

+ crux jitter

+ turnTowardCommandParser

+ description Turn to the closest agent of a certain type.

+ extends abstractCommandParser

+ crux turnToward

+ cells keywordCell emojiCell

+ turnFromCommandParser

+ description Turn away from the closest agent of a certain type.

+ extends abstractCommandParser

+ crux turnFrom

+ cells keywordCell emojiCell

+ ohayoLineParser

+ description Data visualization code written for Ohayo.

+ catchAllCellType ohayoCell

+ reportParser

+ cruxFromId

+ description Define a custom report template.

+ catchAllParser ohayoLineParser

+ extends abstractSetupParser

+ cells keywordCell

+ javascript

+ compile() {

+ return ""

+ }

+ errorParser

+ baseParser errorParser

+ abstractSetupParser

+ abstractIgnoreParser

+ tags doNotSynthesize

+ javascript

+ compile () {

+ return ""

+ }

+ simojiParser

+ extensions simoji

+ description A Tree Language that compiles to a TreeComponentFramework app.

+ root

+ inScope abstractIgnoreParser abstractSetupParser abstractInjectCommandParser onTickParser onExtinctParser classDefinitionParser experimentParser settingDefinitionParser

+ catchAllParser agentDefinitionParser

+ compilesTo javascript

+ example

+ 🦋

+ onTick .1

+ turnRandomly

+ move

+ onTick .2

+ turnToward 💡

+ move

+ 💡

+

+ insert 10 🦋

+ insert 2 💡

+ javascript

+ get agentTypes() {

+ return this.filter(node => node.parserId === "agentDefinitionParser")

+ }

+ blankLineParser

+ extends abstractIgnoreParser

+ description Blank lines compile do nothing.

+ cells blankCell

+ pattern ^$