Final

Site: https://replit.com/@SaviiDidi/My-Direction?v=1

Code: https://replit.com/@SaviiDidi/My-Direction

During my time in college I’ve changed my degree path a couple of times before I settled on where I am now. Each time I was full of anticipation for what’ll be in store, each time I was disappointed for one reason or another. So, to show the anticipation and the meandering melancholy I felt all those times I created this page, it’s very similar to the DVD screensaver you probably used to see as a kid. Remember the anticipation you felt when you thought it’d perfectly hit the corner? That’s how I felt when I switched majors, thinking it’d be perfect but being let down.

I used images from the web to represent each major I chose and the amount of times I switched which was around 4. The images originally came as one whole picture, but I used photoshop to crop them out into each of their own. Then I used CSS to animate it moving across the page. I used it instead of after effects because it’d look cleaner as ‘a part’ of the page instead of an imbedded video. Overall this was “My Direction”.

pictures found here: https://www.freelogovectors.net/stem-logo/

Carter’s Gallery of Anime

Link to website https://final-project.narutoandgoku16.repl.co/

Link to code https://replit.com/@narutoandgoku16/Final-Project#style.css

MP100 | FINAL PROJECT STATEMENT

Title: Carter’s Gallery of Anime 

Semester/Year: 2023

Software, coding/programming languages: Replit, AfterEffects, Photoshop

For my final project, I wanted to showcase my love of anime. I used Photoshop to show a collage of my favorite anime character drawings.  I used After Effects to showcase one of my AMV (Anime Music Video) edits and add a text effect to promote my Instagram tag so people can see more edits. My 2nd video was just an extra video that I posted recently on Instagram. The main reason for this project is to introduce myself and share my love for animation. The most challenging part of the project was looking for anime fonts that match my drawings. It took a while but I found them.

CREDITS

Artwork created by Carter Montgomery.  

Clips for AMV edit #1 – from  “Scott Pilgrim Takes Off” animated series 

Clips for AMV edit #2 – from “One Piece” animated series

Final Website Project

Title: Camera Rental Service

Semester: Fall 2023

Link to Website

Link to Code

The provided code snippets form the foundation of a basic web application for a camera rental service. This application is designed using HTML, CSS, and JavaScript, which are the core technologies for creating web pages.

Logo for Camera Rental Service

Software: illustrator

Semester: 2023 Fall

Original Link – https://assets.adobe.com/id/urn:aaid:sc:VA6C2:6a2c7209-e1aa-4a91-ba93-4785a475d922?view=published

I used Illustrator app to create a logo for my camera rental service.

My Final Project

by Franqui Ortiz

Website Name – Final Fight: Cartoon Battle Simulator

Website link: https://mmp-100-final-project.franquieortiz.repl.co/

Code Used: https://replit.com/@franquieortiz/MMP-100-Final-Project

HTML,CSS,JAVASCRIPT

Fall 2023

For my Final Project I wanted to use the programming aspects of replit to create a website for a user to pick any characters of their choosing to fight in a simulated battle. I’ve always enjoyed cartoons, anime and video games. I’ve also grown to love how silly the art forms can get, Whether its power scaling characters or people explaining how Shaggy from Scooby Doo can beat any other character in a fight,I love how animation and its most famous characters can make us feel all sorts of emotion. That’s why I wanted to make this site.To allow the user a freedom in which characters they want to face off and where they do it. Overcoming the problems of learning how to program in less than a week is definitely a challenge I was happy to concur. I actually find asic website composition quite interesting and hope to use it in the future.

Editors Note: This version is an extremely bare bones site compared to what I envisioned, due to time constraints and coding errors I was unable to stylize and add other elements to my website nonetheless I hope it provides the user some enjoyment.

Choose your adventure Part 2 final by: Roemello Joseph.

Link to project.

Link to code.

Title: part 2 to choose your adventure.

Year: fall 2023

Software: replit coding

For my final project I have decided to do a part 2 of my choose your adventure, because it was my favorite to do first part around (and it was easy to do) all images are from adobe stock that I’ve licensed myself. I was gonna do something else for my final but I didn’t have time. Hope y’all enjoy this time around.

Chanel bag image:

https://www.pexels.com/photo/black-chanel-bag-on-a-pink-surface-6062560/

Webcomic Final Project

Link to website

Link to code

Title: Sea Star Comic

Semester/Year: Fall 2023

Software, coding/programming languages: After Effects, Photoshop, HTML

For my final project I decided that I would try to make a webcomic hosting site. I looked at some people’s websites for their comics for ideas for the website layout, which is how I decided where to put the navigation bar, which I made more intuitive by making the clickable elements (the arrows) get bigger when you hover your mouse on them. The story itself is not complete and the artwork isn’t polished or colored but I hope that a story is still told. The cover page is animated in After Effects, and the drawings were made by me in Photoshop. To make the animation I drew all the elements (the background, the star, and the bubbles) separately and then imported them into AE. Then I moved the star and bubbles around a bit and then exported the video as a GIF. I had to downsize the GIF by a lot since the real thing ended up being an entire gigabyte. Overall it was pretty neat to see what a hypothetical webcomic website would look like if I ever decided to make one. If I had more time I would have added a home page or something similar which could be accessed by clicking the star in between the arrows.

LETS GET ICE CREAM !

Link to the project.

Link to project code.

For my final I wanted to create a romance themed visual novel. I have always enjoyed the format of visual novel games such as Danganronpa, Cookie Runs: Romance Kingdom and Doki Doki Literature Club. With help and guidance I was able to include choices, audio and characters. I used Photoshop to resize the background images as well as Audacity to edit and choose and pick which sounds I want to incorporate into my story. I used Procreate to draw each character and edit them to create different emotions for each screen in order to mimic the aesthetic of visual novels.

“LETS GET ICE CREAM !” is a romance themed visual novel where you as the protagonist get asked to get ice cream by multiple characters in the story. Based on your interactions with each character it is up to you to choose who you wish to go with. I mimicked character tropes such as the social best friend character, wholesome shy character, popular bubbly character and finally the tsundere character. I created multiple HTML pages in order to leave the player to play and enjoy whatever they choose. ENJOY!

“Waffles with creamy ice cream background vector” by Toon. Commercial use License. RawPixel. 2019. https://images.rawpixel.com/image_900/czNmcy1wcml2YXRlL3Jhd3BpeGVsX2ltYWdlcy93ZWJzaXRlX2NvbnRlbnQvbHIvdjc1NS10b29uLTE0XzEuanBn.jpg

Seo, Armin Hart, Zoe Thompson and Emi Sato are my own original characters. They were all drawn on Procreate.

“One Bedroom” by Liana. Attribution-NonCommercial-NoDerivs 3.0 Unported. Magic Myth. October 13, 2018. https://mito-magico.foroactivo.com/t490-piso-3-dpto-3

“One Bedroom” was cropped to 1192X670 to fit “LETS GET ICE CREAMS !” standard background image size.

“Bus stop free stock background image Iray render” by gatesjillianwriter. Creative Commons Attribution 3.0 License. DeviantArt. Nov 13, 2015. https://www.deviantart.com/gatesjillianwriter/art/Bus-stop-free-stock-background-image-Iray-render-572024049

“Bus stop free stock background image Iray render” was cropped to 1192X670 to fit “LETS GET ICE CREAMS !” standard background image size.

“Background Bus Interior” by Digbejoy Ghosh. Creative Commons Attribution 3.0 License. Digbegosh. Sep 22, 2010. https://digbejoyghosh.blogspot.com/2010/09/background-bus-interior.html

“Background Bus” was cropped to 1192X670 to fit “LETS GET ICE CREAMS !” standard background image size.

“Anime Classroom” by SeventhTale. Attribution-NoDerivs 3.0 Unported. DeviantArt. April 1, 2017. https://www.deviantart.com/seventhtale/art/Anime-Classroom-672435326

“Anime Classroom” was cropped to 1192X670 to fit “LETS GET ICE CREAMS !” standard background image size.

All other background images not mentioned were purchased on ArtStation with their Standard License by Ezekiel Eastbrook. https://www.artstation.com/marketplace/p/3pOyL/2500-school-visual-novel-backgrounds

“WindSwept” by Kevin MacLeod. Attribution 3.0 International License. FreeMusicArchive. Nov 19, 2014. https://freemusicarchive.org/music/Kevin_MacLeod/Calming/Windswept/

“Alarm clock beep close perspective.wav” by
SpliceSound. Creative Commons. FreeSound.org. Dec 4, 2016. https://freesound.org/people/SpliceSound/sounds/369880/

“Alarm clock beep close perspective.wav” audio was shortened to fit my story.

“cry.wav” by silversatyr. Attribution 3.0. FreeSound.org. Feb 1, 2011. https://freesound.org/people/silversatyr/sounds/113364/

“cry.wav” audio was shortened to fit my story.

“girl lady laughing.wav” by michellelindemann1. Attribution 4.0. FreeSound.org. Sep 4, 2020. https://freesound.org/people/michellelindemann1/sounds/533923/

“girl lady laughing.wav” audio was shortened to fit my story.

GOBLIN DOMAIN 2

Title: Goblin DOMAIN 2
Semester/Year: Fall 2023
Coding language/software: HTML, CSS, Replit
https://goblin-domain-adventure-part2.ebrueckh04.repl.co
https://replit.com/@ebrueckh04/GOBLIN-DOMAIN-adventure-PART2

I’ve decided that for my final project, I’d pick up where I left off on another project. I chose to make a sequel to GOBLIN DOMAIN because the original project was the easiest for me to work with in MMP 100, since my work was more driven by story. I’ve made changes to the color palette, the choices you make, and most especially the timeline. The problem I’ve faced in this project is finding a blend between making something new, and relying on old material, especially when it came to art assets.

Comic

The final project I chose to do is a three-page comic, it’s from a story my friend and I are writing which is based on the Spiderman movies. I used FireAlpaca to draw every panel, and Adobe Illustrate to put everything together. There are three drawings in total and I used HTML and CSS to code the websites.

Link to the project code

Link to the website