Back

Week 2

This is the crazy8 I drew at home. I felt that I was constrained by the common web page layout and had been using squares all the time, but I still managed to express my first reaction in my mind.
This is the crazy8 I drew in class. I tried adding more different elements and gave up on technical possibilities, which broadened my thinking. Among them, my favourite was the second row, the second one on the right. You can only enter the page you want to go to after completing the mini-game. If you lose, you will be randomly assigned to another page. Without considering the code, I really want to try this idea.
This picture is the paper prototyping done in class. This one shows the approximate position of the website's home page title that I envisioned, and below the title is the picture.
The purple ball represents the mouse. This picture shows that the title can be clicked.
After clicking on the title, bubbles will float upwards from the bottom. Each bubble can be clicked.
click the bottom
After that, the bubbles that are clicked will float to the position of the title, while the other bubbles will move to the left. Then, the image and text will move upwards from the bottom.
Click the square in the upper left corner, it will take you back to the case and you will return to the previous page.
The movement pattern is a combination of images and text scrolling down the screen, with the bubbles on the left floating back again, creating this kind of movement trajectory.
Back to the bottom page
This code is an attempt to apply styles to each image to change their sizes individually. However, this method becomes very cumbersome when trying to display a large number of images neatly. If adjustments are needed, each instruction would require changing.
This is an experimental website that will direct users to various websites on the internet that have no specific purpose. The homepage contains only one button. When users click this button, they will be randomly redirected to an interactive website. Most of these websites feature simple animations, games, or peculiar visual experiences. Element: only 1 bottom to click, takes me to another website. This bring: surprise, playfulness