# Debug with Editor

**URL:** <https://discourse.processing.org/t/debug-with-editor/25327>\
**Category:** Coding Questions\
**Created:** [November 10, 2020, 5:34pm UTC](https://discourse.processing.org/t/debug-with-editor/25327 "2020-11-10T17:34:26Z")\
**Posts on this page:** 20\
**Page:** 3

<div class="post-metadata">

**Author:** ![cpw](https://avatars.discourse-cdn.com/v4/letter/c/ba8739/32.png) [@cpw](https://discourse.processing.org/u/cpw)\
**Post date:** [November 12, 2020, 3:05pm UTC](https://discourse.processing.org/t/debug-with-editor/25327/41 "2020-11-12T15:05:49Z")

</div>

Thanks. Is Console support to be showing. It does not display.

![image001.jpg](https://canada1.discourse-cdn.com/flex036/uploads/processingfoundation1/original/2X/2/2485d26919316b1d80aa60f5ca8e2cb5bc0275fe.jpeg)

![image002.jpg](https://canada1.discourse-cdn.com/flex036/uploads/processingfoundation1/original/2X/5/52e3d8429dc9df354e80745a95a85b3abf8eb09e.jpeg)

---

<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:** [November 12, 2020, 3:07pm UTC](https://discourse.processing.org/t/debug-with-editor/25327/42 "2020-11-12T15:07:51Z")

</div>

runs here, yes Console word shows up

> **[p5.js Web Editor](https://editor.p5js.org/Chrisir10/sketches/93l6ddoEv)**

---

<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:** [November 12, 2020, 3:28pm UTC](https://discourse.processing.org/t/debug-with-editor/25327/43 "2020-11-12T15:28:33Z")

</div>

A nice twist would be that the letters of “Console” fly in separately one after another C - o - n - …

---

<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:** [November 12, 2020, 3:33pm UTC](https://discourse.processing.org/t/debug-with-editor/25327/44 "2020-11-12T15:33:49Z")

</div>

` text1Y -= speed1;`  
same as  
` text1Y = text1Y - speed1;`

see [https://www.processing.org/reference/subtractassign.html](https://www.processing.org/reference/subtractassign.html)

from the processing reference: [https://www.processing.org/reference/](https://www.processing.org/reference/)

have a look here: [https://editor.p5js.org/Chrisir10/sketches/zL0bR\_E2A](https://editor.p5js.org/Chrisir10/sketches/zL0bR_E2A)

> **[p5.js Web Editor](https://editor.p5js.org/Chrisir10/sketches/zL0bR_E2A)**

---

<div class="post-metadata">

**Author:** ![cpw](https://avatars.discourse-cdn.com/v4/letter/c/ba8739/32.png) [@cpw](https://discourse.processing.org/u/cpw)\
**Post date:** [November 12, 2020, 11:08pm UTC](https://discourse.processing.org/t/debug-with-editor/25327/45 "2020-11-12T23:08:01Z")

</div>

I so agree.

![image001.jpg](https://canada1.discourse-cdn.com/flex036/uploads/processingfoundation1/original/2X/2/2485d26919316b1d80aa60f5ca8e2cb5bc0275fe.jpeg)

---

<div class="post-metadata">

**Author:** ![cpw](https://avatars.discourse-cdn.com/v4/letter/c/ba8739/32.png) [@cpw](https://discourse.processing.org/u/cpw)\
**Post date:** [November 12, 2020, 11:08pm UTC](https://discourse.processing.org/t/debug-with-editor/25327/46 "2020-11-12T23:08:50Z")

</div>

Yes that worked. Thanks.

![image001.jpg](https://canada1.discourse-cdn.com/flex036/uploads/processingfoundation1/original/2X/2/2485d26919316b1d80aa60f5ca8e2cb5bc0275fe.jpeg)

![image002.jpg](https://canada1.discourse-cdn.com/flex036/uploads/processingfoundation1/original/2X/1/105e8b67301036f67de4a386f2fc592d982dbad2.jpeg)

---

<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:** [November 12, 2020, 11:14pm UTC](https://discourse.processing.org/t/debug-with-editor/25327/47 "2020-11-12T23:14:22Z")

</div>

Looks much better now!

Background image

2 images floating in

Font is Times now

---

<div class="post-metadata">

**Author:** ![cpw](https://avatars.discourse-cdn.com/v4/letter/c/ba8739/32.png) [@cpw](https://discourse.processing.org/u/cpw)\
**Post date:** [November 12, 2020, 11:21pm UTC](https://discourse.processing.org/t/debug-with-editor/25327/48 "2020-11-12T23:21:33Z")

</div>

Or be able to get the letters rotate around and end up at the final position.

![image001.jpg](https://canada1.discourse-cdn.com/flex036/uploads/processingfoundation1/original/2X/2/2485d26919316b1d80aa60f5ca8e2cb5bc0275fe.jpeg)

---

<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:** [November 12, 2020, 11:37pm UTC](https://discourse.processing.org/t/debug-with-editor/25327/49 "2020-11-12T23:37:14Z")

</div>

Do you see the images?

---

<div class="post-metadata">

**Author:** ![cpw](https://avatars.discourse-cdn.com/v4/letter/c/ba8739/32.png) [@cpw](https://discourse.processing.org/u/cpw)\
**Post date:** [November 13, 2020, 1:50am UTC](https://discourse.processing.org/t/debug-with-editor/25327/50 "2020-11-13T01:50:34Z")

</div>

Yes it worked well. I will try and load mine.

![image001.jpg](https://canada1.discourse-cdn.com/flex036/uploads/processingfoundation1/original/2X/2/2485d26919316b1d80aa60f5ca8e2cb5bc0275fe.jpeg)

---

<div class="post-metadata">

**Author:** ![cpw](https://avatars.discourse-cdn.com/v4/letter/c/ba8739/32.png) [@cpw](https://discourse.processing.org/u/cpw)\
**Post date:** [November 14, 2020, 11:05am UTC](https://discourse.processing.org/t/debug-with-editor/25327/51 "2020-11-14T11:05:32Z")

</div>

Hi Chris

Looks like I have been slightly off with my example. Daughter tells me I need to use some particle system to get object animation like the examples below.

She was not impressed with my basic animation it seems. I get how to do backgrounds now I think and text 🙂

Particle system with objects looks a bit more complex do you have any examples?

![image001.jpg](https://canada1.discourse-cdn.com/flex036/uploads/processingfoundation1/original/2X/8/877e07fe6d5e9fbb0ce1c74bb09859e96dd33bd0.jpeg)

![image002.jpg](https://canada1.discourse-cdn.com/flex036/uploads/processingfoundation1/original/2X/7/7c129bd0802f11ed8feabb22ca74745bbb8e3f23.jpeg)

![image001.jpg](https://canada1.discourse-cdn.com/flex036/uploads/processingfoundation1/original/2X/2/2485d26919316b1d80aa60f5ca8e2cb5bc0275fe.jpeg)

---

<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:** [November 14, 2020, 12:57pm UTC](https://discourse.processing.org/t/debug-with-editor/25327/52 "2020-11-14T12:57:26Z")

</div>

Sure.

Check out examples: [https://p5js.org/examples/simulate-particle-system.html](https://p5js.org/examples/simulate-particle-system.html)

see [https://p5js.org/examples/simulate-flocking.html](https://p5js.org/examples/simulate-flocking.html)

---

<div class="post-metadata">

**Author:** ![cpw](https://avatars.discourse-cdn.com/v4/letter/c/ba8739/32.png) [@cpw](https://discourse.processing.org/u/cpw)\
**Post date:** [November 14, 2020, 1:46pm UTC](https://discourse.processing.org/t/debug-with-editor/25327/53 "2020-11-14T13:46:13Z")

</div>

Thanks Chris. So complex. I just want 2-3 objects to move around. Will have to break it down 🙂

![image001.jpg](https://canada1.discourse-cdn.com/flex036/uploads/processingfoundation1/original/2X/2/2485d26919316b1d80aa60f5ca8e2cb5bc0275fe.jpeg)

---

<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:** [November 14, 2020, 5:50pm UTC](https://discourse.processing.org/t/debug-with-editor/25327/54 "2020-11-14T17:50:46Z")

</div>

> [@cpw](#):
>
> Particle system

Don’t think you need this.

Just make them fly in? Diagonally?

Or use 3D?

---

<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:** [November 14, 2020, 7:01pm UTC](https://discourse.processing.org/t/debug-with-editor/25327/55 "2020-11-14T19:01:08Z")

</div>

new page: you can just launch a new html page with another Sketch, I guess, but transition looks not smooth I guess

---

<div class="post-metadata">

**Author:** ![cpw](https://avatars.discourse-cdn.com/v4/letter/c/ba8739/32.png) [@cpw](https://discourse.processing.org/u/cpw)\
**Post date:** [November 14, 2020, 7:03pm UTC](https://discourse.processing.org/t/debug-with-editor/25327/56 "2020-11-14T19:03:13Z")

</div>

That’s fine then. Funny thing is if you change the name from sketch it does not run the changes. WOW !! i spent 30 minutes trying to figue why not.

---

<div class="post-metadata">

**Author:** ![cpw](https://avatars.discourse-cdn.com/v4/letter/c/ba8739/32.png) [@cpw](https://discourse.processing.org/u/cpw)\
**Post date:** [November 14, 2020, 8:49pm UTC](https://discourse.processing.org/t/debug-with-editor/25327/57 "2020-11-14T20:49:46Z")

</div>

> **[p5.js Web Editor](https://editor.p5js.org/cpattenwalker/sketches/vOLyCCKm-)**

Do you know if I need to cut out the images with Photoshop for the circles to go behind them?

---

<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:** [November 14, 2020, 9:53pm UTC](https://discourse.processing.org/t/debug-with-editor/25327/58 "2020-11-14T21:53:04Z")

</div>

I think you can define a color as transparent and save image as png then iirc

---

<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:** [November 15, 2020, 8:56pm UTC](https://discourse.processing.org/t/debug-with-editor/25327/59 "2020-11-15T20:56:26Z")

</div>

here

```auto

function setup() {
  createCanvas(720,350);
  
   ps5video = createVideo('PS5 Trailer.mp4');
    
  ps5video.position(310,90);
  ps5video.loop();
  
  //ps5video.hide();

```

---

<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:** [November 15, 2020, 8:59pm UTC](https://discourse.processing.org/t/debug-with-editor/25327/60 "2020-11-15T20:59:58Z")

</div>

at the moment YOUR sketch with MY changes shows the video

Does it do this in your browser too?

Or is it just for me?

Anyway, I sent you above how to do it

[Previous page](https://discourse.processing.org/t/debug-with-editor/25327.md?page=2)

[Next page](https://discourse.processing.org/t/debug-with-editor/25327.md?page=4)