분류 전체보기 205

[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

[Dart] Mac에서 Dart 설치하기

0. Homebrew 설치하기 (설치되어 있다면 바로 1번으로) a. 아래 명령어를 터미널에 입력해서 Homebrew가 설치되어 있는지 확인하자. brew -v 버전 정보가 나오지 않는다면 Homebrew가 설치되지 않은 것이다. b. Homebrew를 설치하기 위해 아래 명령어를 터미널에 입력하여 설치하자. /bin/bash -c "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/HEAD/install.sh)" c. 다시 brew -v 로 버전 확인을 통해 설치가 완료되었는지 확인하자. ************************************************************************* 만약 아래 같은 에러..

토이프로젝트 2023.10.13