Category: Uncategorized

https://cyberpunk-2077.malik-jj.repl.co/

Title: Cyberpunk 2077 Interactive Teaser

Semester/Year: Spring 2023 Coding language/software: HTML, CSS, JavaScript

This interactive story is set in the world of Cyberpunk 2077 and follows the journey of the games protagonist, V. The aesthetic was inspired by the immersive and futuristic world-building of the Cyberpunk series. The most challenging part of the project was creating the branching paths of the story and ensuring that each decision had meaningful consequences. This was solved and built upon more by spending 2 sleepless nights learning and testing to ensure a smooth and engaging experience for the reader. Overall, this project allowed me to get over another fear of something I couldn’t ever imagine doing and explore the possibilities of interactive storytelling and combine my technical skills with my passion for immersive worlds and video games!

Title: Own Adventure

Semester/Year: Spring 2023

Coding language/software: HTML and CSS with Replit

My website is a choose your own adventure story set in the woods. I used HTML for the basic pages with CSS styling and hyperlinks to connect each page, and images to illustrate the settings.

Live site link: https://mmp-100-css-basics-color-and-typography.ethanpagan1.repl.co

Code Link: https://replit.com/@ETHANPAGAN1/MMP-100-CSS-Basics-Color-and-Typography#index.html

Image sources:

“Ebensee, Österreich” by Simon Matzinger. 3 February 2017. License: CC0. https://commons.wikimedia.org/wiki/File:Ebensee,%C3%96sterreich(Unsplash).jpg

“Lost in wildernes” by Gede Wirahadi Pradnyana. 3 April 2017. License: CC0. https://commons.wikimedia.org/wiki/File:Lost_in_wildernes_(Unsplash).jpg

“The Mystical Eye – Ion Mystical World” By Daniel Arrhakis. January 11, 2018. License: CC0. https://www.flickr.com/photos/arrhakis/24751777677

“Congratulations Text on White Surface with Confetti” By Olia Danilevech. May 30, 2021.

License: CC0. https://www.pexels.com/photo/congratulations-text-on-white-surface-with-confetti-8127309/

Title: Choose Your Own Adventure Website

Semester/Year: Spring 2023

Coding language/software: HTML and CSS with Replit

My website is a choose your own adventure story set in the woods. I used HTML for the basic pages with CSS styling and hyperlinks to connect each page, and images to illustrate the settings.

Live site link: https://mmp-100-final-website.owenbmcc.repl.co/

Code link: https://replit.com/@owenbmcc/MMP-100-Final-Website

Image sources:

“Ebensee, Österreich” by Simon Matzinger. 3 February 2017. License: CC0. https://commons.wikimedia.org/wiki/File:Ebensee,%C3%96sterreich(Unsplash).jpg

“Lost in wildernes” by Gede Wirahadi Pradnyana. 3 April 2017. License: CC0. https://commons.wikimedia.org/wiki/File:Lost_in_wildernes_(Unsplash).jpg

Title:  “All 41 14 All”

Semester/Year: Spring 2023

Software: Adobe After Effects

[MUTE AUDIO IF EXPLICIT LYRICS ISN’T YOUR THING]

This is a quick little project I originally made as a still Photoshop art for a potential opportunity at it being used for the Compilation Album for the NY/Brooklyn based rap group called ’41”, unfortunately I wasn’t chosen and was originally going to post it on my Instagram to add to my portfolio, but I saw the perfect opportunity to EXPAND on it even more and use the Assignment given to us by Prof. Owen and get over my fear of Adobe After Effects.

I originally was messing around with it back in December, learning things like the Timeline, Pickwhip, and Puppet Tools; The only thing I couldnt use was the 3D Camera, so I took the regular animation I did and took it to an application called CapCut, to add music, effects, and so forth.

Despite not being chosen for the previously mentioned opportunity, the art went noticed by the three subjects in the project on Instagram, and I also got over my fears and learned within 2-3 days. A win-win situation if you ask me.

https://www.instagram.com/p/CqoNmb-uiro/?hl=en

Title: Pong

Spring 2023

Software: After Effect

This was created based on a video game that I played as a kid called “Pong.”.

Title” Pac man loves money” Game Intro
Semester: Spring 2023
I wanted to create an intro of a Pacman game but this version he is apart of the mafia and he needs to collect his money before someone gets hurt. This is the animation right before the player starts to play.
(The video is shorter than 30 seconds once the screen turns black it is done. )

Title: Non-Existent Shoes

Spring 2023

I chose to animate a blue circle bumping into a red one who gets real upset and turns into a monster because for the 12th time, blue has stepped on his shoes, shoes that don’t, exist they don’t have feet.

Firework at the wedding

There was fire work at my cousin wedding and everyone gather around to see the firework. It was beautiful day at the wedding.

Citations:
“Angle dream” by Aakash Gandhi Creative commons License Apr 13, 2018 https://youtu.be/EhDHVDBW_xQ

“firework_background” by derplayer Creative Commons 0 freesound.org. September 15th 2021. https://freesound.org/people/derplayer/sounds/587187/

“BottleRockets” by nicstage Creative Commons 0 Freesound.org. October 1st, 2008 https://freesound.org/people/nicStage/sounds/60905/#

Title: Saving In A Game

I chose to animate the actions of a game being saved.

Semester/Year: Spring 2023

Software: Adobe After Effects

Train Ride

Summary

This is a portrait of waiting for the train, then it arrives, and finally I put in my headphones to listen to music. I lower the outside noise to insinuate the headphones entered. Then added a sound byte of air pods connecting.

Credits

“Detroit” By Hipper. BenSounds.Com. https://www.bensound.com/royalty-free-music/track/detroit-laid-backhip-hop-rnb