Interactive Media Arts @ NYUSH
link: http://imanas.shanghai.nyu.edu/~zw1745/cat/cat.html
I went to find another cat picture!
It went pretty smooth when I link the first two buttons with the js functions to flip the cat. But I couldn’t figure out how to change the text in the caption function.
Through searching online, I discovered that I need to use a .innerHTML in my function to replace the text with new ones.
Link: https://imanas.shanghai.nyu.edu/~js9686/ExcerciseFeb28/
Description:
Inspired by Leon, I modified the syntax “-webkit-transform” in CSS into “webkitTransform” in JavaScript, and it set the “scaleX” to be (1) if I want it to keep it original, and (-1) to make it flipped. The cat is amazingly flipped without me changing the source of the image!
Difficulty and solution:
I want to play with the caption by adding multiple styles into the font. However, I realized that if I do the “document.getElementById(“xxx”).style.*******” in my self-defined function, it would only display the top first style. Referencing this link, I used the syntax .style.cssText = “*****”, and filled the **** part with CSS syntax. My caption is amazingly displaying multiple styles at the same time!
Link– http://imanas.shanghai.nyu.edu/~mne234/week%203/index.html
This was actually a fun exercise to do and I will definitely use these techniques for future websites and projects. One aspect I had trouble with was getting one cat picture to show at a time. At first I had both pictures on top of each other which made it more complicated so I fixed it through my function part of my code.
Our Comic idea is heavily inspired by Telltale Games, Chose your adventure books and Black Mirror: Bandersnatch episode.
The comics unfolds a story about our fellow NYUSH student in the beginning of Spring 2019 semester. See how two classes might change life of the student.
The Player/Reader will be presented with comic sequence of pictures, which will tell the story of our hero. There we will be presented with from 2 to 4 different options. Each of the options leads to different ending. See how long you can survive, for how long will you be able to make “right” choices.Learn from experience of your fellow student to prevent yourself from such outcomes.
We will be using CSS for the background and Javascript for the control of the game/story. PROJECT PRESENTATION
Content of our story:
We want to tell a story about school violence. A girl was bullied for having a scar on her face. We want to look at this story from the perspective of the bystander, and we want to talk about how the attitude of the bystander is going to affect this.
How are we going to do this:
We may draw some pictures by ourselves also, we may use PS css, and js, to make our comic. We want our readers to have a real feel of this story, just like he experience this in real life. We hope to arouse more attention of school violence.