Оффлайн
- Регистрация
- 9 Май 2015
- Сообщения
- 1,483
- Баллы
- 155
Theres something about summer that makes us want to slow down, kick back, and let things flow a little more freely. In software development, a similar spirit has been bubbling up lately under the banner of vibe coding: letting ideas unfold naturally, without overthinking, just enjoying the process.
And what better way to capture that feeling than with a lighthearted projecta Pong clone with a summery twist, affectionately named SummerBall.
This project started as a casual experiment with . I asked it to generate a Delphi VCL application for a Pong-style game. Within moments, I had a working Delphi VCL Windows desktop app. Out of curiosity, I then wondered: what if I port this to the web with TMS WEB Core?
To my surprise (and slight amusement), the migration was almost effortless. Thanks to the striking similarity between VCL and , I had SummerBall running in the browser in less than 15 minutes.
What used to be an afternoon coding exercise has now become a kind of holiday breezejust let the AI write the heavy lifting, adjust a few details, and youre already playing your game on the web.
From VCL to the Web in a Breeze
The beauty of this experiment is how seamlessly the same logic translates from a traditional desktop app to the browser. In the VCL app, we render the game on a TPaintBox with a TTimer driving the action. Switch to TMS WEB Core, and its practically déjà vu: youre using the same concepts, but your paintbox is now in HTML5 canvas, and your timer ticks just as happily in JavaScript land.
And the footprint? The entire generated JavaScript code is just 345KBin todays web world, thats virtually nothing. Your browser hardly has time to yawn before the game is loaded.
Heres a small snippet from the VCL version that shows the structure of the game loop:
And heres how the drawing works:
Now, imagine dropping this code into TMS WEB Core. You still paint, you still tickonly now it compiles into JavaScript and runs in the browser. Thats the magic of Delphis component model and the philosophy behind TMS WEB Core: familiar APIs, modern reach.
Play SummerBall
Enough talkwhy not play it yourself?
If you prefer to tinker, extend, or just see how AI-aided vibe coding looks in Pascal, the full source code for both the VCL app and the TMS WEB Core app is available here:
Summer Coding Reflections
The story of SummerBall isnt just about Pong. Its about how AI is reshaping the way we code. What once took hours to architect and debug can now be spun up in minutes with the help of a conversational AI partner. And thanks to frameworks like Delphi VCL and TMS WEB Core, moving between desktop and web has become more of a vacation stroll than a mountain climb. At the same time, the experiment shows AI isn't perfect. The ChatGPT generated VCL code contains a warning:
[Hint] USummerBallWEB.pas(259): Local variable "newSpeed" is assigned but never used
and I explicitly left it there
So grab your shades, let the summer vibes inspire you, and maybe even take SummerBall for a spin. After all, the code is yours to play withmake the paddles glow, add power-ups, or turn it into a multiplayer beach party. Or take up the challenge (with our without AI assistance) to make the game that originally is from the keyboard only area, touch-aware so it is also playable on a mobile device. The vibe is yours to ride!
Written by Bruno Fierens, inspired by AI, sunshine, and the joy of simple games.
And what better way to capture that feeling than with a lighthearted projecta Pong clone with a summery twist, affectionately named SummerBall.
This project started as a casual experiment with . I asked it to generate a Delphi VCL application for a Pong-style game. Within moments, I had a working Delphi VCL Windows desktop app. Out of curiosity, I then wondered: what if I port this to the web with TMS WEB Core?
To my surprise (and slight amusement), the migration was almost effortless. Thanks to the striking similarity between VCL and , I had SummerBall running in the browser in less than 15 minutes.
What used to be an afternoon coding exercise has now become a kind of holiday breezejust let the AI write the heavy lifting, adjust a few details, and youre already playing your game on the web.
From VCL to the Web in a BreezeThe beauty of this experiment is how seamlessly the same logic translates from a traditional desktop app to the browser. In the VCL app, we render the game on a TPaintBox with a TTimer driving the action. Switch to TMS WEB Core, and its practically déjà vu: youre using the same concepts, but your paintbox is now in HTML5 canvas, and your timer ticks just as happily in JavaScript land.
And the footprint? The entire generated JavaScript code is just 345KBin todays web world, thats virtually nothing. Your browser hardly has time to yawn before the game is loaded.
Heres a small snippet from the VCL version that shows the structure of the game loop:
And heres how the drawing works:
Now, imagine dropping this code into TMS WEB Core. You still paint, you still tickonly now it compiles into JavaScript and runs in the browser. Thats the magic of Delphis component model and the philosophy behind TMS WEB Core: familiar APIs, modern reach.
Play SummerBallEnough talkwhy not play it yourself?
If you prefer to tinker, extend, or just see how AI-aided vibe coding looks in Pascal, the full source code for both the VCL app and the TMS WEB Core app is available here:
Summer Coding ReflectionsThe story of SummerBall isnt just about Pong. Its about how AI is reshaping the way we code. What once took hours to architect and debug can now be spun up in minutes with the help of a conversational AI partner. And thanks to frameworks like Delphi VCL and TMS WEB Core, moving between desktop and web has become more of a vacation stroll than a mountain climb. At the same time, the experiment shows AI isn't perfect. The ChatGPT generated VCL code contains a warning:
[Hint] USummerBallWEB.pas(259): Local variable "newSpeed" is assigned but never used
and I explicitly left it there
So grab your shades, let the summer vibes inspire you, and maybe even take SummerBall for a spin. After all, the code is yours to play withmake the paddles glow, add power-ups, or turn it into a multiplayer beach party. Or take up the challenge (with our without AI assistance) to make the game that originally is from the keyboard only area, touch-aware so it is also playable on a mobile device. The vibe is yours to ride!
Written by Bruno Fierens, inspired by AI, sunshine, and the joy of simple games.