Been doing a little vibe coding of games for fun to compare Cursor and Windsurf. 

Been using the prompt, "Build x game in html, css, js using the next.js framework," and seeing how the output functions.

Games tried so far:
1. Tic Tac Toe
2. Chess

Both handled Tic Tac Toe with ease. No additional input from me needed.

Chess was different. Both Cursor and Windsurf built a chess game. But using my sole prompt, Windsurf built out a fully featured chess game with move validation, check and checkmate status, move history, captured pieces, styling, etc.

Cursor on the other hand, built the a barebones chess game and then outlined for me the next few milestones which would get me to feature parity with the Windsurf version. Once you worked through the milestones, the two versions were the same. 

Going to keep pushing forward here. Next up is Flappybird (will not use next.js for this one).

Follow up with the next test: Flappy Bird.

Windsurf was significantly better than Cursor here.

Windsurf: 90% success rate
- Design was decent. Bird looked like a bird and pipes had some definition.
- Collision detection was pretty good, but very conservative. If you were close to the pipe, it considered it game over.
- Up and down motion was a little jumpy. Could have been smoother.
- Functional scoring.

Cursor: 50% of the way there
- Design was very basic. The bird was just a ball and pipes were simply green cylinders.
- The pipes don't even appear until about two seconds into the game.
- Collision detection was completely broken. Even if you were to completely avoid a pipe, the game would end.
- Scoring did not work.
- Up and down motion and gravity in general was way smoother than Windsurf though.

building @partydao // writing @ buildingcrypto.xyz // Making crypto consumer friendly

Forgot to include the prompt I used:

"Let's build the game flappy bird using html, css, and javascript with an express server to run the page"