# Cloud Animation - Processing Basics

**URL:** <https://discourse.processing.org/t/cloud-animation-processing-basics/19216>\
**Category:** Coding Questions\
**Tags:** homework\
**Created:** [March 31, 2020, 12:30am UTC](https://discourse.processing.org/t/cloud-animation-processing-basics/19216 "2020-03-31T00:30:54Z")\
**Posts on this page:** 5\
**Page:** 1

<div class="post-metadata">

**Author:** ![Dan99](https://avatars.discourse-cdn.com/v4/letter/d/eada6e/32.png) [@Dan99](https://discourse.processing.org/u/Dan99)\
**Post date:** [March 31, 2020, 12:30am UTC](https://discourse.processing.org/t/cloud-animation-processing-basics/19216/1 "2020-03-31T00:30:54Z")

</div>

Need help, would love to call or share screen of discord with someone who is willing to lend a hand!

I would like to be taught how to

1. Click and drag clouds one at a time. constrained to above horizon. when another cloud is selected,  
cloud resumes its own movement. (clouds bounce of edges or appear from the start again)
2. Raindrops come out of clouds

and perhaps maybe this  
3. Raindrops extinguish when hit ground  
4. Raindrops make a flower (or thematic substitution) grow bigger (or smaller) if they hit

this is mainly through conditionals.

---

<div class="post-metadata">

**Author:** ![debxyz](https://avatars.discourse-cdn.com/v4/letter/d/58956e/32.png) [@debxyz](https://discourse.processing.org/u/debxyz)\
**Post date:** [March 31, 2020, 12:40am UTC](https://discourse.processing.org/t/cloud-animation-processing-basics/19216/2 "2020-03-31T00:40:52Z")

</div>

These two youtube channels are excellent resources for learning Processing basics.  
Based on your outline above, all answers are there.  
Have fun!  
🤓

[https://www.youtube.com/channel/UC\_MvqJnLTBGKFh12VRmIP6g](https://www.youtube.com/channel/UC_MvqJnLTBGKFh12VRmIP6g)

> **[The Coding Train](https://www.youtube.com/user/shiffman/playlists?view=50&sort=dd&shelf_id=2)**
>
> All aboard! The Coding Train is on its way with creative coding video tutorials on subjects ranging from the basics of programming languages like JavaScript to algorithmic art, machine learning, simulation, generative poetry, and more. Choo choo!

---

<div class="post-metadata">

**Author:** ![Dan99](https://avatars.discourse-cdn.com/v4/letter/d/eada6e/32.png) [@Dan99](https://discourse.processing.org/u/Dan99)\
**Post date:** [March 31, 2020, 2:29am UTC](https://discourse.processing.org/t/cloud-animation-processing-basics/19216/4 "2020-03-31T02:29:02Z")

</div>

Im so confused, i get what they are saying but not sure how to complete it.

---

<div class="post-metadata">

**Author:** ![debxyz](https://avatars.discourse-cdn.com/v4/letter/d/58956e/32.png) [@debxyz](https://discourse.processing.org/u/debxyz)\
**Post date:** [March 31, 2020, 2:54am UTC](https://discourse.processing.org/t/cloud-animation-processing-basics/19216/5 "2020-03-31T02:54:33Z")

</div>

> [@Guidelines—Asking Questions](https://discourse.processing.org/t/guidelines-asking-questions/2147):
>
> Summary (TL;DR) Ask complete questions to get better answers! Be specific. For example: I want to load an image. I tried using createImg() , and I expected the image to be on canvas, but what happened instead was the image showing up below the canvas. Isolate your problem and work in small steps. Share only the code directly related to your problem if it is part of a bigger project, and if something isn’t working, try the smallest code that could do the thing you want. Can we run your code to …

Please click on the link above to refer to the Guidelines on how to ask for help on the forum.

> [@Dan99](#):
>
> this is mainly through conditionals.

Also, please take note it is against forum guidelines to provide code solutions to students seeking help with homework assignments.

---

<div class="post-metadata">

**Author:** ![Chrisir](https://yyz2.discourse-cdn.com/flex036/user_avatar/discourse.processing.org/chrisir/32/45_2.png) [@Chrisir](https://discourse.processing.org/u/Chrisir)\
**Post date:** [March 31, 2020, 8:27am UTC](https://discourse.processing.org/t/cloud-animation-processing-basics/19216/6 "2020-03-31T08:27:42Z")

</div>

Unfortunately we cannot do homework as such

Do you have cloud images?

Look at loadImage and image in the reference

Look at the example section of the website for drag and drop

for rain… you would need multiple drops, so either multiple arrays (x,y…) or objects. For both see tutorial section (array and objects are tutorials)