Breakout arcade game by AI

I vibe coded breakout using the simplifai plugin. See the result here:

3 Likes

Hi @buggyj dangerously addictive :wink:

2 Likes

wow! – this is totally awesome, @buggyj !! – thank you for sharing the dialogue you had ( Breakout — Vibe coded arcade game ) with the LLM – your patience and creativity in nudging it toward writing code and fixing bugs is wonderful to observe – a great lesson in the potential of AI-human programming partnership! :sunflower:

1 Like

Thanks! It is very interesting working with an AI to produce code after many years of being a programmer.

2 Likes

That’s pretty cool!
I like doing sort of partnered programming with AI. Let it tackle some of the more tedious tasks :slight_smile:

The interesting thing, I wonder how you finally get preact into tiddlywiki widgets, by hand?

And is that async import() and .mjs extension works? If that works, I will gonna use it.

Brilliant example!

I was very sceptical prior to your demo that AI could be used to write ROBUST TW code without days of tweaking.

My question: As a non-programmer, IF I could get good better at “prompts”, could I, via AI, generate decent TW solutions?

@TiddlyTitch I am very much a junior ‘viber’ so I cannot really give any good advise as I am only at the beginning of my AI journey… I do think that this plugin at least will allow us to explore tiddlywiki vibing in a pleasant way.

@linonetwo the unchane plugin implements the async ‘import()’ functionality for mjs tiddlers. There is a pwidget which takes the ‘root’ of a set of preact mjs tiddlers and handles tying it through ‘preact.render’ to a child domnode. I have put a couple of simple examples here: https://preact.tiddlyhost.com/ there is some documention in the plugins readme. There is also a ‘hot reload’ in the unchane/dev plugin.

1 Like