본문 바로가기

728x90

크리에이티브 코딩2

[🧩 Creative Coding] 컬러풀한 물결 웨이브 만들기(feat. Interactive Developer) 안녕하세요 Foma 💻 입니다! 오늘은 저번에 줄에 매달려 흔들리는 상자 만들기 에 이어서 인터랙티브 디벨로퍼님의 튜토리얼 움직이는 웨이브를 Swift로 구현한 것을 정리해보려고 합니다! 바로 시작할게요~ 아래는 인터랙티브 디벨로퍼 김종민님의 튜토리얼 영상입니다. Preview 1. S자 곡선 그리기 S자 곡선을 그리기 위해서 시작과 끝을 정해주고 사이에 두 점이 필요합니다. 그리고 사이의 점을 위로 당기거나 아래로 당겨주면 아래와 같은 S자 곡선이 그려집니다. 2. 움직이는 웨이브 만들기 연결된 선의 사이 두 점을 위 아래로 이동시키면 웨이브가 움직이는 것처럼 보이겠죠? 3. 여러 웨이브 만들기 우선 시작과 끝을 아래와 같이 두 점으로 정해줍니다. 그리고 그 사이에 있는 점 4개를 1,2,3,4라고 부.. 2021. 12. 16.

[🧩 Creative Coding] 줄에 매달려 흔들리는 상자 만들기 (feat. Interactive Developer) 안녕하세요 Foma 💻 입니다! 오늘은 줄에 매달려 흔들리는 상자를 만들어 볼건데요. 이건 제가 존경하는 개발자이기도 한 인터랙티브 디벨로퍼 김종민님의 유튜브 채널에 올라온 튜토리얼 중 하나인데요. 예전부터 이런 창의적인 코딩, 예술적인 코딩을 하고싶은 욕심이 많았었는데 이번 기회에 김종민님을 따라서 구현해보려고 합니다. 위 영상을 보며 나름 제 방식대로 Swift를 사용해서 구현해보았습니다. 바로 시작할게요~ View 먼저 상자와 빨간 점을 UIView로 세팅해줍니다. (저는 상자 가운데에 제 이름을 넣어서 보여줄 거기 때문에 label도 넣었습니다.) let square:UIView = { let view:UIView = UIView() view.backgroundColor = .systemCyan .. 2021. 11. 23.

이전 1 다음

728x90

티스토리툴바