TURTLE ART GALLERY & MEMO 🐢

 


RANDOM SQUARES ⬜️

As you can see above, it is a piece of artwork I created using TURTLE ART.

In this program, I used Random block a lot.  Since the random block can generate different values each time you call it, I can create unique artwork each time I run the coding block. There are several elements that I used random block:

1. Color

2. Width and Length 

3. Positions

4. Pen size

👇👇👇


This picture shows how I made it.😜

Besides this, I have also done some of the challenges in the Geometric Drawing Challenges. I pretty enjoyed recreating them piece by piece and reflecting on the function of each block. 



I reckon this challenge is a difficult one for me. I spent a long time dong this one than others. As presented in the picture, the code block is a large chunk with four conditional statements. In order to make the main body of the code look more compact and clean, I used my block to store a repeated pattern. 


1.Before the conditional statements, the pen size, pen color, 

the start position were set. 

2.By analyzing the picture, I found the color changes

 according to the angle.

3.The movement of the turtle is the same:forward, 

then back

4.Angle needs to be changed a little every time the 

turtle repeats the movement. 


📝 Reflection on IF + FOREVER

In the beginning, I just knew how to use if statement and forever statement separately and once. When I came across the challenge I posted above, I was confused about how to loop the movement pattern and restrict the condition to be a certain range of angle, and how to apply the changes of color to the drawing. To solve the first problem, I tried to combine if and forever together, to make sure that the angle changes every loop. To solve the second one, I realized the key was the different conditions, and consequently nested conditional statements one inside another. 

Comments

Post a Comment

Popular posts from this blog

Scratch Mini-project: Simple MP4 & Remix

Image
During the past few weeks, I worked on a mini-project using Scratch. This small piece is an MP4 player, to be more specific, it is a music player. I tried to simulate the real user journey in a music player, like turn on and off, next and previous song, pause and start a song, etc.  Week 1  In week 1, I just grabbed some thoughts about the mini-project. I thought of making a storytelling project, demonstrating the great fun brought by MP4 during my childhood. But I decided to make an interactive virtual MP4, which could be more interesting since people can interact with it. Due to the time pressure, I just forked the music player function of the MP4 player. Week 2 Before starting to use Scratch to create the project, I made a plan first to sort out my sort of random thoughts. They are many functions of a music player. I need to decide put which functions into priority. I made a list to map the user interactions in sequence: 1.  turn off/on the device   2. see a centr...
Read more

Learn how draw with p5: A Chinese lantern

Image
  https://editor.p5js.org/hh2871/sketches/diyXJRSYG  Why do I choose lantern? Because lantern is a meaningful symbol for Chinese people. It stands for coming back home or reunion with family. Therefore, Chinese people like hanging out lanterns during traditional festivals as a good blessing.  How do I make it? First, I drew a picture of it.  I broke it down into several parts: the top, the body, the bottom, the fringe, and the decorations(a line and a square). For each part, I used basic shapes, like squares, rectangles, lines. The body part is special because of its irregular shape. Therefore, I used vertex() to sketch it out. The last step is to color different parts. I messed up with coloring since I used color() instead of fill(). And, I learned that every time I want to apply different colors, I need to reset the RGB.
Read more

Create Button Press and Key Press Events in p5.js

Image
Creating button-press and key-press events can add more interactive fun to the program. The picture above shows the "Hello" text I wrote using my program. In this program, users can change colors, clear canvas, change stroke weights, and change background colors by pressing buttons and keys.  https://editor.p5js.org/hh2871/sketches/-sXGieDYf In the setup function, I set up the background color, the size of the canvas, stroke weight, and filling color first. Besides, I also preset the positions, texts, and event triggers of the four buttons. After this, I defined the functions of each button and the functions of keypress events. The function of fill() is to change colors. The function of strokeWeight() is to change the stroke weight. The function of background() is to change the background color.
Read more