Coding Challenge - Image Splitter

Hi Daniel!

I've recently binged watched most of your videos as I've been tinkering with P5.js.

I have a coding challenge request, but with a twist - I'v already done it. But, I'd like to see your approach and if you had any variation on it.

The challenge is to replicate what happens in this GIF - https://i.imgur.com/w59YRy5.gifv

Take a single image, then split it vertically and then split the result horizontally to be left with 4 images made from parts of the original image.

I have achieved this for an image, displaying the resulting images in a 2x2 grid (the GIF arranges them all in a row).

I'd love to see how you tackle this, showing how it could be optimised, animated etc, and maybe even look at using a video or webcam input?

Commencez par examiner le GIF lié et le comportement demandé de p5.js pour le découpage d’une image. Définissez la portée autour du découpage d’une image en quatre parties et de leur affichage, puis décidez si l’animation ou l’entrée vidéo/webcam doit faire partie du même exemple. Le travail est considéré comme terminé lorsque le comportement est clairement démontré et que toute optimisation ou variation est documentée.

Rédigé par le modèle d'indexation à partir du texte de l'issue.