2024-06-06 22:47:04 +00:00
|
|
|
import init from "./out.mjs"
|
|
|
|
|
|
|
|
const mod = await init()
|
|
|
|
|
2024-07-22 00:00:34 +00:00
|
|
|
let result = null
|
|
|
|
|
2024-06-06 22:47:04 +00:00
|
|
|
export function run (source) {
|
2024-07-22 00:00:34 +00:00
|
|
|
const output = mod.ludus(source).value
|
|
|
|
result = JSON.parse(output)
|
|
|
|
return result
|
|
|
|
}
|
|
|
|
|
|
|
|
export function stdout () {
|
2024-07-30 22:36:13 +00:00
|
|
|
if (!result) return ""
|
2024-07-22 00:00:34 +00:00
|
|
|
return result.io.console.data
|
2024-06-06 22:47:04 +00:00
|
|
|
}
|
2024-07-22 00:00:34 +00:00
|
|
|
|
|
|
|
export function turtle_commands () {
|
2024-07-30 22:36:13 +00:00
|
|
|
if (!result) return []
|
2024-07-22 00:00:34 +00:00
|
|
|
return result.io.turtle.data
|
|
|
|
}
|
|
|
|
|
2024-07-22 15:39:57 +00:00
|
|
|
export function svg () {
|
2024-07-30 22:36:13 +00:00
|
|
|
// TODO
|
2024-07-22 15:39:57 +00:00
|
|
|
}
|
|
|
|
|
|
|
|
const turtle_init = {
|
|
|
|
position: [0, 0],
|
|
|
|
heading: 0,
|
|
|
|
pendown: true,
|
|
|
|
pencolor: "white",
|
|
|
|
penwidth: 1,
|
|
|
|
visible: true
|
|
|
|
}
|
|
|
|
|
|
|
|
const colors = {
|
|
|
|
black: [0, 0, 0, 255],
|
|
|
|
silver: [192, 192, 192, 255],
|
|
|
|
gray: [128, 128, 128, 255],
|
|
|
|
white: [255, 255, 255, 255],
|
|
|
|
maroon: [128, 0, 0, 255],
|
|
|
|
red: [255, 0, 0, 255],
|
|
|
|
purple: [128, 0, 128, 255],
|
|
|
|
fuchsia: [255, 0, 255, 255],
|
|
|
|
green: [0, 128, 0, 255],
|
|
|
|
lime: [0, 255, 0, 255],
|
|
|
|
olive: [128, 128, 0, 255],
|
|
|
|
yellow: [255, 255, 0, 255],
|
|
|
|
navy: [0, 0, 128, 255],
|
|
|
|
blue: [0, 0, 255, 255],
|
|
|
|
teal: [0, 128, 128, 255],
|
|
|
|
aqua: [0, 255, 25, 255],
|
|
|
|
}
|
|
|
|
|
2024-07-30 22:36:13 +00:00
|
|
|
function resolve_color (color) {
|
|
|
|
if (typeof color === 'string') return colors[color]
|
|
|
|
if (typeof color === 'number') return [color, color, color, 255]
|
|
|
|
if (Array.isArray(color)) return color
|
2024-07-22 15:39:57 +00:00
|
|
|
}
|
|
|
|
|
2024-07-30 22:36:13 +00:00
|
|
|
let background_color = "black"
|
|
|
|
|
2024-07-22 15:39:57 +00:00
|
|
|
function add (v1, v2) {
|
|
|
|
const [x1, y1] = v1
|
|
|
|
const [x2, y2] = v2
|
|
|
|
return [x1 + x2, y1 + y2]
|
|
|
|
}
|
|
|
|
|
|
|
|
function mult (vector, scalar) {
|
|
|
|
const [x, y] = vector
|
|
|
|
return [x * scalar, y * scalar]
|
|
|
|
}
|
|
|
|
|
|
|
|
function unit_of (heading) {
|
|
|
|
const turns = -heading + 0.25
|
|
|
|
const radians = turn_to_rad(turns)
|
2024-07-30 22:36:13 +00:00
|
|
|
return [Math.cos(radians), Math.sin(radians)]
|
2024-07-22 15:39:57 +00:00
|
|
|
}
|
|
|
|
|
2024-07-30 22:36:13 +00:00
|
|
|
function command_to_state (prev_state, curr_command) {
|
|
|
|
const verb = curr_command[0]
|
2024-07-22 15:39:57 +00:00
|
|
|
switch (verb) {
|
|
|
|
case "goto": {
|
2024-07-30 22:36:13 +00:00
|
|
|
const [_, x, y] = curr_command
|
|
|
|
return {...prev_state, position: [x, y]}
|
2024-07-22 15:39:57 +00:00
|
|
|
}
|
|
|
|
case "home": {
|
2024-07-30 22:36:13 +00:00
|
|
|
return {...prev_state, position: [0, 0], heading: 0}
|
2024-07-22 15:39:57 +00:00
|
|
|
}
|
|
|
|
case "right": {
|
2024-07-30 22:36:13 +00:00
|
|
|
const [_, angle] = curr_command
|
|
|
|
const {heading} = prev_state
|
|
|
|
return {...prev_state, heading: heading + angle}
|
2024-07-22 15:39:57 +00:00
|
|
|
}
|
|
|
|
case "left": {
|
2024-07-30 22:36:13 +00:00
|
|
|
const [_, angle] = curr_command
|
|
|
|
const {heading} = prev_state
|
|
|
|
return {...prev_state, heading: heading - angle}
|
2024-07-22 15:39:57 +00:00
|
|
|
}
|
|
|
|
case "forward": {
|
2024-07-30 22:36:13 +00:00
|
|
|
const [_, steps] = curr_command
|
|
|
|
const {heading, position} = prev_state
|
2024-07-22 15:39:57 +00:00
|
|
|
const unit = unit_of(heading)
|
|
|
|
const move = mult(unit, steps)
|
2024-07-30 22:36:13 +00:00
|
|
|
return {...prev_state, position: add(position, move)}
|
2024-07-22 15:39:57 +00:00
|
|
|
}
|
|
|
|
case "back": {
|
2024-07-30 22:36:13 +00:00
|
|
|
const [_, steps] = curr_command
|
|
|
|
const {heading, position} = prev_state
|
2024-07-22 15:39:57 +00:00
|
|
|
const unit = unit_of(heading)
|
|
|
|
const move = mult(unit, -steps)
|
2024-07-30 22:36:13 +00:00
|
|
|
return {...prev_state, position: add(position, move)}
|
2024-07-22 15:39:57 +00:00
|
|
|
}
|
|
|
|
case "penup": {
|
2024-07-30 22:36:13 +00:00
|
|
|
return {...prev_state, pendown: false}
|
2024-07-22 15:39:57 +00:00
|
|
|
}
|
|
|
|
case "pendown": {
|
2024-07-30 22:36:13 +00:00
|
|
|
return {...prev_state, pendown: true}
|
2024-07-22 15:39:57 +00:00
|
|
|
}
|
|
|
|
case "pendwith": {
|
2024-07-30 22:36:13 +00:00
|
|
|
const [_, width] = curr_command
|
|
|
|
return {...prev_state, penwidth: width}
|
2024-07-22 15:39:57 +00:00
|
|
|
}
|
|
|
|
case "pencolor": {
|
2024-07-30 22:36:13 +00:00
|
|
|
console.log(curr_command)
|
|
|
|
if (curr_command.length = 2) {
|
|
|
|
const [_, color] = curr_command
|
|
|
|
return {...prev_state, pencolor: color}
|
2024-07-22 15:39:57 +00:00
|
|
|
} else {
|
2024-07-30 22:36:13 +00:00
|
|
|
const [_, r, g, b, a] = curr_command
|
|
|
|
return {...prev_state, pencolor: [r, g, b, a]}
|
2024-07-22 15:39:57 +00:00
|
|
|
}
|
|
|
|
}
|
|
|
|
case "setheading": {
|
2024-07-30 22:36:13 +00:00
|
|
|
const [_, heading] = curr_command
|
|
|
|
return {...prev_state, heading: heading}
|
2024-07-22 15:39:57 +00:00
|
|
|
}
|
|
|
|
case "loadstate": {
|
2024-07-30 22:36:13 +00:00
|
|
|
const [_, x, y, heading, visible, pendown, penwidth] = curr_command
|
2024-07-22 15:39:57 +00:00
|
|
|
// there are 7 fixed-arity arguments
|
|
|
|
// color will either be the last one or four
|
2024-07-30 22:36:13 +00:00
|
|
|
let pencolor = curr_command.slice(7)
|
2024-07-22 15:39:57 +00:00
|
|
|
// if there's one, it's a string, unpack it
|
|
|
|
if (pencolor.length = 1) pencolor = pencolor[0]
|
|
|
|
return {position: [x, y], heading, visible, pendown, penwidth, pencolor}
|
|
|
|
}
|
|
|
|
case "show": {
|
2024-07-30 22:36:13 +00:00
|
|
|
return {...prev_state, visible: true}
|
2024-07-22 15:39:57 +00:00
|
|
|
}
|
|
|
|
case "hide": {
|
2024-07-30 22:36:13 +00:00
|
|
|
return {...prev_state, visible: false}
|
2024-07-22 15:39:57 +00:00
|
|
|
}
|
|
|
|
case "background": {
|
2024-07-30 22:36:13 +00:00
|
|
|
let color = curr_command.slice(1)
|
2024-07-22 15:39:57 +00:00
|
|
|
if (color.lengh = 1) color = color[0]
|
|
|
|
background_color = color
|
|
|
|
return
|
|
|
|
}
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
function are_eq (v1, v2) {
|
|
|
|
const [x1, y1] = v1
|
|
|
|
const [x2, y2] = v2
|
|
|
|
return (x1 === x2) && (y1 === y2)
|
|
|
|
}
|
|
|
|
|
2024-07-30 22:36:13 +00:00
|
|
|
function states_to_call (prev, curr) {
|
|
|
|
const calls = []
|
|
|
|
// whose state should we use?
|
|
|
|
// pen states will only differ on more than one property
|
|
|
|
// if we use `loadstate`
|
|
|
|
// my sense is `prev`, but that may change
|
|
|
|
if (prev.pendown && !are_eq(prev.position, curr.position)) {
|
|
|
|
calls.push(["line", prev.position[0], prev.position[1], curr.position[0], curr.position[1]])
|
|
|
|
}
|
|
|
|
if (curr.pencolor !== prev.pencolor) {
|
|
|
|
if (Array.isArray(curr.pencolor)) {
|
|
|
|
calls.push(["stroke", ...curr.pencolor])
|
|
|
|
} else {
|
|
|
|
calls.push(["stroke", curr.pencolor])
|
|
|
|
}
|
|
|
|
}
|
|
|
|
if (curr.penwidth !== prev.penwidth) {
|
|
|
|
calls.push(["strokeWeight", curr.penwidth])
|
|
|
|
}
|
|
|
|
return calls
|
2024-07-22 15:39:57 +00:00
|
|
|
}
|
|
|
|
|
|
|
|
const turtle_radius = 20
|
|
|
|
|
|
|
|
const turtle_angle = 0.385
|
|
|
|
|
|
|
|
const turtle_color = [255, 255, 255, 150]
|
|
|
|
|
2024-07-30 22:36:13 +00:00
|
|
|
const p5_call_root = [
|
|
|
|
["background", ...resolve_color(background_color)],
|
|
|
|
["stroke", ...resolve_color(turtle_init.pencolor)]
|
|
|
|
]
|
2024-07-22 15:39:57 +00:00
|
|
|
|
|
|
|
function rotate (vector, heading) {
|
|
|
|
const radians = turn_to_rad(heading)
|
|
|
|
const [x, y] = vector
|
|
|
|
return [
|
2024-07-30 22:36:13 +00:00
|
|
|
(x * Math.cos (radians)) - (y * Math.sin (radians)),
|
|
|
|
(x * Math.sin (radians)) + (y * Math.cos (radians))
|
2024-07-22 15:39:57 +00:00
|
|
|
]
|
|
|
|
}
|
|
|
|
|
|
|
|
function turn_to_rad (heading) {
|
2024-07-30 22:36:13 +00:00
|
|
|
return heading * 2 * Math.PI
|
2024-07-22 15:39:57 +00:00
|
|
|
}
|
|
|
|
|
2024-07-30 22:36:13 +00:00
|
|
|
function render_turtle (state, calls) {
|
2024-07-22 15:39:57 +00:00
|
|
|
if (!state.visible) return
|
2024-07-30 22:36:13 +00:00
|
|
|
calls.push(["push"])
|
2024-07-22 15:39:57 +00:00
|
|
|
const [r, g, b, a] = turtle_color
|
2024-07-30 22:36:13 +00:00
|
|
|
calls.push(["fill", r, g, b, a])
|
|
|
|
const {heading, pencolor, position: [x, y], pendown} = state
|
2024-07-22 15:39:57 +00:00
|
|
|
const origin = [0, turtle_radius]
|
|
|
|
const [x1, y1] = origin
|
|
|
|
const [x2, y2] = rotate(origin, turtle_angle)
|
|
|
|
const [x3, y3] = rotate(origin, -turtle_angle)
|
2024-07-30 22:36:13 +00:00
|
|
|
calls.push(["translate", x, y])
|
|
|
|
calls.push(["rotate", turn_to_rad(heading)])
|
|
|
|
calls.push(["noStroke"])
|
|
|
|
calls.push(["beginShape"])
|
|
|
|
calls.push(["vertex", x1, y1])
|
|
|
|
calls.push(["vertex", x2, y2])
|
|
|
|
calls.push(["vertex", x3, y3])
|
|
|
|
calls.push(["endShape"])
|
|
|
|
calls.push(["stroke", ...resolve_color(pencolor)])
|
|
|
|
if (pendown) calls.push(["line", 0, 0, x1, y1])
|
|
|
|
calls.push(["pop"])
|
|
|
|
return calls
|
2024-07-22 15:39:57 +00:00
|
|
|
}
|
|
|
|
|
2024-07-30 22:36:13 +00:00
|
|
|
export function p5_calls (commands) {
|
|
|
|
const states = [turtle_init]
|
|
|
|
commands.reduce((prev_state, command) => {
|
|
|
|
const new_state = command_to_state(prev_state, command)
|
|
|
|
states.push(new_state)
|
|
|
|
return new_state
|
|
|
|
}, turtle_init)
|
|
|
|
const p5_calls = [...p5_call_root]
|
|
|
|
for (let i = 1; i < states.length; ++i) {
|
|
|
|
const prev = states[i - 1]
|
|
|
|
const curr = states[i]
|
|
|
|
const calls = states_to_call(prev, curr)
|
|
|
|
for (const call of calls) {
|
|
|
|
p5_calls.push(call)
|
|
|
|
}
|
|
|
|
}
|
|
|
|
p5_calls[0] = ["background", ...resolve_color(background_color)]
|
|
|
|
render_turtle(states[states.length - 1], p5_calls)
|
|
|
|
return p5_calls
|
|
|
|
}
|