# Easycam and gui

**URL:** <https://discourse.processing.org/t/easycam-and-gui/28060>\
**Category:** Libraries\
**Created:** [February 24, 2021, 6:43pm UTC](https://discourse.processing.org/t/easycam-and-gui/28060 "2021-02-24T18:43:49Z")\
**Posts on this page:** 5\
**Page:** 1

<div class="post-metadata">

**Author:** ![Madse20](https://avatars.discourse-cdn.com/v4/letter/m/f6c823/32.png) [@Madse20](https://discourse.processing.org/u/Madse20)\
**Post date:** [February 24, 2021, 6:43pm UTC](https://discourse.processing.org/t/easycam-and-gui/28060/1 "2021-02-24T18:43:49Z")

</div>

I am trying to go a bit deeper into coding and would like to have easycam and a gui working together at the same time. I used easycam and P5gui, but thea seem to block each other.  
I would like to have the **functionality** of **easycam** - seeing and moving the objects in 3D **and** of **a nice gui** being in a moveable extra box or window and able to change some variables without changing the code.  
There is a working example at:  
[https://editor.p5js.org/piecesofuk/sketches/SyO2CqPcG](https://editor.p5js.org/piecesofuk/sketches/SyO2CqPcG)

My intention is “playing” around with some values in the code to see the effects and simultanosly have a better gui layout.  
(In processing i had success with easycam and controlP5, but it seems in general and for sharing code its better continue learning coding in P5.js??? )

---

<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:** [February 25, 2021, 2:45pm UTC](https://discourse.processing.org/t/easycam-and-gui/28060/2 "2021-02-25T14:45:00Z")

</div>

Hello Madse,

first thing for 3D + gui is the HUD (head-up-display)

see [p5.EasyCam/examples/HeadUpDisplay at master · freshfork/p5.EasyCam · GitHub](https://github.com/freshfork/p5.EasyCam/tree/master/examples/HeadUpDisplay)

Hey, and welcome to the forum!

Great to have you here!

Warm regards,

Chrisir

---

<div class="post-metadata">

**Author:** ![Madse20](https://avatars.discourse-cdn.com/v4/letter/m/f6c823/32.png) [@Madse20](https://discourse.processing.org/u/Madse20)\
**Post date:** [February 27, 2021, 9:11am UTC](https://discourse.processing.org/t/easycam-and-gui/28060/3 "2021-02-27T09:11:20Z")

</div>

Thank you for the warm welcome. I will try tomorrow. its nothing for to start with in the editor. I am curious how easy the values from a slider will be passed into. Madse

---

<div class="post-metadata">

**Author:** ![Madse20](https://avatars.discourse-cdn.com/v4/letter/m/f6c823/32.png) [@Madse20](https://discourse.processing.org/u/Madse20)\
**Post date:** [February 27, 2021, 7:35pm UTC](https://discourse.processing.org/t/easycam-and-gui/28060/4 "2021-02-27T19:35:22Z")

</div>

Hi Chrisir, i managed to find out how i can bring to working on processing IDE and VSCode, but dealing with the index.html and css is too heavy for me. I prefer the coding part like the examples from Dan Shiffman…  
Well it is early evening, i will try again.

---

<div class="post-metadata">

**Author:** ![Madse20](https://avatars.discourse-cdn.com/v4/letter/m/f6c823/32.png) [@Madse20](https://discourse.processing.org/u/Madse20)\
**Post date:** [March 5, 2021, 7:45pm UTC](https://discourse.processing.org/t/easycam-and-gui/28060/5 "2021-03-05T19:45:03Z")

</div>

Well, so sorry, i postet the wrong link. This is the right one:  
[https://editor.p5js.org/Madse20/sketches/UYZnnBUn-](https://editor.p5js.org/Madse20/sketches/UYZnnBUn-)