무한 제작 기술

물, 불, 바람, 대지의 요소를 조합하여 창조하기

• 이 내용은 사용자가 물, 불, 바람, 대지와 같은 기본 요소들을 조합하여 새로운 것을 만들어내는 과정을 다루고 있음.
• 사용자는 주어진 요소들을 서로 다른 방식으로 결합하여 시간에 따라 정렬할 수 있음.
• 이는 아마도 게임이나 어떤 창의적 활동을 위한 인터페이스를 설명하고 있는 것으로 보임.

GN⁺의 의견

• 이 글은 사용자가 기본적인 요소들을 조합하여 새로운 것을 창조하는 인터랙티브한 활동을 소개하고 있음.
• 창조적 사고를 자극하고, 다양한 조합을 통해 새로운 결과물을 탐색하는 과정이 흥미롭고 교육적일 수 있음.
• 이러한 활동은 게임, 교육 프로그램, 혹은 창의력을 키우는 툴로서 사람들에게 도움이 될 수 있으며, 특히 어린이나 학생들에게 유익할 것으로 보임.

[GN⁺]

Hacker News 의견들

• 친구들과 이미 너무 많이 플레이해서 사이드바의 원소 목록이 감당 안 될 정도로 길어졌고, 콘솔에 짧은 JavaScript를 붙여 넣으면 기본 검색 기능을 추가할 수 있음
  .items div.item을 모아 입력값에 맞지 않는 항목을 숨기고, .sidebar 맨 위에 input을 붙이는 방식임
  • 멋진 방법이고, 원래는 ctrl+f로 찾고 있었음
    지금 1200개 이상 단어가 있어서 목록이 얼마나 다루기 어려워지는지 완전히 이해됨
  • 목록이 너무 길어져서 결국 새로고침을 눌렀는데, 이걸 10분만 먼저 봤으면 좋았겠음
    덕분에 오늘 저녁에 또 30분은 더 빠지게 생김
• 조합 결과를 만드는 데 LLM을 쓰는지 궁금함
  아이템을 합칠 때마다 백엔드 요청을 보내고 가끔 500ms 넘게 걸리며, 누가 일일이 만들었다고 보기 어려운 엉뚱한 조합도 지원함
  아이콘이 이모지인 것도 ChatGPT에게 Fire + Water 결과와 어울리는 이모지를 달라고 하면 쉽게 만들 수 있어서 설명이 됨
  • 이 트윗에 따르면 맞음: https://nitter.cz/nealagarwal/status/1747284257582506102#m
    Nitter가 죽으면 못 볼 수도 있지만, 내용은 “llama 2로 끝없는 제작 게임을 만드는 중”이고 이 게임 영상이 붙어 있었음
  • 쓸데없고 바보 같은 웹페이지를 좋아한다면 이것도 있음: https://sharkle.com
  • 이런 프로젝트에 LLM은 과한 느낌이고, word2vec으로도 되지 않나 싶음
  • 그래서 “Super volcano”와 “Supervolcano”를 둘 다 얻을 수 있었던 것 같음
  • LLM 추론의 멍청함 때문에 흥이 깨졌음
    Fossil + Fire = Dinosaur라니, 뭐 좋음
• 처음엔 이해가 안 됐고 브라우저에서 깨진 줄 알았음
  4종류 아이템을 떠 있는 격자로 끌어다 놓으면 선으로 연결되지만 아무 일도 안 일어났음
  알고 보니 아이템을 서로 겹치게 끌어다 놓아야 바뀌는 것이었고, 안내가 불명확했음
  • 멍청한 게 아니라, 인터페이스가 불명확한 정도를 넘어 해야 할 행동의 반대를 암시함
    Don Norman의 The Design of Everyday Things에서 배운 가장 좋은 교훈 중 하나가 사용자는 거의 멍청하지 않고 인간일 뿐이며, 물건이나 프로그램을 어떻게 써야 하는지 이해하게 만드는 책임은 설계자에게 있다는 것임
    여기서는 기존 점들 사이로 아이템을 끌어 “별자리”를 이어가라는 식으로 보이고, 라벨을 서로 겹치라는 신호는 전혀 없음
    오히려 겹치면 라벨이 포개져 가려질 것이라는 기존 경험 때문에 피하게 되고, 근처 점과 라벨 사이에 그려지는 선은 그래프처럼 연결하는 게임이라는 인상을 더 강하게 줌
    댓글을 보러 오지 않았다면 아이템을 서로 겹쳐 끌어다 놓을 생각은 못 했을 듯
  • 선들은 오도하는 요소라서 제거해야 함
    작은 움직이는 점들로 이어지는 선이 대체 뭘 하는지도 아직 모르겠음
  • 전혀 멍청한 게 아니고, 실제로 꽤 불명확함
  • 안내가 빠져 있어서 Firefox가 지원되지 않는다고 착각하기 쉬웠음
    같은 나쁜 경험을 했음
  • 처음엔 여러 아이템으로 기하학적 배열을 만드는 줄 알았음
    물을 불 5개가 원처럼 둘러싸게 해도 아무 일도 없었고, HN 댓글을 보고 나서야 아이템을 조합해야 한다는 걸 알게 됨
• https://littlealchemy.com 또는 https://littlealchemy2.com와 매우 비슷함
  • 처음엔 나도 차이를 몰라서 헷갈렸지만, 이건 LLM으로 훨씬 더 많은 조합을 허용한다는 점이 Neal.fun식 변형으로 보임
    페이지 자체에 그 점이 조금 더 명확히 적혀 있었으면 좋겠음
  • 맞음, 뭘 떠올리게 하는지 기억이 안 났는데 바로 Little Alchemy였음
    거기에 얼마나 많은 시간을 썼는지 모르겠음
  • 어릴 때 가장 좋아하던 온라인 게임 중 하나였고, 같은 말을 하러 왔음
  • Doodle God도 매우 인기 있었음
• Macromedia/Adobe Flash 전성기에 여러 회사, 개발자, 책 저자를 위해 유령 개발자처럼 일했음
  한 번은 교사가 아이들에게 주로 인체 해부학을 가르칠 수 있는 학습 레슨 묶음을 만들어 달라는 의뢰를 받았는데, 별도 레슨을 만드는 대신 교사가 여러 조합과 순열을 드래그 앤 드롭해 거의 무한한 레슨 변형을 만들 수 있는 생성 도구를 만들었음
  최종 고객은 Pearson Publishing이었고, 상도 받았다고 들었음
  의뢰인은 좋은 사람이어서 원래 생각보다 더 나은 버전을 만든 데 대해 추가 비용도 지불했음
  그 도구도 여기 게임이나 댓글에 나온 몇몇 도구와 비슷했지만, 전부 ActionScript Flash로 만들었고 소리, 웃음 트랙, 계속 늘어나는 신체 부위 스프라이트까지 들어간 재미있고 보람 있는 제품이었음
  • Flash와 그때 가능했던 멋진 기능들이 그리움
    예전 회사에서 교사가 학생의 애니메이션 과제를 보여 주고, 되감고, 주석을 달면서 동시에 영상 리뷰를 녹화할 수 있는 도구를 만들었음
    재생할 때는 주석이 영상과 동기화됐는데, JavaScript로 그걸 하려면 쉽지 않을 것 같음
• 새로고침하면 게임 상태가 사라져서, 원소 목록을 내보내는 콘솔 스니펫을 만들었음
  window.$nuxt..._data.discoveries와 elements를 JSON으로 출력하는 방식이고, 다시 가져오는 방법은 나중에 보려고 했지만 지금은 자정이 넘었음
  • 상태는 JSON 출력을 변수에 넣은 뒤 _data.elements와 _data.discoveries에 다시 대입하면 가져올 수 있음
  • 발견 목록에 Leviathan Shark, Burnzilla, Cybersharktopus, T-48000050, T-121800051 + T-160000 같은 것들이 나왔음
    자기복제 AI를 우연히 발견한 것 같고, 이모지는 로봇에서 우주, 다시 똥 이모지로 바뀌었음
    지금 우리가 어느 단계의 AI에 있는지 궁금해짐
• 모든 조합을 눌러 보는 더 나은 방법이 있으면 알려줬으면 함
  지금은 mobile-item을 순회하며 두 아이템을 클릭하고, setInterval 500ms 지연으로 진행 상황을 문서 제목에 표시하는 스크립트를 쓰고 있음
  지연 말고 다른 방법을 찾는 게 TODO임
  • 상태를 줄일 수 있을 것 같음
    원소별 maxElementReached를 추적하기보다, 처음 n개 원소에 대한 단일 maxElementReached만 유지하면 됨
    처음 n개 원소를 함께 앞으로 밀고, 그 집합의 가능한 조합을 모두 소진할 때마다 n을 1 늘리는 방식임
    의사코드로는 n = 1, maxElementReached = -1에서 시작해, 다음 원소와 처음 n개를 모두 조합하고, 새 원소를 따라잡게 한 뒤 n을 늘리면 됨
  • GPT-4가 줄여 준 축약 버전도 있음
    어떻게 작동하는지는 잘 모르겠지만 원래 스크립트와 같은 흐름으로 보임
  • 고마움, 스크립트를 거의 20시간 돌렸고 One Does Not Simply Walk Into Mordor를 포함해 3000개 아이템을 발견했음
• 이게 실제 게임이면 좋겠음
  만들 목표 아이템을 계속 보여 주고, 거기에 도달하려면 기존 아이템 2~3개를 단계적으로 제작해야 하는 식이면 재미있을 듯함
  예를 들어 기존 두 개를 합친 뒤 세 번째와 합치거나, 두 쌍을 각각 합친 다음 그 결과끼리 합치는 식임
  진행하면서 아이템이 늘어날수록 점점 복잡해지고, 매번 플레이할 때는 무작위로 바뀌면 좋겠음
  터치패드에서 드래그는 금방 지겨워지니, 입력할 때 자동완성으로 아이템을 고르는 키보드 전용 플레이도 가능했으면 함
  • 이런 형식의 휴대폰 게임이 몇 개 있었던 기억이 있음
    원소를 합쳐 다른 것을 만들고, 그걸 다시 다른 것에 쓰는 방식임
    검색해 보니 Little Alchemy였고 후속작도 있음
  • Scribblenauts를 좋아할 것 같음
    https://en.wikipedia.org/wiki/Scribblenauts
  • 예전에 비슷한 게임을 했는데 cow evolution:idle merge game이라는 이름이었음
    무작위는 아니었고 보상 상자식으로 설계돼 있었으니, 정확히 원하는 것과는 조금 다를 수 있음
  • Doodle God이 정확히 이런 식으로 동작함
    아주 만족스럽고 완성도도 높음
• 내가 한 첫 발견 몇 가지가 있음
  Frankenstein + angel = Angelstein, 이후 Angelstein + Baby = Angelina Jolie가 됐고, Dangerous + Sherlock Holmes = Moriarty, Dark Law + us Constitution = Dark Constitution, Thor + Guardian = Heimdall, Avengers + Multiverse = Endgame, Cleanest + Terminator = Cleaninator 같은 결과가 나왔음
  재미있는 조합으로는 us America + hole = Donut, Money Water -> Vodka + Casino => Roulette + Vodka -> Russian Roulette + Certainty -> Suicide, Toxic Waste + batman -> The Joker, Divorce + Ex-wife => Splitting headache, Time Travel + Iron Man -> Terminator, Government + Terminator -> Robocop, Terminator + Divorce -> Arnold Schwartzenegger가 있었음
  헷갈리는 조합으로는 Darth vader + Toxic Waste => Superman?, Pirate + Superman => Captain America가 있었음
  • 전혀 헷갈리지 않는 조합도 있었음
    Lincoln + Wife = Lincoln's wife라니, 예상했어야 했음
• 괴수 토끼굴에 빠져서 만든 몬스터들이 있음
  Dragon + Lazer = Dragonzord, Dragonzord + Sandpunk = Sandzord, Dragon-Rex + Hippopotamus = Hippodragon, Hippodragon + Mega Dragonzord = Mega Hippodragonzord, Mega Hippodragonzord + Flying Circus = Mega Flying Circus Hippodragonzord, Zombie + Mega Dragonzord = Zombie Dragonzord, Swan + Megazord = Swan Megazord 같은 식임
  점점 말도 안 돼질수록 더 재미있고, Dragonzord 이후는 모두 첫 발견이었음
  • 내 연구에도 관심이 있을지 모르겠음
    Ultrazord + lord of the salad = saladzord, Dragonzord + Godzilla = godzord, Godzord + lord of the salad = Godzord of the salad, Lord of the rings + godzord = gozord of the rings, Godzord of the salad + godzord of the rings = godzord of the salad rings, Godzord of the Caribbean + donkey Kong = donkey kongzilla, Megazord + megazord = mega megazord, Donkey kongzilla + mega megazord = donkey kongzilla megazord까지 갔음
    lord of the salad가 어떻게 나왔는지는 잊어버림
  • 이런, Sandy Hook + Cereal Killer = Adam Lanza가 나옴
  • 곁가지로, 합쳐지지 않는 호환 불가 단어들도 있음
    지금까지 찾은 건 Dragon + Angel, Train + Star, Fish + Yin Yang, Orc + Ninja임