AI 만으로 Angry Birds의 복제 게임을 만든 엔지니어가 등장

 

 

AI의 실용적인 사용법을 연구하고 있는 자비 로페즈 씨가 AI를 최대한 활용하여 Angry Birds의 복제 게임 "Angry Pumpkins"를 만드는 모습을 투고하고 있습니다.

로페즈 씨가 작성한 게임은 웹브라우저에서 바로 플레이하는 것이 가능합니다. 에디트 모드가 탑재되어 있어, 스스로 스테이지를 작성할 수도 있게 되어 있습니다. 이 게임의 작성에 있어서, 모든 프로그래밍은 GPT-4가 담당하고, 이미지는 Midjourney와 DALL·E로 작성했다고 합니다.

◆그래픽
로페즈 씨는 원래 1년 반에 걸쳐 AI 이미지 생성을 실천하고 있었기 때문에, 게임에 사용할 그래픽의 준비는 가장 간단한 부분이었다고 합니다. 실제로 사용한 프롬프트는 다음과 같습니다.

・타이틀 화면
GPT-4의 DALL·E 3을 사용했습니다.

Photo of a horizontal vibrant home screen for a video game titled 'Angry Pumpkins'. The design is inspired by the 'Angry Birds' game aesthetic but different. Halloween elements like haunted houses, gravestones, and bats dominate the background. The game logo is prominently displayed at the center-top, with stylized pumpkin characters looking angry and ready for action on either side. A 'Play' button is located at the bottom center, surrounded by eerie mist.

 

・배경
Midjourney로 작성했다는 것. 배경용과 지면용으로 1장씩 작성해, 합성하고 있습니다. 배경 프롬프트는 아래와 같습니다.

Angry birds skyline in iPhone screenshot, Halloween Edition, graveyard, in the style of light aquamarine and orange, neo-traditionalist, kerem beyit, earthworks, wood, Xbox 360 graphics, light pink and navy --ar 8:5

 

그리고 지면용으로 사용한 프롬프트는 아래와 같습니다.

2d platform, stone bricks, Halloween, 2d video game terrain, 2d platformer, Halloween scenario, similar to angry birds, metal slug Halloween, screenshot, in-game asset --ar 8:5

 

・캐릭터 및 적
Midjourney로 작성하고 있습니다. 프롬프트는 다음과 같습니다.

Halloween pumpkin, in-game sprite but Halloween edition, simple sprite, 2d, white background

 

Green Halloween monster, silly, amusing, in-game sprite but Halloween edition, simple sprite, 2d, white background

 

・오브젝트
Midjourney에서 다수의 「스프라이트 스타일 시트」를 작성해, Photoshop이나 Photopea를 사용해 배경을 트리밍, 삭제했다는 것. 미세한 부분은 Midjourney의 인페인트 기능을 사용하고 있습니다. 프롬프트는 다음과 같습니다.

Wooden box. Item assets sprites. White background. In-game sprites

Skeleton bone. Large skeleton bone. Item assets sprites. White background. In-game sprites

Rectangular stone. Item assets sprites. White background. In-game sprites

Wooden box. Large skeleton bone. Item assets sprites. White background. In-game sprites

Item assets sprites. Wooden planks. White background. In-game sprites. Similar to Angry Birds style

 

◆ 프로그래밍
Angry Pumpkins의 소스 코드는 600행 정도밖에 안 됩니다만, 제법 작성이 어려웠다고 합니다. GPT-4라도 프롬프트 하나로 완전한 게임을 만들 수 있는 것은 아니기 때문에, 단순한 베이스 코드로부터 차례로 확장해 나갈 필요가 있었다는 것.

 

로페즈 씨가 실제로 사용한 프롬프트의 예는 이런 느낌.

Can we now create a simple game using matter.js and p5.js in the style of "Angry Birds"? Just launch a ball with angle and force using the mouse and hit some stacked boxes with 2D physics.

 

그리고 베이스가 되는 코드로부터 보다 많은 기능을 계속 붙여나가고, 문제가 발생할 때마다 미스를 수정해 줍니다. 이 파트에서는 제법 ​​많은 인내력이 필요했다는 것.

Now, I ask you: do you know how the birds are launched in Angry Birds? What the finger does on the screen? Exactly. Add this to the game, using the mouse.

I have this error, please, fix it: Uncaught ReferenceError: Constraint is not defined

I would like to make a torch with particle effects. Can it be done with p5.js? Make one, please.

Now, make the monsters circular, and be very careful: apply the same technique that already exists for the rectangular ones regarding scaling and collision area, and don't mess it up like before.

 

특히 코드의 생성에 애를 먹은 것이 아래의 부분이었다고 합니다.

There's something off with the logic that calculates when there's a strong impact on a bug. If the impact is direct, it works well, but not if it's indirect. For example, if I place a rectangle over two bugs and drop a box on rectangle, even though the bugs should be affected by the impact, they don't notice it. What can we do to ensure they also get affected when things fall on top of a body they are under? 

 

이러한 작업의 결과로, 로페즈는 거의 AI의 힘만으로 Angry Birds의 복제 게임을 만드는 데 성공했습니다.

덧붙여 소셜 뉴스 사이트의 Hacker News에서는 실제 Angry Birds의 프로젝트 매니저였다는 인물이 코멘트하고 있어, 「AI 기술의 현재 상태에서 히트작을 생성할 수 없다는 것은 분명하다」라고 말하며, 완성품을 제작하기에는 아직 성능이 많이 부족하다고 지적하면서 "아이디어와 프로토 타입으로 빠르게 게임을 만들어보는 점에 있어서 이것은 게임체인저가 될 것입니다. 아주 많은 도움이 됩니다.」라고, 프로토 타입을 빠르게 만들 수 있다는 점을 높게 평가하였습니다.