I’m thrilled to introduce PixelStretch by RRON, a compact web app that transforms any photo by stretching a single row or column of pixels across your canvas. I built it using vibe coding alongside p5.js, with the help of both ChatGPT and Gemini to iterate and refine features.
Vibe coding keeps you creative. You stay in the flow. I wrote sketches in a continuous loop, adjusting sliders and controls in real time to see instant visual feedback. With p5.js, loading images, adding interactive UI components, and exporting high‑resolution PNGs became straightforward. The combination of live coding and instant rendering accelerated development and experimentation.
Collaborating with AI agents opened a new frontier in debugging and design. I prompted ChatGPT to draft the initial code, then asked Gemini to polish the user interface. ChatGPT suggested a robust undo/redo history, while Gemini recommended a responsive control bar, demonstrating how different models can debug and improve each other’s work.
You can try PixelStretch yourself and explore the full source on GitHub at PixelStretch by RRON. Get started by uploading an image, choosing your canvas size, and stretching pixels to create unique glitch art and abstract textures.
Below are a few examples I made using PixelStretch. Drag a stretch line, tweak the controls, and see how simple pixel manipulations generate complex patterns.
I invite you to download the code, experiment with your own images, and share your results on social media with the hashtag #RRON. Can’t wait to see what you create!
