Show HN: Blot – 코드, 예술, 로봇 및 오픈 소스 교육
요약
Hack Club의 Blot은 웹 기반 에디터에서 프로그래밍 예술 작품을 만들고 갤러리에 제출하면, 실제 CNC 기계를 통해 물리적인 예술 작품으로 제작해주는 프로젝트입니다. 이 시스템은 코딩과 디자인을 결합하여 창작물을 현실화하는 과정을 제공합니다. 모든 요소는 오픈 소스로 공개되어 누구나 참여할 수 있으며, 특히 청소년들에게 창의적인 경험을 제공하는 데 초점을 맞추고 있습니다.
핵심 포인트
- 웹 기반 에디터에서 코딩 예술 작품 제작 가능
- 제작된 디지털 작품을 실제 CNC 기계로 구현
- 오픈 소스 프로젝트로 누구나 참여 및 PR 제출 용이
- 코딩, 디자인, 물리적 제작을 결합한 교육적 경험 제공
Hack Club의 플로터 봇, Blot
RMRRF 2026에서 Blot을 보셨나요? 그것은 펌웨어 포크(fork)였습니다. 여기에서 확인해 보세요 here.
웹 기반 에디터에서 프로그래밍 예술 작품을 만들고 갤러리에 제출하면, 저희가 그 예술 작품을 무료로 제작할 수 있는 CNC 기계를 보내드립니다.
Blot은 Hack Club의 당신이 만들면, 우리가 제작합니다 (You Ship, We Ship) 프로젝트입니다.
Blot에 관한 모든 것은 오픈 소스입니다. 온라인 에디터와 드로잉 라이브러리는 누구나 자유롭게 사용할 수 있으며, 저희는 모두가 PR을 통해 갤러리에 제출하도록 장려합니다! 하지만 무료 기계를 받으려면 청소년이거나 그보다 어리셔야 합니다.
<img width=
Blot 드로잉 라이브러리를 사용하려면 시작 가이드(getting started guide)를 참고하세요. 갤러리(gallery)의 예제들을 확인하고, 저희가 제공하는 몇 가지 가이드를 따라해보세요.
<img width="500" alt="editor" src="https://github.com/hackclub/blot/assets/27078897/ec685c69-ec9b-405a-9dbc-fda82c3f1d2b">2) 그 예술 작품을 공개 갤러리에 제출하세요.
PR(Pull Request)용 Blot을 얻는 제출 규칙은 여기에 있습니다. 10대여야 합니다 (또는 무료 장치 자격을 갖추려면 그보다 어리거나) 하지만 누구나 예술 작품을 만들고 PR을 제출할 수 있습니다.
3) 그 예술 작품을 현실에서 그릴 수 있는 자신만의 Blot을 만들 부품들을 받으세요.
자재 명세서(bill of materials)는 여기에서 찾을 수 있으며, 조립 가이드가 있습니다.
<img width="500" alt="all-parts" src="https://github.com/hackclub/blot/assets/27078897/8559466d-fd36-4126-bf9c-45cb913be6da" /> <img width="500" alt="drawing" src="https://github.com/hackclub/blot/assets/27078897/87f7e5b3-1aee-4082-8ae5-36006ec1ab0d" /> <!-- <img height="341" alt="drawing" src="https://github.com/hackclub/blot/assets/27078897/2f7c9c17-3b67-4674-b2ca-2a4dbd26a3d1" /> -->Blot은...
디지털 제작을 소개하기 위해 처음부터 설계한 맞춤형 CNC 드로잉 머신입니다.
6개의 독특한 3D 프린팅 부품과 사용자 지정 제어 보드, 그리고 이해하기 쉬운 펌웨어로 구성되어 있으며, 이는 브라우저의 JavaScript를 통해 인터페이스할 수 있습니다.
Blot은 OnShape에서 설계되었습니다. 프로젝트의 3D 모델을 확인해 보세요.
자재 명세서(bill of materials)를 찾을 수 있으며, Blot을 3D 프린팅하고 싶다면 부품은 여기에 있습니다. 전체 제작 비용은 약 150달러입니다. 만약 청소년이라면, 직접 코딩한 예술 작품과 함께 PR을 제출하는 경우 모든 부품을 제공해 드릴 것입니다.
커스텀 지오메트리 라이브러리(/docs/DOCUMENTATION.md)를 사용하여 프로그램적 예술을 위한 웹 기반 에디터입니다.
우리는 일부 놀라운 아티스트들과 함께 프로그램적 펜 플로팅을 연습했습니다.
프로그래밍 및 미학적인 측면에서 배울 것이나 탐구할 것이 너무 많습니다.
<img width=
-
에디터에서 드로잉 라이브러리 전체 문서 보기(Complete documentation of the drawing library in the editor)
-
Blot 에디터에 표시되는 간략한 문서(Short documentation shown in the Blot editor)
-
Blot 조립 및 작동 가이드(The Blot assembly and operation guide)
-
진실의 출처 부품 명세서 (BOM, bill of materials)(The source of truth bill of materials (BOM))
-
Blot을 얻는 기준과 PR 제출 방법에 대한 가이드(Criteria for how to get a Blot and a guide on how to submit a PR)
-
Blot 제출 검토 방법 가이드(A guide on how to review Blot submissions)
-
Blot 배송용 요청 승인에 관한 간략한 가이드(A brief guide on how to approve Blot requests for Blot shipments)
-
제조 파트너로부터 Blot 소모품 주문 정보(Information on how we order Blot supplies from our manufacturing partners)
-
3D 프린팅 부품 파일(The files for the 3D printed parts)
-
제어 PCB의 소스 파일(The source files for the control PCB)
-
전력 공급 PCB의 소스 파일(The source files for the power delivery PCB)
-
Blot 제어 보드의 펌웨어(The firmware for the Blot control board)
-
샘플 Blot 기반 수업 계획안(Sample Blot based lesson plan)
-
Blot 조립 영상(Video of a Blot being assembled)
-
Blot 작동 영상(Video of operating a Blot)
-
Blot 제출 방법 영상(Video of making a Blot submission)
-
Blot 홍보 트레일러 영상(Video Blot promo trailer)
Blot으로 무엇을 만들고 있는가
Blot은 2023년 1월부터 개발되었으며 2024년 4월에 출시되었습니다. 많은 분들이 Blot 에디터와 Blot 머신을 사용하여 시각 예술 작품을 만들거나, 워크숍을 진행하거나, 인터랙티브 설치물 제작의 일부로 활용해 주셨습니다. Blot으로 무엇을 할 수 있는지 감을 잡아보세요.
프로그래밍 아트 (Programmatic Art)
프로그래밍 아트는 온갖 스타일이 있습니다. 여기는 다양한 스타일을 보여주는 훌륭한 Blot 제출 작품 몇 가지 예시입니다. 이 목록은 결코 포괄적이지 않습니다.
**자연 풍경(The natural scene)**은 예술적 영감의 일반적인 원천입니다. 이는 현실의 사물을 어느 정도 충실하게 묘사하려고 할 때 사실주의(figurative) 또는 재현적 예술(representational art)이라고 불릴 수 있습니다. 한 예로 Kai(17세)가 만든 이 뿌리 작품이 있습니다.
<a href="https://blot.hackclub.com/editor?src=https://raw.githubusercontent.com/hackclub/blot/main/art/roots-kai/index.js"> <img width="500" alt="collection" src="https://github.com/hackclub/blot/assets/27078897/a67fec4c-11cc-48b3-981f-5f4108028c03"> </a>**기하학적 패턴(The geometric pattern)**은 코드로 패턴을 설명하는 훌륭한 방법이기 때문에 컴퓨터로 예술 작품을 만들 때 추구할 수 있는 자연스러운 경로입니다. Oz의 중첩된 세그먼트 클리핑 접근 방식은 놀라운 깊이감을 만들어냅니다.
<a href="https://blot.hackclub.com/editor?src=https://raw.githubusercontent.com/hackclub/blot/main/art/braid-oz/index.js"> <img width="500" alt="0" src="https://github.com/hackclub/blot/assets/27078897/361e448d-0eeb-4aa2-818e-2831b373efb2"> </a>**기술 데모 (작품 구성 포함) (The tech demo (with composition))**는 Henry(15세)의 레이 마커(ray marcher)와 같은 특정 기술적 접근 방식에 초점을 맞춥니다. 하지만 예술 작품은 아티스트가 이 기법을 사용하여 구성을 만들 때 비로소 완성됩니다.
<a href="https://blot.hackclub.com/editor?src=https://raw.githubusercontent.com/hackclub/blot/main/art/raymarching-henry/index.js"> <picture> <source media="(prefers-color-scheme: dark)" srcset="https://github.com/hackclub/blot/assets/61765149/d65464eb-8cc2-4bf3-be82-0b4cc12070bd"> <source media="(prefers-color-scheme: light)" srcset="https://github.com/hackclub/blot/assets/27078897/90c01a52-0404-423f-8ae9-763bc591ff9f"> <img width="500" alt="0" src="https://github.com/hackclub/blot/assets/27078897/90c01a52-0404-423f-8ae9-763bc591ff9f"> </picture> </a>**데이터 변환(data transformation)**은 Kieran(만 15세)의 자화상에서 볼 수 있습니다. SVG에서 데이터를 가져오지만, 이를 프로그래밍 방식으로 수정하여 예술 작품을 만듭니다. 이러한 접근 방식은 원래 시각적이지 않았던 데이터도 시각화하는 데 사용될 수 있습니다.
<a href="https://blot.hackclub.com/editor?src=https://raw.githubusercontent.com/hackclub/blot/main/art/self_portrait-kieran/index.js"> <img width="500" alt="0" src="https://github.com/hackclub/blot/assets/27078897/145ebbb5-7187-4062-b41f-c6961c5156b4"> </a>**개념(concept)**은 모든 예술 작품에서 중요하며, 위의 장르 중 어느 것과도 혼합될 수 있습니다. 궁극적으로 흥미로운 아이디어가 시각적으로 매우 단순한 것을 격상시키는 것이 될 수 있으며, Ayush의 예시가 Blot 자체의 자화상입니다.
<a href="https://blot.hackclub.com/editor?src=https://raw.githubusercontent.com/hackclub/blot/main/art/blot-ayush/index.js"> <picture> <source media="(prefers-color-scheme: dark)" srcset="https://github.com/hackclub/blot/assets/61765149/12044cdf-a498-438c-814b-48622488e42f"> <source media="(prefers-color-scheme: light)" srcset="https://github.com/hackclub/blot/assets/27078897/1f367d9b-aa74-4fca-8623-259a06800335"> <img width="500" alt="0" src="https://github.com/hackclub/blot/assets/27078897/1f367d9b-aa74-4fca-8623-259a06800335"> </picture> </a>더 많은 예시는 gallery를 확인해 보세요.
창의적 재료로서의 Blot
'당신이 보내면 우리가 보낸다(You ship we ship)' 프로젝트는 기술적인 창의적 재료를 제공하기 위해 개발되었습니다. Blot은 컴퓨터에서 시각적 프로그램을 만드는 것뿐만 아니라 로봇 및 인터랙티브 기술을 탐구하기 위해 개발되었습니다. 이 기계나 프로젝트가 인터랙티브 기술 경험을 창조하는 데 사용된 몇 가지 방법은 다음과 같습니다.
Lineflow는 MIT Museum 행사용 인터랙티브 아트 작품으로 개발되었습니다. 참가자들은 컴퓨터에 단일 선 그림을 그리고, 그 후 자신이 그린 그림으로 접히는 선의 시뮬레이션을 관람했습니다. 이 시뮬레이션의 세 프레임이 연결되어 Blot이 가져가도록 그려질 애니메이션 타임라인을 만들었습니다.
<img width="500" src="https://github-production-user-asset-6210df.s3.amazonaws.com/27078897/291394243-0333b4ca-52cd-4bca-9141-44d05d2775ce.gif?X-Amz-Algorithm=AWS4-HMAC-SHA256&X-Amz-Credential=AKIAVCODYLSA53PQK4ZA%2F20240411%2Fus-east-1%2Fs3%2Faws4_request&X-Amz-Date=20240411T224432Z&X-Amz-Expires=300&X-Amz-Signature=ece92c400e0e3f3a9dddd4ca625b731df08c1eb5e04acf045f026896dee79b44&X-Amz-SignedHeaders=host&actor_id=0&key_id=0&repo_id=731753090"> <img width="500" src="https://github.com/hackclub/blot/assets/27078897/bfdb83c4-5b65-419f-8b3a-4ceab3bb7f33"/>AI 자동 생성 콘텐츠
본 콘텐츠는 HN Code Generation의 원문을 AI가 자동으로 요약·번역·분석한 것입니다. 원 저작권은 원저작자에게 있으며, 정확한 내용은 반드시 원문을 확인해 주세요.
원문 바로가기