canvas (2) 썸네일형 리스트형 Vanilla Javascript Effect 무작정 따라하기 #4.5 canvas에서 무작위 입자 생성 및 변화를 주는 원리 파악 Vanilla Javascript Effect 무작정 따라하기 #4 canvas에서 text 쪼개기 이 글을 쓰며 매주 하기로 했던 나의 야심찬 vanilla javascript effect 무작정 따라하기가 단 3개에서 멈추어있었음을 반성한다. 오늘 HA가 끝나고 힘이 빠져서 자고 싶었지만, 매일 공부를 하다보니 안 bedeveloper.tistory.com 어제는 코드를 보고 스스로 이해하려고 노력하였으나 도저히 불가능했었다. 그래서 설명히 조금 더 친절한 초심자를 위한 동영상을 보고 공부를 시작하기로 했다. 동영상 속 언어가 영어라서 설명을 알아듣는데 한참이 걸렸지만 안들리면 들릴때까지 무한 반복을 돌려서 코드의 주석으로 옮겨 보았다. // 첫번째 파트 //1. 무작위로 입자를 생성 //2. 그리고.. Vanilla Javascript Effect 무작정 따라하기 #4 canvas에서 text 쪼개기 이 글을 쓰며 매주 하기로 했던 나의 야심찬 vanilla javascript effect 무작정 따라하기가 단 3개에서 멈추어있었음을 반성한다. 오늘 HA가 끝나고 힘이 빠져서 자고 싶었지만, 매일 공부를 하다보니 안하는게 더 이상하게 느껴졌기에 그리고 내가 정확하게 모르더라도 어디선가 봤었다라는 기억이 있으면 그것을 찾아내서 활용할 수 있기에 아는 것의 범위를 넓히기 위하여 오늘도 늦었지만 공부를 한다. 일단 해당 effect를 구현하기에 몰랐던 부분들을 나열해본다. .fillStyle property : 이 속성은 canvas에서 2d context에 색을 채울때 주로 사용했던 것으로 알았으나, mdn에 검색해보니 color 이외에도 gradient, pattern을 지정할 수 있음을 알게 되었다... 이전 1 다음