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?

まず、リンクされた GIF と、画像を分割するために要求されている p5.js の動作を確認します。1 枚の画像を 4 つの部分に分割して表示することを範囲として定義し、その後、アニメーションまたは動画／webcam 入力を同じ例に含めるかどうかを判断します。動作が明確に実証され、最適化やバリエーションがあれば文書化されている状態を完了とします。

索引モデルが issue の本文から書いたものです。