Posts

DIGITAL IMAGING PROJECT

MMP100 | DIGITAL IMAGING PROJECT STATEMENT

PART I: RASTER

Title: Three Brothers Visit Paris

Semester/Year: Spring 2024

Software: Adobe Photoshop

I wanted to make something funny and surreal, so I put three frogs in Versailles also, I added glowing eyes for dramatic effect and added text. This is supposed to be a portrait of the three brother frogs. I’ve been to Versailles once and thought I could use that setting for my project, but I still wanted it to be funny, so I used frogs i looked for pictures where the frogs had a lot of personality in their expressions. I wanted to create something so ridiculous that it would catch somebody’s eye immediately, and fog in a castle with glowing eyes does just that.  I used four images total the background image of the hall of mirrors and the three frogs i added the eyes in the effects portion i used your video and also YouTube to help me create the eyes i used the crop feature as well to cut out my frogs and place them in the image. The hardest part was getting the eyes to “glow.” It was a lot harder than I had imagined. I used some YouTube tutorials to learn to do it. It still required a lot of trial and error to make it look right though. 

PART II: VECTOR

Title: Obey

Semester/Year: Spring 2024

Software: adobe ilistartor

This is supposed to be a reinterpretation of the classic Obey poster logo featuring Andre the Giant, but I used a frog instead of Andre the Giant. I wanted to continue with the theme of frogs from the other project in this one, too. I chose black and white and red because it was the color template of the original poster, and I wanted people to recognize that it was a reinterpretation of the original immediately and keeping the color scheme was part of that. I had to figure out a way to create a frog in a similar style as the original poster. If the style was too different, then people would associate this poster with the original. That was the hardest part, keeping things in a similar art style. I hadn’t used Illustrator before, so getting the shapes I wanted and keeping things secretarial was somewhat difficult. Considering I’ve never used this program before, I’m very pleased with how it came out.  One issue I had was when I was creating the image and layering the elements. I kept accidentally modifying things that were against and underneath the elements I was trying to edit. I had to spend some time organizing my layers and de-conflicting my layers to work better without mistakenly editing elements that were where I wanted them.

website web development project

editor preview

https://editor.p5js.org/worldpeace818818/full/lFoJcUyJ2

editor code

https://editor.p5js.org/worldpeace818818/sketches/lFoJcUyJ2

MP100 | WEB DEVELOPMENT PROJECT STATEMENT

Title: website web development project (re-submit)

Chose your own adventure

Spring 2024

Html, CSS, p5 editor

I wanted to make a choose-your-own-adventure story with a horror theme, and I wanted it to be funny, too. I just thought about making a story that starts out very normal and boring and escalates to an absurd degree. You wake up in your hotel room and head out to get to the beach, but as you choose the elevator or stairs, you soon find out you are not where you thought you were. I had to think a lot about how to create a narrative within the pages and how to make that work in a web page format. I had a lot of issues after you told me to resubmit. I went through and reworked the project on the p5 editor. I did almost everything there except get the CSS colors I wanted across the entire website. I tried re-uploading to Code Sandbox, but I kept getting errors that my images would not upload. I tried everything to get them to upload i even tried to get different images, but something was wrong with the editor. I couldn’t get any images in the editor, so I tried GitHub again but had the same result as with the p5 editor, so I stuck with the p5 editor. I wanted to make them black with white text, but only the first page had the color. I applied the code to all pages. Only the first page took the color. Overall I’m happy with it i basically recreated the original project with the format you laid out in the videos. If I didn’t have issues with the editors, I would have had the web pages have a black background with white text, but overall, I was able to stay true to the scary theme I was looking for and not stray too far from my original idea.

Published
Categorized as Website

mad libs “Hamlet”

Title: Mad Libs “Hamlet”

spring 2024

Languages used: HTML, javascript and CSS

 I used HTML, JavaScript, and CSS to create a mad-libs website with the theme of “Hamlet” by William Shakespeare. I wanted to create a mad-libs program that would reflect the characters and narrative of “Hamlet.” I chose this because I thought it would be interesting to reference a well-known work, and it fits the description of the assignment. I chose the pale blue and fancy font to give the pages an old-world style. I had some issues with making sure all the commands were labeled properly. I had some problems because of the formatting differences between Javascript and HTML, but I eventually got it. The hardest part of this assignment was just the programming intricacies and formatting requirements to get the page to link properly and function as I  intended. I used YouTube for help and just troubleshot the problem by trial and error. 

Link to the project

https://yjkspg.csb.app/ to the project

link to the code

https://codesandbox.io/p/sandbox/madlibs-hamlet-yjkspg?file=%2Finputhandler.js%3A15%2C54

Programming Final

Title: Birthday

Semester/year: Spring 2024

Programming languages used: HTML, CSS, and JavaScript.

Description: The story is about a person spending their birthday out somewhere by themselves. As they explore, they meet an animal and continue their journey with it. I chose to create this story because it sounds fun to me. The programming project was not as easy as other projects. I just had some difficulty with HTML because a slight punctuation mistake can cause an error. Overall, working with CSS was easy.

Link to Project:

https://jhykph.csb.app/

Link to code:

https://codesandbox.io/p/sandbox/mad-lib-1-jhykph?file=%2Findex.html%3A5%2C29

Mad Libs Final

MMP 100 | Programming Project

Spring 2024

Languages used: JavaScript, HTML, & CSS

I created a Mad Libs game website that takes user input for nouns, verbs, and adjectives. My experience with this website was interesting and fun. I knew that coding could be challenging, but I didn’t expect it to be this difficult. It took me a long time to resolve the errors in my code until I finally figured out my JavaScript. Fortunately, my partner is very knowledgeable about coding and was able to help me troubleshoot and revise it. Overall, I had a great time creating this project.

Website Link: https://wngtz2.csb.app/?

CodeSandBox Link: https://codesandbox.io/p/sandbox/

Mad Libs Final

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/

My Website (Programming)

Title: Programming Project

Semester/Year: Spring 2024

Coding Language/ Software: JavaScript, HTML, CSS / CodeSandbox

My short choose your own adventure story lets the user chose their name, where they are, whatever kind of animal, article of clothing, an instrument, and mode of transportation they please to fill in the blanks of the story. Coding and programming was something I never thought I’d be doing, I assumed I was too old to learn it as I am really not that computer savvy and never have been. I felt that ship had sailed long ago. This project was challenging. Figuring out how to have all three languages essentially communicate with each other was rather difficult at first but with time and patience and watching Professor Roberts video multiple times, I was able to hit my stride and make this really simple basic story. I now have a relatively basic but working understanding of what each language is suited for when working on a project. When I started this class I had absolutely no idea how websites or apps or anything related to computers and the internet were designed or created but learning the basics it has sparked a real interest to continue to learn more about this. Although challenging, when things start to come together and no more error screens are popping up it really does start to be fun haha. Thank you Professor Roberts!

https://codesandbox.io/p/sandbox/madlibs-version1-forked-dz3tf2?file=%2Fstyles.css%3A24%2C2 This is the link for the project.

https://dz3tf2.csb.app/ This is the link to the page.