Studio / Gallery and work process

Artist work in a studio, the studio can convey the outcome and experiment of creation. As an other kind of exhibition, gallery is the place to show artist’s work. Studio can change / effect the style of idea, it could improve the idea from artist, because of the group in studio, idea can be discuss and group by a quickly way.

Process and outcome

Is the process important than final outcome?

Different ideology / methodology in working process will reflect the variation.

Outcome can be seen as the proof of thinking track, develop, so an outcome could be the conclusion of hold project, so it is still important for reflection.

Yinka

Blur the boundary

reason of share, being a part of discourse / composition

The artist devote to improve the communication of immigrator.

He used African pattern and fabric to combine with Western arts work, even manipulate a painting with his own face.

To be honest, I don’t like his work, there are many methods to combine cultural elements, but in his way, some pattern merely are filled into a random outline.

yinka

Font

barbara

where
She put text on some specific location which suit the group can accept.

simple idea & strong visuals

the artist emphasised the font on publication, using big big size, border, solid background.

collage

arturo herrera

different fragment from different culture

mix fragment

people could be mixture of something

use camera as blade

use grey tone, like graphite (石墨)

collage could be the way to blend materials / resource existed

whimsy

gesture

paint or photography

Vija Celmins

Individual visuals

Defining an individual language will be important as an artist, the visuals of an artist/ designer could not be accepted by all of people, but it convey own idea.

As MA student, the answer will not be given directly, we should think about it, the reason / method / development

collaboration with a Film maker

To complete the project which require collaboration with other, I found a student who learning in MA Film. She has professional cognition in shot design, so I can get advanced suggestion on animation making or screen writing.

The early topic we chose is about relationship in contemporary partner.

Because of the culture shock, emotion between different people could be hard to understand by other who from different countries. Therefore we are going to focus more on behaviour side, which means, in the animation, the emotion expression could not be rendered as main point, the phenomenon and behaviour will be more important in this project.

Reason I explore relationship between partner

There are many developed countries are holding a low population growth, evermore negative growth. In my opinion, this phenomenon is because of the change of marry. Children and children education is becoming kind of bear in a family especially in high-knowledge level group. More and more partner have strong individual concept, and they are becoming more independent.
So I want to explore the reason people become more independent with partner, it could be include the physical factors or emotional reason.

reproduction

Today’s manufacture will copy or reproduce art work in a bad quality or massive quantity. It improve the influence of some great art works, but there are some negative influences in time:

1. overexposure
2. decrease potential value because of the massive copies
3. change the attitude of visitor For more example of reproduction, many of art works have been displayed on Web, App, sorts of media and screen.

required commercial value

Museum or gallery announce them through reproduce classical works, it indeed in work, attract more viewer / gain more profit in sub-production. So they can have more opportunities
to protect arts.

infinite reproduce, infinite misunderstanding

As a significant count of reproduction have been made in market, audiences have a high cognition to some classical art work. In the time, they will have different attitude to these sub-production as well as paintings. In today’s workshop, my peers created some experiments to express the process of misunderstanding and distortion.

repeat photocopy

Photocopy a painting with 10 times, what does it look like? Digitally, pixel will increase, so it will lose details and sharpness. Furthermore, the colours will change to be more bright which have higher saturation. Fine lines will become bolder and look as if they’ve been engrave , because of lines look like rise up, and generate bigger contrast with background, so it has an engrave-alike texture.

de-adjective

People generally describe and understand object through read adjective. A peer removed most adjectives in a text which describe the girl with pearl earring. Then she found it look as if it is describing Mona Lisa. It shows the influence of second-hand cognition, people will easily change the attitude because of different descriptions. So I thought we can see something in different angle, a general sight and illustratively.

Reflection: About programming and concept of building Web

Basically, I’ve finished this Web during this term. To summary, this Web is designed to devote translate words to graphic information. The content I used is Chinese classical poem, I catched poem by JSON which be supported by Gushi.ci. Therefore, user can get massive poem randomly, and they can try to understand it by graphic as well as the translation supported by Baidu’s API. Now, I’m going to conclude some problem I faced, and the final solution.

use Javascript module to create elements in time.

The target is showing a gallery on Web, there are many of image had been upload on cloud server, and display by href Link. I collected all of link in JSON file, and the Web can read link than create elements.

module style and Event

As ECMA6 declared:

$('body').append(`
    <p>Content:${Variable}</p>
`)

` (反引号) this symbol can include string and variable, which means it is easy to create module and generate elements on HTML.
The question is I should add event listener to elements for motion and interaction. After every new generations, I added event listener repeatedly, which means when user interact with that element, it will response many times! The original method is:

Array.from(.elements).forEach((t)=>{
    t.addEventListener('click',function(){
        ...
    })
}) 

To add EL for every elements, I chose a class, and set to an Array, so it can use forEach() to iterate (遍历). But, the existed elements will be added EL again, which is horrible..So I changed the method of add, I chose the last element which is the last generated, and add EL for it. The important thing is Selector.

The SVG object can be chosen by CSS selector or DOM selector, so I would like to set attribute of SVG by Anime.js

let cir = svg.paper.circle(x,y,r) //create circle element
cir.attr({
    class:'.cir-in-svg'
}) // set class so it can be chosen by CSS/Anime

anime({
    targets:'.cir-in-svg',
    translateX:[
        {values:100,duration:1000,easing:'linear'},
        {values:0,duration:1000,easing:'linear'}            
    ],
    opacity:1,
    duration:function(el,i,l){
        return 500 + i*100  // el=targets,i=index,l=length
    }
})

SVG can be set by CSS with a good performance and interactivity. So in future work, my main direction will be vector graphic and interactive animation.

add a random item from existed Array

This is a really usually requirement in WEB application, users could load more elements in time, but if every times they click and see same arrangement, there will not be cool. There is a simple solution: create a new array, **random** select an element and push to new Array, then return the new one, I thought. That’s wrong. Because it will add repeat elements, if randomly choose. So, the new solution is use Set type which declared by ECMA6, it like Array, can be iterated by for(..of..) The most important thing is : Set can not save same element

const originArr = [a,b,c,d,e]
let ranSet = new Set()

do {
    ranSet.add(originArr[Math.floor(Math.random() * originArr.length)])
} while (ranSet.size<5);

let    newArr = Array.from(ranSet)

So, the newArray is the new Array which is absolutely random.

Get stroke counts

After last tutorial, Ive continually developed the Web project. I added new function to get the strokes of words which user typed. Then I would like to reflect the hold process, what difficulties I faced, the idea I got, and the methodology of reach.

Retrieve database

The principle of analyse data actually just search database, which means every element I might use, have existed in database, it could be prepared or made in time.

It is easy to get data, such as stroke counts of word, but the difficult thing is to translate that to a new data, which can be used to generated shape.

Data-driven shape

Data-driven graphic design 32p:

“Unlike the physical process of making a mark with a pen, brush, or even a digital tablet, computational drawings are created by a written list of programming instructions based on rules and procedures that a programmer writes, a computer translates and executes the instructions into individual marks lines, and shapes on the screen.”

Computer generate different graphic base on the data have supported. In current stage, I want to use ‘Stroke’ to effect the format of graphic, which means how shapes group up and how they connect each other. The reason I thought is, Chinese word s sometimes have big differences in structure and strokes, it will effect visuals. The strokes will influence the complexity of the outlook, though it is irrelative to meaning generally, it can clear show different characteristics of words

Make points as coordinate

I create a series of points by strokes count of each word, so every word will have some points which can be the coordinate. In future work, some specific shape could be set in the coordinate. Furthermore, basing on different Tone, the layout of point could be changed, because Strokes merely influence the quantity of points.

render graphic base on different coordinate of each words

The question is, I haven’t decided which way I render graphic. There are two method to render graphic I can use now,

• SVG, render by Snap.js
• Bitmap, render by P5.js

SVG available me to create more beautiful/ delicate shape with high-quality resolution. And Bitmap graphic can generate more curve and massive geometric shape. In future work I will do that both and choose one or both as final effect.

The difficulties I faced now

data analyse

在早期进程中，变量的提取非常困难，尤其是我需要逐个把用户键入的字符匹配数据库，当匹配数据库后，再分析它的别的属性。逻辑层面必须非常清晰：
用户键入————每一个字————属性，如笔画读音偏旁
拼音，检索音调；
笔画————生成坐标，
坐标————通过笔画数判断坐标数量，通过别的属性决定坐标排列方式
偏旁，检索特定的含义，其含义必须被单独设定，手动

whole style

The work must be designed to illustrative, it should give the feeling of words, it doesn’t represent a whole sentence, but it should show the abstract meaning of words.