Generative Visuals Project
ARE YOU READY TO EXPLORE THE SPACE?
Reflection:
In this project, I created a rotating moon eclipse, interactive astronaut figure, and shining stars. I used functions such as console.log( ), createSlider( ), loadImage( ), if/else, noLoop( ), confirm( ), etc. The program only initiate if the viewer answers yes to the question “Are you ready to explore the space?” The viewer can also control the astronaut with the mouse, and if the astronaut is close to the center of the moon when the eclipse is happening, the astronaut would disappear. Another feature is that when keyIsPressed, the star would “shine”, using if/else function to change the location of the stars.
When I just started, I tried to draw a sphere and create the space in 3 dimensions, yet I had trouble applying the image of the moon to the surface of the sphere. Therefore, I immediately switch to draw in 2 dimensions. I uploaded an image of the moon and create a circle shape on top of it. together they form the basics of the eclipse. Through manipulating the alpha transparency value, the eclipse comes to live. Then I added a star function with variable x and y values, which forms the background. Next, I added an astronauts with an interactive function. Lastly, I added the confirm( ) function at the beginning.
The main goal of this project is to explore stacking functions, and some fundamental variables. I was inspired by the Moon #6 digital drawing by David Calloway. Personally, my goal for this term is to create a rotating moon in 3d with detailed features.
Here is the link to my Codes: https://editor.p5js.org/xues00/sketches/9Ua9OH_8t6