생성 예술 도론

생성적 예술은 무서운 화제일 수도 있다. 수학 문제가 많은 것 같지만 예술 자체가 까다롭다.그러나 이것이 꼭 어려운 것은 아니다. 수학이나 예술 학위가 없는 상황에서 멋진 것을 만들 수 있다.이 글은 생성 예술이 무엇인지, 그리고 자신의 생성 예술을 어떻게 구축하기 시작했는지 상세하게 소개할 것이다.

우선, 암호 예술은 무엇입니까?
코드 예술은 코드를 사용하여 구축된 모든 예술이다.CodePen에는 여러 가지 예가 있습니다(예:).

무엇이 생성 예술입니까?
일반적으로 생성적 예술은 현대 예술에서 영감을 얻고 특히 질서정연한 기하학적 도안을 대량으로 사용하는 팝 예술이다.그러나 이것은 매우 광범위하고 풍부한 예술 범주로 코드로 창조하고 중심적인 특징을 가진다. 생성 예술은 코드로 구축된 예술이지만 가장 중요한 것은 어떤 방식으로 자치나 자치의 시스템에 융합되었다는 것이다.
임의성은 일종의 자치 시스템이다.우연성을 코드 예술에 융합시켜 스크립트를 실행하거나 페이지를 불러오거나 특정한 사용자의 상호작용에 응답할 때마다 우리는 서로 다른, 완전히 독특한 예술 작품을 얻을 수 있다.
물론 더 질서정연한 자치 시스템도 있다. 예를 들어 맨드브로트의 분형은 간단해 보이는 방정식에서 유도된 것이다.

우리는 또한 이 두 가지 방법을 통합시켜 질서와 혼란을 혼합할 수 있다.
이 예술품은 컴퓨터와 예술가 간의 합작이 되었다.예술품의 일부분은 인코딩원이 통제하지만 전부는 아니다.예술가는 예술의 랜덤성과 순서를 통제하고 있다.
어느 정도 예술가들은 예술에 대한 통제를 포기하고 컴퓨터가 그들을 위해 이렇게 하고 있는 자치 시스템이 생겼다.새로운 창의적인 과정을 고려할 때 더욱 미묘한 시각이 나타난다. 이 시스템을 조정하고 출력을 관찰하는 것이다.그리고 코딩자와 예술가는 피드백 순환에 참여한다. 이 순환에서 그들은 시스템을 끊임없이 조정하여 더욱 이상적이고 놀라운 결과를 만들어 낸다.
이 과정은 실험과 즐거움의 의외를 포함하고 예술가의 역할을 재구성했다.생성형 예술가로서 우리는 순환, 흐름 제어, 특수 함수 등 코드 기초를 사용한 다음에 그것들을 통상적으로 예측할 수 없는 힘과 혼합하여 다른 어떤 존재와도 완전히 다른 독특한 결과를 만들어 낸다.

생성 예술의 예
Kate Compton's Flowers
Cellular Automata and the Edge of Chaos

필 나시의 다색 애니메이션 생성 예술

인상파 화가 무라사키 우마의 작품

미리암 나들러가 창작한 크리스마스 트리

하나의 생성적 예술 작품의 내포는 무엇입니까?

랜덤성은 생성 예술을 창조하는 데 매우 중요하다.스크립트를 생성할 때마다 예술은 달라야 하기 때문에 랜덤성은 그 중의 대부분이다.

알고리즘 - 하나의 알고리즘을 가시적으로 실현하면 보통 훌륭한 예술을 만들 수 있다. 예를 들어 위의 두 갈래 나무 등이다.

기하학 - 대부분의 생성 예술은 형상을 포함하고 고등학교 기하학 수업의 수학은 매우 멋진 효과를 내는 데 도움을 줄 수 있다.

당신은 생성적인 예술품을 어떻게 처리합니까?
창조 생성성 예술에는 두 가지 주요 전략이 있는데, 비록 대부분의 전략은 이 두 가지 전략 사이에 끼어 있지만.첫 번째 방법은 결과를 고려하지 않고 네가 놀 때 컴퓨터에 무슨 일이 생길지 보는 것이다.둘째, 당신이 원하는 예술적 외관에 대해 아주 확실한 생각을 가지고 있다. 랜덤성은 최종 결과를 약간 바꿀 뿐이다.

어디서부터 시작해야 합니까?
자바스크립트p5.js가 좋은 출발점이라는 것을 알고 있다면.예술가, 디자이너, 교육자, 초보자 모두 코드를 사용할 수 있도록 하는 것이 목표다그것은 Canvas API의 포장기로서 많은 수학 연산을 간소화시켰다.그것은 그림에 전념하지만, 만약 당신이 이러한 예술 형식에 관심이 있다면, 당신은 그것으로 소리, 동영상, 인터넷 카메라의 상호작용을 할 수 있습니다.

P5 소개
우선, 로드p5 CDN.그리고 자바스크립트 파일에 두 개의 함수를 추가합니다. 이 두 함수는 거의 모든 p5 스크립트에서 사용됩니다. setup 와 draw.이 이름들은 p5에 필요한 것이다.setup 프로그램이 시작될 때 호출됩니다.createCanvas 함수를 사용하여 그림을 그릴 수 있고 기본값을 설정할 수 있습니다.한 번만 불러!draw 설치 후 호출되고 호출될 때까지 계속 실행됩니다 noLoop. 다시 실행되지 않습니다.draw 기능을 사용하여 초당 실행 횟수frameRate를 제어할 수 있습니다.생성 예술에 대해 나는 보통 noLoop를 setup 함수에 넣고 draw를 연속적으로 운행하지 않고 한 번만 운행하게 한다.
Here's a p5 starter template on CodePen
우리는 이미 랜덤성이 생성 예술에 대한 중요성에 대해 너무 많이 이야기했기 때문에 p5의 또 다른 중요한 기능은random이다.JavaScriptMath.random와 비슷한 방식으로 작동하지만 숫자의 범위를 설정하면 수학 연산을 많이 하지 않고 유용한 형식으로 변환할 수 있습니다.

p5선
p5에서 한 줄을 만들 수 있습니다.다음과 같이 하십시오.

line(startX, startY, endX, endY)

그런 다음 랜덤으로 선 세트를 생성하고 다음과 같은 간단한 생성 예술을 만들 수 있습니다.
아주 간단한 각본이라도 멋진 예술 작품이 나올 수 있다!

p5형태
너도 p5로 원, 삼각형, 정사각형 같은 모양을 만들 수 있다.
다음은 p5를 사용하여 모양을 생성하는 예입니다.

// circle
ellipse(xCoordinate, yCoordinate, width, height)

// square
rect(xCoordinate, yCoordinate, width, height)

// triangle
triangle(xCoordinate1, yCoordinate1, x2, y2, x3, y3)

그리고 우리는 더 많은 모양을 만들어서 더 재미있는 것을 만들 수 있다!

운동
우리는 noLoop 함수 중의 setup 함수 호출을 삭제하여 그림에 이동할 수 있습니다. 보십시오!

색상
너도 무작위로 색을 선택해서 생성 예술에서 색을 활용할 수 있다.너는 RGB 값을 통해 수학적으로 이 점을 실현할 수도 있고, 네가 가장 좋아하는 색 선택기 (우리가 계속 사용하고 있는 것 this 를 사용하여 팔레트를 만들 수도 있다.color 기능을 사용하여 채움 색상을 설정할 수 있습니다.명명된 색상, RGBA 및 16진수 코드와 같은 다양한 형식이 필요합니다.stroke를 사용하여 프로파일의 색상을 변경할 수도 있습니다.noStroke를 사용하여 프로파일을 삭제하거나 strokeWeight를 사용하여 너비를 다르게 만들 수도 있습니다.

이 모든 것을 함께 놓아라
일단 우리가 이 모든 것을 준비한다면, 우리는 이 기술과 결합하여 진정한 멋진 것을 만들 수 있다.

다른 전략: 튜토리얼 조정
너도 다른 사람의 작품을 가져가서 이를 바탕으로 멋진 생성 예술을 창작할 수 있다.예를 들어 다음과 같은 자습서의 결과가 나타납니다.
다음과 같은 두 가지 조정이 있습니다.
Here's 코드 펜 시리즈, 더 많이 포함!
튜토리얼, fork CodePens 또는 고장난 항목에 따라 새롭고 독특한 것을 만들 수 있습니다!반드시 오리지널 예술가에게 영예를 주어야 한다.

메모
이것은 이 강좌에서 사용하는 모든 P5 기능을 포함하는 메모지입니다.


자세히 보기

Generative Artistry

연락을 유지하다
만약 네가 자신의 예술 작품을 창작했다면 반드시 우리에게 보내야 한다.(및)