ControlP5 Demo

[vsquared]

Demonstrates using cp5 controls in py5. A copy of controlP5.jar must be in 'jars' folder in sketch folder. Jar file on MacOS is at this path: Documents/Processing/libraries/controlP5/library/controlP5.jar

# Uses Imported mode for py5
from controlP5 import ControlP5

this = get_current_sketch()
print(this)

def settings():
  size(400,400)

def setup():
  global slider
  global picker
 
  window_title("DotView Demo")
  cp5 = ControlP5(this)
  slider = cp5.addSlider("slider", 0, 255, 50, 30, 10, 200, 20)
  picker = cp5.addColorPicker("picker",270,10,100,20)
  picker.setColorValue(color(50,155,110))
  
def draw():
  global slider
  global picker
  
  background(209)
  fill(picker.getColorValue())
  circle(200,220,slider.getValue())

Output:

[hx2A]

That works well! I see you are explicitly calling slider.getValue() and picker.getColorValue() to read the values of the controls. That's a good approach to get ControlP5 working with py5 right now.

The thing that doesn't work (that as you demonstrated is not actually necessary) is how to get ControlP5 to automatically update Python variables as the controls change. That's something that does work in Processing-Java. Theoretically it might be possible for that to work in py5, but it would require some code changes to ControlP5 to adapt it to Python's needs.

[villares]

@hx2A How do I get my hands on py5-cmd? Terminal (macos) returns 'command not found'

@vsquared I only get it if my Python env with py5 is active, then it worked for me! (but I'm on Linux)

@hx2A, couldn't it use argparse instead of cmd?

It always looks for a jars subdirectory, relative to the current working directory of the Sketch. In addition, you can set the environment variable PY5_JARS to a directory and it will load from there also.

If you have many sketches using the same libraries you wouldn't want to have lots of repeated subdirectories, so you would have to set the PY5_JARS variable, but this is not easy, and different on each platform and sometimes requires permissions the student won't have (to give you an example, last semester I was teaching on a Windows lab where the terminal was blocked) . Processing solved this by having the libraries folder the user could copy shared things into. I still think a default shared jars directory could make things easier.

[villares]

PS: py5-cmd downloaded the PeasyCam jars for me, but I've struggled for about 20m trying to import it and gave up. I think I did manage to make it work last year, maybe? My memory is terrible lately. But anyway I couldn't do it this time 😭

[hx2A]

@hx2A, couldn't it use argparse instead of cmd?

Sure, that's a reasonable idea. It could a a terminal utility, like py5-util.

If you have many sketches using the same libraries you wouldn't want to have lots of repeated subdirectories, so you would have to set the PY5_JARS variable, but this is not easy, and different on each platform and sometimes requires permissions the student won't have (to give you an example, last semester I was teaching on a Windows lab where the terminal was blocked) . Processing solved this by having the libraries folder the user could copy shared things into. I still think a default shared jars directory could make things easier.

Right, I agree. But where would that shared library go? py5 would need to know this.

You can always call py5_tools.add_jars() to pass your shared directory add jars before importing py5. And the py5-run-sketch util has a -c param to add jars to the classpath. It would be possible for the Thonny plugin to support user preferences for where that shared folder is and then pass the folder to py5-run-sketch with the -c param to add the jars.

PS: py5-cmd downloaded the PeasyCam jars for me, but I've struggled for about 20m trying to import it and gave up. I think I did manage to make it work last year, maybe? My memory is terrible lately. But anyway I couldn't do it this time

Yes, the import statements and names for PeasyCam are a bit unexpected. Look at working code in Processing to see how it is done, and then do the same for py5.

[Maltiec]

Cool! Yeah I had a feeling it would be bad practice. I should have a look at the command and maybe I can find someone willing to help me make that tool work on Windows too?

I know this is no priority but have you considered adding some "py5-shared-jars" folder to the jar search path that people could use to add jars too? It would be handy in case someone is building a py5 extension not in the Processing libraries registry, I suppose.

Things to discuss at the py5 sprint in São Paulo in October maybe. Let me derail this thread a bit more then...

@vsquared & @Maltiec don't you fancy coming to the Brazilian Pycon (Python Brasil) in São Paulo this year?

I'd love to, but I can hardly make some spare time just to write some generative code in python ) hard startup time. Though October.... hmm, may be it's a good time for a vacation )

[hx2A]

Though October.... hmm, may be it's a good time for a vacation

Python vacations are the best vacations in the world

[villares]

😄

import py5
import py5_tools
# on module mode you have to import py5 before other Java based libraries.
from controlP5 import ControlP5  # jars on jars sub-directory

def setup():
    global slider
    global picker

    py5.size(500, 500, py5.P3D)
    #py5.hint(py5.ENABLE_DEPTH_SORT)  # kind of trouble
    #py5.hint(py5.ENABLE_DEPTH_TEST) 

    py5.window_title("3D Demo")

    cp5 = ControlP5(py5.get_current_sketch())
    slider = cp5.addSlider("slider", 0, 255, 150, 30, 10, 200, 20)
    picker = cp5.addColorPicker("picker", 270, 10, 100, 20)
    picker.setColorValue(py5.color(50, 155, 110))

    # This works but doesn't record the widgets! (can be useful!)
    #py5_tools.animated_gif(f'out.gif', duration=0.1, frame_numbers=range(1, 360, 15))

def draw():
    py5.background(209)
    py5.lights()
    s = slider.getValue()
    c = picker.getColorValue()
    with py5.push_matrix():
        py5.translate(py5.width / 2, py5.height / 2)
        py5.rotate_y(py5.radians(py5.frame_count))
        py5.fill(c)
        py5.box(s)

py5.run_sketch()

[vsquared]

Love it!