Sophomore Year Common Assessment

Sophomore DDM Reflection

 

    This DDM is a website telling a story, a legendary story, about a Mii fighter. The Mii fighter was peacefully living their life, when Miyamoto came along and gave them a quest. A quest to save the world! The evil king is trying to take over! You can choose the “Fanta C Forest”, a land of minesweeper, or you can meet the legendary band The Beatles! In the end you can choose to help the Good King or the Evil King! 

    To create this website I first came up with the *amazing* story. Once that part was out of the way, I created the cover page. That was trivial. All I needed was to add the title, a logo, and the link to the content. The content page was harder. Originally I was going to use canvas with a background image, then draw images on top of it. The images never showed up, so I had to switch to using a div tag and nesting an image tag inside of it. After that, I created all the images I needed for the story. Then I added each page, one by one. Making sure each time they can get to the next page properly. The pages switch by pressing a button, and that button calls a function that uses the DOM to change the background image of a div.

    The images and text are inside of anchor tags, and when they are clicked a function is called.

    I used CSS rules to center the image, buttons, and story. The CSS rules I used were flexbox.