teaching machines

Background Check

December 12, 2019 by Chris Johnson. Filed under public, twoville.

There’s somebody on Twitter named Dave who makes animations that break your mind. I fell in love with a simple rotating one a couple of weeks ago and recreated it in Twoville:

  

    with viewport
  center = :zero2
  size = [8, ~]

with time
  start = 0
  stop = 1000

to trisect(rgb, spin)
  with path()
    color = rgb
    d1 = 15
    d2 = d1 * sin(60) * 2
    with turtle()
      position = :zero2
      heading = 30
    move().distance = d1
    turn().degrees = 150
    move().distance = d2
    with rotate()
      degrees = spin
      pivot = :zero2

trisect(:cornflower, 0)
trisect(:black, 120)
trisect(:white, 240)

to diamond(rgb, spin)
  with polygon()
    vertex().position = [0, 0]
    vertex().position = [-tan(30), 1]
    vertex().position = [0, 2]
    vertex().position = [tan(30), 1]
    color = rgb
    with rotate()
      0 -> t
        degrees = spin
      t -> 1000
        degrees = spin - 360
      pivot = :zero2

diamond(:white, 0)
diamond(:black, 60)
diamond(:cornflower, 120)
diamond(:white, 180)
diamond(:black, 240)
diamond(:cornflower, 300)

    
    
    
  
  
    

    with viewport
  center = :zero2
  size = [8, ~]

with time
  start = 0
  stop = 1000

to trisect(rgb, spin)
  with path()
    color = rgb
    d1 = 15
    d2 = d1 * sin(60) * 2
    with turtle()
      position = :zero2
      heading = 30
    move().distance = d1
    turn().degrees = 150
    move().distance = d2
    with rotate()
      degrees = spin
      pivot = :zero2

trisect(:cornflower, 0)
trisect(:black, 120)
trisect(:white, 240)

to diamond(rgb, spin)
  with polygon()
    vertex().position = [0, 0]
    vertex().position = [-tan(30), 1]
    vertex().position = [0, 2]
    vertex().position = [tan(30), 1]
    color = rgb
    with rotate()
      0 -> t
        degrees = spin
      t -> 1000
        degrees = spin - 360
      pivot = :zero2

diamond(:white, 0)
diamond(:black, 60)
diamond(:cornflower, 120)
diamond(:white, 180)
diamond(:black, 240)
diamond(:cornflower, 300)

  
  expand

Several others have recreated it too, but they appear to have fallen for the same trap that I initially fell for. They enumerated the colors of the rotating star in the same rotational ordering as the background. No minds are broken when the orderings are the same. Thankfully, my 9-year-old son saw the issue and advised me to reverse the ordering. Kids are great.