DWGitHubPage · March 3, 2019 22:02
diff --git a/README.md b/README.md
diff --git a/chains.json b/chains.json
 {}
diff --git a/code.js b/code.js
 initialState = {
  totalElapsed: 0, // total time passed
  rotations: [], // each rectangle's individual rotation
 }

 // given a number of milliseconds and square index,
 // returns the square's rotation
 const getRotation = (milliseconds, i) => {
  return Math.sin(milliseconds / 400) * 16 * (i + 1)
 }

 update = (state, input, elapsed) => {
  state.totalElapsed += elapsed
  state.rotations = range(8).map(i => getRotation(state.totalElapsed, i))
 }

 draw = (state) => {
  clear()
  const { angle } = state
  range(8).forEach(i => {
    const halfSide = 8 * i / 2
    const topLeft = [64 - halfSide, 64 - halfSide]
    const topRight = [64 + halfSide, 64 - halfSide]
    const bottomRight = [64 + halfSide, 64 + halfSide]
    const bottomLeft = [64 - halfSide, 64 + halfSide]
    const color = i % 7

    // add 10 degrees to each successive square.
    // e.g. the first square gets 0 new degrees, the second one gets 10,
    // the third one gets 20, etc.
    const customAngle = state.rotations[i]
    polyStroke([topLeft, topRight, bottomRight, bottomLeft], customAngle, color)
  })
 }
diff --git a/map.json b/map.json
 []
diff --git a/misc.json b/misc.json
 {
  "lines": [
    34,
    0,
    0,
    0,
    0,
    0,
    0,
    0
  ]
 }
diff --git a/phrases.json b/phrases.json
 {}
diff --git a/songs.json b/songs.json
 {}
diff --git a/sprites.json b/sprites.json
 {}
	initialState = {
	totalElapsed: 0, // total time passed
	rotations: [], // each rectangle's individual rotation
	}

	// given a number of milliseconds and square index,
	// returns the square's rotation
	const getRotation = (milliseconds, i) => {
	return Math.sin(milliseconds / 400) * 16 * (i + 1)
	}

	update = (state, input, elapsed) => {
	state.totalElapsed += elapsed
	state.rotations = range(8).map(i => getRotation(state.totalElapsed, i))
	}

	draw = (state) => {
	clear()
	const { angle } = state
	range(8).forEach(i => {
	const halfSide = 8 * i / 2
	const topLeft = [64 - halfSide, 64 - halfSide]
	const topRight = [64 + halfSide, 64 - halfSide]
	const bottomRight = [64 + halfSide, 64 + halfSide]
	const bottomLeft = [64 - halfSide, 64 + halfSide]
	const color = i % 7

	// add 10 degrees to each successive square.
	// e.g. the first square gets 0 new degrees, the second one gets 10,
	// the third one gets 20, etc.
	const customAngle = state.rotations[i]
	polyStroke([topLeft, topRight, bottomRight, bottomLeft], customAngle, color)
	})
	}
No results found