Introduction to Multimedia
Spring 2024
Starry Sky
Media/Software: I used Adobe Illustrator to create all the images and codesandbox for the HTML,CSS, and JavaScript.
My goal was to create a comic book with working turning pages. It was just a short story for a quick laugh. It’s about an alien, who despises the earth, yet always seems to find his way back to it during his journeys.
General style/emotion: Silly and colorful.
Website: https://85kvxp.csb.app/
I have a test run of how I want the website to look like: https://4yjqp2.csb.app/
Ignore the image of the dog, that was just to test out how the image linking works and reacts to the HTML & CSS.
MMP 100 | Programming Project
Spring 2024
Languages used: JavaScript, HTML, & CSS
I organized the code the best I could this last update. This project was really fun to make and play around with all the different styling options/colors and random inputs. The most challenging part for me was the JS, getting sounds and animations to happen on click or the enter key, my friend helped me understand how to though.
Link: https://mmlv72.csb.app/
This week I added the 5th user input box, and changed the styling of the website.
I’m really liking Javascript, this project is helping me understand objects wayyyyyy better.
MP100 | WEB DEVELOPMENT PROJECT STATEMENT
Title: Choose Your Own Adventure Website
Semester/Year: Spring 2024
Coding language/software: HTML/CSS on Codesandbox
For the finished version I tried to get rid of the snappy transformation/animations. With the help of a couple google searches I tried making everything smoother. I really enjoyed this project, I learned a lot of different things trying to solve these issues.
I played around with hover/animation, text colors/fonts, text shadows. And thank you Professor Roberts for that button tip in CSS, I applied it as soon as you mentioned it in the review video.
On my website you can choose two different paths to go down, the life of a cat or dog. I’ve added color and I’m experimenting with buttons. Still trying to play around with different fonts, right now I’ve settled with the default.
https://editor.p5js.org/ian.a.diazsn/full/ePG2DEKr_
MMP100|Animation Project Statement
Title: Angry Saw
Spring 2024
Software: Adobe After Effects
The first idea I had when thinking of animating the emotion anger was this angry saw thing. For my final, I created backgrounds for more detail and chose red and black to give the saw more character than the standard grey saw. A lot of work for 13 seconds of footage, but I’m really happy with my first attempt using all these tools. I also configured opacity, scales, positions and rotations to really emphasize the anger I’m trying to show.
Title: Angry Saw
Spring 2024
Software: Adobe After Effects
My emotion is anger. This week I created my first scene, really short and it doesn’t make much sense yet, but I’m happy with how it came out so far. I added more detail to the background and started experimenting with how key frames work when animating, it can get confusing.
Powered by:
