Hello

If you want to add inputs to the patch, you can use Html buttons and the function "onclick".
Something like that:

<button onclick="pd.send ( ' receive01 ' , ' 1 ' )"> 1 <button>
<button onclick="pd.send ( 'receive01 ' , ' 2 ' )"> 2 <button>
<button onclick="pd.send ( 'receive01' , ' 3 ' )"> 3 <button>

Maybe the syntaxe is not exact. See there for more info.

Well done.

Raffaella de Laurentiis - Cre-o leonis Il pleut

All images made in pure data. Editing in Shotcut

Stranger - Cre-o leonis il pleut

Font Keigo Hara.

And another one

Another design.

@EEight , why did you pinned it in "Output~" ?

Dans cette vidéo je montre comment utiliser conjointement pure data et un synté analogique modulaire.

And there the simpliest webpd site I could come up with.

Link :
http://leonisaircraft.go.yj.fr/

The site full code :
Site.zip

You can use it for yourself. Put your image and your patch and your done.

Take some time to read the step-by-step guide nonetheless, it will help you greatly.

By defining areas on the image, you can, in conjonction with onclick and Pd.send() function, create an interactive patch. Note that, not only images, but any part of the site, can be made interactive.

Don't forget that webpd doesn"t feature all pure data objects, only a (large) selection. If your patch doesn't behave as expected, check the list of objects.

Works fine on firefox and safari, and on my cellphone "internet" browser. But not for Chrome who wants a user gesture. Very nice but it means someone will have to put some kind of button for chrome. Thank you @EEight . And Chrome is by far the most popular browser nowaday.

There have been changed since HTML 5 and the "step by step" manual is outdated.

The "script" balise now needs a "type" argument.

See my incredible site : http://leonisaircraft.go.yj.fr/

In all the following videos, only the VISUAL part is made in pure data.

Liberté - Il pleut ( a rythme is a color for your mind )

Beirut - Il pleut

Il pelut - Il Pleut

Since graphics in Pure data are parametrique, you can export high resolution videos and images. You'll need a big screen or a tool to emulate a high resolution.

Nature - Il Pleut

All video made with pure data. One of the patchs used :

explosion.pd

I think you are refering to the pmpd library included into PD-Extended.

This could also be used to controle position of the objects, by affecting, among others parameters, pan and volume.

Like I did in this abstraction but with even more possibilities.

This last version is way easyer to use.

There is an option to simulate a mouse selection and cut it.

This means, you have to store the postition of an object one way or another, instead of the order of creation.

As weird as the option seems to be, it has one quality.

The position on the patch of an object is not changed if you delete another objet. When the position of this object in the creation order is.

Can help avoid headache sometime.

This is a good source of information for dynamic patching.

pd-msg.tar.gz

An object to make "group" panning.
You can experiment by yourselves with those patches.
The idea is that the ears can groupe sound that move together.
And recognize some "pattern" move : scaling, if it get bigger or smaller, rotation, compression, shrinking, stretching...

2dpanner1.4.zip

Archive:
2dpanner1.3.zip
2dpanner1.2.zip
alternative version with
gambilib : 2dpanner.zip

Audio/video example:

To go along wih this panning methode, we'll need a "multipoint" or distributed synthesys.

And a song that feature it, among many other synthesizers.
Plus a a spatialisation patch, a little "something".

You can experiment by yourselves with it there

A wavetable granular synthesizer, using ambisonic spatialisation.

You'll need to edit the granulo abstraction to fit your configuration, and by that I mean the number of speakers you have. See the grambipan help file. You'll also have to add some throw~/catch~ objects and modifiy the dac~in the "closet" subpatch accordingly.

Some informations on the ambisound technic.

CloudMachine2.zip

It uses the gramilib: https://forum.pdpatchrepo.info/topic/9803/grambilib-new-ambisonics-externals-for-pd/8

Data structures ? their main utility is to let you store, organize, and recall, via message or via the gui options they provide, flexible amount of data organized in patterns.

The -f and -s symbol are for using array with data structure. The -k is for the text define object to store its data when you close the patch.