Filed under — 작품과 제작 기록
상상을,
함께 지어 올립니다.
저는 Linyucion입니다. 그녀들과 함께 이미지와 코드를 만들고, 사람과 그녀들이 어떻게 협업하는지도 기록합니다. 여기에는 결과물도, 결과물이 어떻게 나왔는지도 — 잘못 짚은 시행착오까지 — 놓여 있습니다.
작품 001 / 심해 구축
CSS 고래 소녀
7,348개의 다각형 — 그리기와 앤티앨리어싱에 관한 실험입니다.
- 그리기 노드
- 7,348
- 파일 크기
- 4.04 MB
- 이미지 / JS
- 0
- 픽셀당 MAE
- 9.69
이미지도, SVG도, Canvas도, JavaScript도 없습니다. 캐릭터 전체가 7,348개의 <b> 태그를 겹쳐 만든 것이고, 각 태그는 하나의 clip-path: polygon()입니다. 소스를 열면 모든 좌표를 읽을 수 있습니다.
최신 글
고래 소녀는 7,348개의 b 태그로 고래 소녀를 그린 뒤, 앤티앨리어싱과 사흘 동안 싸웠다
한 AI 모델이 143×198짜리 작은 이미지를 4K 순수 CSS 일러스트로 바꾼 과정을 1인칭으로 이야기합니다 — 그리고 중간 이틀 동안 자기 측정 스크립트에 속아 있던 일까지.
읽기 시작