Trinkle devlog part 1
There’s a Triangle in the Night Sky for Each Season.
1. A Notebook Game from Middle School
When I was in middle school, during break time, friends would bring their notebooks and ask me to play this game. First, we’d open the last page of the notebook and dot it with lots of points. Then, taking turns with a friend, we’d connect the points to draw line segments one by one. When you made a triangle, you’d mark it as your territory. When the screen was full of triangles, we’d count who drew more, and whoever drew the most would win. It was so addictive that we played it for quite a while.2. Designing the Game Screen – From Notebook to Night Sky to Chalkboard
It starts with creating the game screen. My first thought was to draw lines like a notebook for a nostalgic feel, and to make the scoreboard background transparent so the score would look like it was written in a notebook.Then I thought of a night sky concept and laid down a background with night sky colors. Then I suddenly thought about putting a photo of the night sky as the background, but when you look closely at the night sky, it’s kind of scary (is it just me?), so I just used night sky colors. Later, it changed to chalkboard color to match the Soosooland concept.
3. The Art of Placing Points
And then I had to place the points. I needed to spread the points evenly across the entire screen so they wouldn’t lean to one side, but also wouldn’t be arranged regularly, and wouldn’t stick together. So thinking of the screen as having xy coordinates, I made the center of gravity of the points come to the center, set a minimum distance between points, and randomly threw stars several times until they met the conditions, then the stars would be fixed and the game would start.4. Building the Two-Player Game with Claude
After the game was named Trinkle and failed to create a battle with NPC, this is the chat window where I talked with Claude when making the two-player game. Since Claude has no memory, in a new chat window, you have to return to the beginner’s mind.Soosoo: I’m going to make a game screen, let’s discuss it first.
Claude: If you tell me what kind of game you want to make, I’ll design the screen for you.
Soosoo: The game name is Trinkle, it’s a combination of twinkle and triangle.
Claude: That’s a cool name. (Then it suggested several ideas) If you have any ideas about the game’s goal or rules, let me know.
Soosoo: First, there are points scattered evenly across the screen.
Claude: How would you like the points to look? (Suggests point style, arrangement, number, and size)
Soosoo: The points can just be round dots.
Claude: I’ve created Trinkle’s basic screen. (Gives code. 25 points twinkle)
Soosoo: You placed the points wrong. Let’s discuss first. Please scatter just 8 points evenly.
Claude: What are you going to do with the 8 points? I think I need to know that to place them correctly.
Soosoo: We need a minimum distance. I’m going to connect points to make line segments.
Claude: Ah, I understand. How should we draw the line segments? How much should the minimum distance between points be?
Soosoo: The minimum distance should be about 25 percent of the screen. Two users take turns connecting points to draw line segments, and they draw different colored lines depending on the user.
Claude: (Asked about the game rules.)
Soosoo: (Explained the game rules) When you draw a triangle, the turn doesn’t change. And make sure the points aren’t covered by the scoreboard. I think I’ve explained almost everything, let me confirm if you understood.
Claude: (Summarized the game rules)
Soosoo: Perfect.
(Omitted)
Claude: (Gives new code version 5)
Soosoo: When I put it in koder, only the title shows.
Claude: (Gives new code version 6)
Soosoo: The scoreboard position is wrong. That’s not important so fix it slowly, but I can’t draw lines.
Claude: (Gives new code version 7)
Soosoo: The lines draw well. Make it responsive — 8 points on phones, 12 on monitors please.
Claude: (Gives new code version 8)
Soosoo: After making it responsive, the lines won’t draw.
Claude: (Gives new code version 9)
Soosoo: It draws triangles well. When I draw a quadrilateral, the turn passes. Good.
Claude: Are there any features you’d like to improve or add?
Soosoo: Can we make the detection range large even though the point size is small?
Claude: (Gives version 10 code)
Soosoo: The points are covered by the game board, but it’s okay if one or two aren’t visible. While playing the game, a problem occurred — when you draw a quadrilateral and the turn passes, if the opponent draws a diagonal to make two triangles, they should own both triangles, but only one is being recognized.
(Omitted)
Claude: (Gives version 13 code)
The chat window ended.
5. What Remains
I kept organizing the chat windows so there’s not much left.🪄 Dev log originally written in Korean | Translated with Claude
**[Trinkle devlog part 2]**
- English(영어): https://soosooland2025.blogspot.com/2025/11/trinkle-devlog-part-2.html
- Korean(한글): https://soosooland2025.blogspot.com/2025/11/2.html
댓글