분류 전체보기 206

[HTML] HTML canvas로 Flow Field 구현하기

Flow Field Flow Field 는 시뮬레이션에 사용되는 그래픽 기술로, 각 지점에 대한 특정 방향으로의 흐름을 나타내는 표현 방법이다. (feat. chat GPT) 예시를 찾아보면 초등학생 때 철가루와 자석을 이용해 자기장을 표시하는 듯한 비주얼이다. generative art 결과물들을 보면 여기에서도 많이 쓰이는듯한데 p5.js 라는 라이브러리를 이용하면 좀 더 편하게 구현할 수 있는 모양이다. 하지만 간단한 건 직접 구현하기 그다지 어렵지 않으니 HTML canvas + JavaScript 로 직접 구현해 보자. 결과물 위처럼 마우스 드래그 할 때마다 Flow Field가 그려지도록 만들 것이다. Flow Field 구현 세세한 코드를 전부 올리진 않고(어차피 GitHub에 있으니..) ..

WEB 2024.02.20

[Flutter] Mac에서 Flutter 설치하기

1. Flutter 공식 문서에서 SDK 를 설치한다. https://docs.flutter.dev/get-started/install/macos 2. Downloads 에 받은 압축폴더의 압축을 해제한다. 참고로 나는 downloads -> documents로 폴더를 이동했다. 3. 터미널에서 bash_profile을 연다. nano .bash_profile 위 명령어를 터미널에 붙여넣으면 자동으로 텍스트를 수정할 수 있는 파일이 열린다. 4. bash_profile에 다음 내용을 추가하여 PATH 를 갱신한다. export PATH=$HOME/flutter/bin:$PATH 혹은 export PATH=$PATH:Downloads/flutter/bin * 터미널에서 bash_profile 을 열면 아래..

카테고리 없음 2023.10.13