Month: November 2023

WONDERLUST WONDERS; A VISUAL JOURNEY ACROSS CONTINENTS 

Screen Recording 2023-11-27 at 23.26.51

In this project B i would like to make something that comes from my hobby which is traveling. I want to make my hobby into a story and also informative for the audience. The information will be from my bucket list; countries that I wish I could go to. On the first page, it will be the title and a button that will bring you to the traveling journey. On the second page, it will show you my memories and pictures of where I have been. And the bucket list notes are in the middle of the screen surrounded by the picture. When you scroll down, there’s a button that will lead you to another page that will give you interaction, and feel like you’re traveling the world. There are also buttons that can be pressed followed by the country’s name. Inside the countries page, it will give you the country’s authentic food and famous places. 

REFLECTION

Having a habit of organizing the files in VSS code is very helpful, especially in my project. I have a lot of html,css, and js files that connect to each other. The first thing i do is renaming it with a simple name that will prevent me from typo. Also when you have an organized file it is very easy to spot on the files that you wanted to change and open without making a mistake. 

Classes when you want to use the same properties and many locations for different things. However for  id you can only use it one. 

The limitations are the fonts and it is very hard to position stuff on websites as you need to guess and check this takes a lot of time. Also the images that you can use and suitable for my website are PNG images with transparent backgrounds. 

The difference between them is that we don’t have to create a separate page to style and give properties. While in HTML we need to connect the html with the css. 

The advantages in words are it’s more user-friendly, it’s easier and it doesn’t need us to understand coding. Also in words it gives a direct visual representation and allows editors to see the document’s appearance as they edit it.words typically provide a wide range of formatting options, including fonts, colors, styles, and advanced features like tables and columns and you don’t need to connect it with css. 

The advantage of HTML is that it can be seamlessly integrated with CSS and JavaScript to create dynamic and interactive web pages. Hand-coding HTML is essential for creating responsive web designs that adapt to different screen sizes and devices.

From this project, I use p5.js for the animation and interactive side of my project. P5.js Operates at a more detailed level for graphics and interactivity. For html and css i use it for formal stuff like buttons that lead to other html pages and also styling the text. It is Suited for structuring content and defining styles, making them ideal for static or minimally interactive webpages.

link to github: https://sharren-tanuwijaya.github.io/CCLAB/PROJECT-B/title.html

According to the text, New media art involves the use of technology when they create art. However artists don’t just simply use these tools conventionally but repurpose, modify, and manipulate them to redefine technology as a medium for artistic expression.In this case, they give another meaning to these technologies as art media. Moreover, new media art includes a variety of art practices and works that take advantage of media technologies to create innovative and socially relevant art. In other words, new media  acts as a connecting link between the realms of art and technology. 

After reading the article, I gained my own understanding about new media art today. As technology keeps on improving, New Media Art now encompasses not only the internet and early digital technologies but also developments in virtual reality (VR), augmented reality (AR), artificial intelligence (AI). Furthermore, today  Social media has become both a subject and a medium for artistic expression. Even some artists use biological materials and biotechnology to create living art forms. In this era,  digital tools and online platforms are available and easily accessible which made art creation more accessible to a broader range of artists and creators. Social media platforms such as instagram. Social media platforms such as Instagram, Twitter, TikTok, and YouTube gives everyone the chance to be an artist and show their New Media Art to a worldwide audience. Artists no longer depended on art galleries or exhibitions to connect with their audience. New Media Art has increasingly ventured into the realm of public art and interactive installations, often incorporating technologies like sensors, projection mapping, and interactive displays. These works engage with the public in urban spaces and public events.

 

ROY LICHTENSTEIN

The first artist that I have chosen is Roy Lichtenstein. He is an American painter who was a founder and practitioner of popart. He became a leading figure in the new art movement. His artworks are inspired and influenced by popular advertising and the comic style book. One of his artwork is called “Drowning girl” (1963) a very iconic painting. In this artwork, Roy Lichtenstein portrays a distressed young woman in a melodramatic drowning scene, characterized by bold outlines, vibrant colors, and the use of Ben-Day dots for shading. 

“Drowning Girl” by Roy Lichtenstein is a quintessential example of Pop Art’s engagement with the fusion of popular culture and fine art during the 1960s. Building on the historical antecedents of consumer culture and mass media’s growing influence on society, Lichtenstein’s work draws inspiration from the world of comics and advertisements. 

The painting reflects the era where cheap comic books were produced, and this artwork turned into an important art. Lichtenstein uses bold outlines, bright colors, and special dots that remind you of printing to mix traditional oil painting with popular comic art. In “Drowning Girl,” exaggerates emotional and dramatic subject matter, making the heroine’s distress stand out while also adding humor. This work shows how Pop Art explores the influence of consumer culture and media, giving a new way to look at art in a time of lots of production and popular culture, turning ordinary images into special artistic statements.

SHERRIE LEVINE

The second artist is Sherrie Levine, she is an American appropriation artist associated with the Pictures Generation, known for recreating historically significant artworks by artists like Walker Evans, Constantin Brancusi, and more.Her work challenges conventional notions of originality and authenticity, engaging with postmodern concepts. One of the artwork she created is titled “Crystal Skulls” (2010), which is a series of sculptures. In this artwork, she transforms the human skull into an exquisite crystal object.

In “Crystal Skulls,” Sherrie Levine transforms the macabre human skull into an exquisite crystal object, challenging conventional art perceptions by juxtaposing the ghastly with the decorative. The sculptures are kept within  vitrines or glass cases, emphasizing their preciousness which highlights the fetishistic quality of the artwork, similar to valuable items in the history of art.

“Crystal Skulls” by Sherrie Levine is inspired by Marcel Duchamp’s readymades, blending art and consumer culture, echoing the spirit of the readymade movement. Levine challenges how we see art by transforming human skulls into beautiful crystals, playing with the contrast between the eerie and the pretty.  The use of crystal to cast human skulls adds an element of transformation and beauty to a macabre subject, emphasizing the tension between the ghastly and the decorative. Her technique is by arranging identical skulls like a shop display, arranged in a grid, making us think about how art is valued and sold. 

“Crystal Skulls” by Sherrie Levine is inspired by Marcel Duchamp’s readymades, blending art and everyday objects. Levine challenges how we see art by transforming human skulls into beautiful crystals, playing with the contrast between the eerie and the pretty. She arranges identical skulls like a shop display, making us think about how art is valued and sold. The artwork questions what makes each piece unique and challenges how art is turned into a product for consumers, creating a conversation about the meaning and repetition in art.

WANDERLUST WONDERS: A VISUAL JOURNEY ACROSS CONTINENTS 

INTRODUCTION

Traveling and exploring breathtaking landscapes around the world has always been my beloved hobby, a means of crafting cherished memories that last a lifetime. I’ve had the privilege of visiting stunning destinations like Switzerland, New York, Japan, and many more, yet my bucket list continues to beckon with uncharted wonders.I wanted to share In this project, i wanted to transform my traveling hobby into artform that not only captivates but also informs my audience in a truly captivating way.It’s a virtual adventure that brings the audience visual artistry and also practical travel information from countries that are in my bucket list. 

In this project, the audience will keep scrolling through the screen to see the traveling journey and to get information about the countries. Before the audience can engage with the animations and read the information, I will include a story of my traveling experience first and captions that introduce my bucket list. The plane will move from one country to the other country, once they land in a country, they can press a button that leads to a page where the information about the country is provided.

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

REFERENCES

First reference: https://pinepoint.nfb.ca/#/pinepoint

I am inspired by how the artist presents his personal story as an art form, complemented by a backdrop of music and visual animations. This inspires me to also make my project from my own story which blends informative content with an engaging appeal that captivates the audience.

Second reference: https://www.unep.org/interactives/beat-plastic-pollution/

I find inspiration in the dynamic movement of the background on the website as it shows information, this can be implied to how the airplane voyage from one country to the next.

FIELD OF FLOWERS 

In this mini project 6, we learn how to apply OOP and arrays to make our own particles. I decided to make a field of flowers that are also moving. Not only work moving, the audience can also interact with the flowers to change their colors. This gives a colorful sense of the work instead of being bland with one color. The background I chose is soft and not too dark or bright yellow to make the flowers color vibrant. The flowers are delicately crafted from circles that twinkle and shimmer in an exquisite display of movement.

When you press the flowers it will change colors: 

 

REFLECTION:

Object oriented programming (OOP) is a coding method that uses the concept of “object”. It is a method to allow programmers to organize their code and structure their code with the use of objects, which  are instances of classes, to represent data and behavior. The first concept of OOP is, class, it is a template for creating objects. It defines the attributes (data) and methods (functions) that objects created from the class will have. The second one is an instance. An instance is a specific version of an object with its own particular details. OOP is very useful when you want to create a lot of the same objects. You don’t need to draw the object one-by-one, but you can manipulate it by using OOP. From what we learned in mini project 5, modularity and reusability, OOP gives this advantage too. OOP allows you to organize your code into reusable, self-contained units called classes. This modularity makes it easier to manage and maintain large codebases, as you can work on individual components without affecting the entire program.

In this mini project 6, the objects that i have created are a field of moving flowers. The class is titled “PARTICLE” and inside the class there are constructor,displays and updates. In the display section, I drew how I wanted the flowers to look. Since I wanted to make the flowers blink, I replaced the diameter as “this.dia” instead of a number. This makes it easier to manipulate the code in the update section. Next, I also wanted the flowers to move to left and right, instead of having a fixed number for the x coordinate, I use this.x and this.speedx. I also added an interaction, where you can change the color of the flowers when your mouse is pressed. In this case, instead of having a number for the color arguments, I replace it with this.h. And in the update function, this.h=random(100) this means that the color value will randomly change from 0-100. The challenges I have in this mini project are, I couldn’t make more shapes other than shapes that are connected with the flowers. This gives me limitations to only focus on the flower.