Loops and Conditionals

For this first sketch I utilized

  • “mousex” and “mousey” to create the painting effect that follows the cursor.

In my second sketch I utilized the variables below to create an ellipse that bounces around the boarders of the sketch while leaving a slight trail behind.

  • variables speed and speed y

My 3rd sketch utilizes a nested for loop to create a repeated design that features a gradient.

In this sketch I used a mouse is pressed function along with a makeshift hovering feature using “and” statements to create a sketch that holds a black rectangle, until hovered on which will turn it yellow, and if you press it, 3 more shapes will appear creating face.




Love podcasts or audiobooks? Learn on the go with our new app.

Recommended from Medium

Facebook shimmer loading animation with demo JSON data loading.

Introduction to Lodash — One of the Greatest Utility Libraries

JavaScript Jetpack

1.5.1 — WordPress API Multiple Sites User Sync [Latest Update & Pre-Licensed]

Revisit React

Boosting the Order Details Page

Firebase authentication using ionic 3

another ja.kirshbaum post!

Get the Medium app

A button that says 'Download on the App Store', and if clicked it will lead you to the iOS App store
A button that says 'Get it on, Google Play', and if clicked it will lead you to the Google Play store
Luke Siegert

Luke Siegert

More from Medium

Excerpt of Perceptual Learning: Discover Your Learning Style

Love Letter to Beirut: Architecture Graduate Holds First Photography Exhibition

Stablecoin Issuance Explained: What Makes TrueUSD a Better Choice?

The Guard’s Haven Defence