간단한 수학 규칙으로 만든 16x16 도트 애니메이션
(tixy.land)- tixy는 짧은 수식 하나로 16x16 도트 패턴과 애니메이션을 만드는 creative code golfing 페이지임
(t,i,x,y) =>뒤에 표현식을 붙이는 방식이라, 시간과 좌표 값을 이용해 화면의 점 동작을 정의함- 32자 이하라는 제약이 있어 복잡한 그래픽보다 간결한 수학 규칙을 실험하는 데 초점이 있음
- 화면의 점을 클릭하면 추가 정보를 볼 수 있어, 예제를 직접 탐색하며 동작 원리를 확인할 수 있음
- 작은 규칙이 시각적 패턴으로 바로 드러나기 때문에 코드 골프와 제너러티브 아트를 함께 체험하는 형태임
tixy의 작성 방식
- tixy는 “creative code golfing”을 표방함
- 사용자는
(t,i,x,y) =>뒤에 짧은 표현식을 작성해 동작을 정의함 - 페이지는 32 characters or less 제한을 명시함
화면 상호작용
- 화면의 dots를 클릭하면 더 많은 정보를 볼 수 있음
- 결과물은 간단한 수학 규칙으로 만든 16x16 도트 애니메이션임
댓글과 토론
Hacker News 의견들
-
Tixy가 정말 멋져서 비슷한 걸 직접 만들었음: https://muffinman.io/pulsar/
LED 매트릭스 화면용 애니메이션을 만들고 싶었는데 tixy를 다시 찾지 못해서 pulsar를 만들었고, 만든 뒤에야 다시 발견함
비슷한 프로젝트로 HTML 슬라이더를 쓰는 https://sliderland.blinry.org/도 있음- 예전 Sony 로고가 떠오르는 사람 없나: https://tixy.land/?code=y%3C7%26%26%28x%2Bsin%28y%29%3C6.4%2...
수정: 부정을 넣으니 훨씬 나아짐 - 아직 dwitter를 못 봤다면 꼭 https://www.dwitter.net에 가보는 게 좋음
- 예전 Sony 로고가 떠오르는 사람 없나: https://tixy.land/?code=y%3C7%26%26%28x%2Bsin%28y%29%3C6.4%2...
-
몇 년 전 tixy를 처음 발견했을 때 너무 좋아서, 원 저자 허락을 받고 tixy 격자에서 풀 수 있는 퍼즐을 넣은 https://www.mathsuniverse.com/tixy를 만들었음
컴퓨터 과학 학생들과 쓰고 있는데 다들 꽤 몰입함- 최근 출시된 Replicube가 떠오름
같은 종류의 일을 3D로 하는 게임 - 가르치기에 정말 멋진 방식임
처음 작은 함수들을 보고 감탄했고, calculang을 실험하려고 비슷한 복제품도 만들었음 [1]
부분 식을 선택해서 무엇을 하는지 볼 수 있는 평가 기능(F9) 을 추가했는데, 패턴을 파악하는 데 도움이 됐음. 영상은 [2]에 있음
[1] https://calculang-editables.netlify.app/tixyish
[2] https://www.youtube.com/watch?v=uXUd_-xrycs - 40년 넘게 프로그래밍을 해왔는데, 이런 걸 배우는 방식 중 가장 재미있게 느껴짐
정말로 재미있다 - 5살 아이가 #7에서 막히기 전까지는 꽤 잘 풀었음
문법은 도와주고 있지만, 개념 힌트는 당분간 참으려는 중임
즉각적인 시각 피드백이 마음에 듦 - 왜
"(sin(i) * (x > 7)) - (i == 5) + (i == 20) + 0.5 * (i == 32)"가 퍼즐 36의 해답이 아닌지 궁금함
- 최근 출시된 Replicube가 떠오름
-
Weeee: https://tixy.land/?code=sin%28x%29cos%28y%29%2Bcos%28x%29s...
백혈구 공격: https://tixy.land/?code=sin%28x%2Bt%29%2Fcos%28y%2Bi%29%2Bco... -
tixy에서 영감을 받아 프로그래밍 가능한 브러시가 있는 드로잉 앱을 만들었음: https://fig.sonnet.io
도형 동역학이 압력이나 기울기가 아니라 시간 기반이라서, 리듬을 타며 그려야 해서 꽤 재미있음
작동 방식과 구현 방식은 여기 있음: https://untested.sonnet.io/notes/fig-tree-brushes/ -
마음에 듦. 여기 앞유리 와이퍼가 있음
https://tixy.land/?code=sin%28t%29*%281%2Bx%2By%29-x -
기본적으로 초보자용 https://www.shadertoy.com/ 같은 느낌임
딱 내 취향임 -
https://tixy.land/?code=%28%28t%2F4%2Batan2%28x-8%2Cy-7%29%2...
레이더임- 이제 몇 개의 깜빡이는 점만 추가하면 되겠음
-
저자는 Martin Kleppe, X의 @aemkei이며 놀라운 콰인과 여러 JS 마법으로 유명함
https://aem1k.com/world/
https://aem1k.com/qlock/ -
다른 걸 기다리면서 낙서처럼 몇 개 만들어봤음
창의성을 자극하는 제약이 아주 좋음
X Plus Star
https://tixy.land/?code=%28sin%28t0.8-sqrt%28%28x-7.5%29**...
Sin Sin
https://tixy.land/?code=sin%28sin%28i*sin%28t%2F10%29%29%29
Traffic
https://tixy.land/?code=sin%28iit*0.0005%29 -
5각 별: https://tixy.land/?code=sin%285*atan2%28y-7.5%2Cx-7.5%29-t%2...