positionner en colonnes
#######################

schéma
******

.. image:: images/colonnes.png

prérequis
*********

``width`` : largeur de la composition en pixels (fourni par After Effects)
``index`` : numéro du calque (de 1 à n)

définir le nombre de colonnes
*****************************

.. code-block:: javascript

   // depuis un effet pour expression situé sur un calque « contrôle »
   var nombre_de_colonnes = Math.round( thisComp.layer("controles").effect("Paramètre glissière")("Curseur") );

id → colonne
************

.. code-block:: javascript

   var colonne = (index - 1) % nombre_de_colonnes;

id → rang
*********

.. code-block:: javascript

   var rang = Math.floor( (index - 1) / nombre_de_colonnes );

calculer la largeur d'une colonne
*********************************

.. code-block:: javascript

   var largeur_colonne = width / nombre_de_colonnes

calculer la marge externe
*************************

.. code-block:: javascript

   var marge_interieure = largeur_colonne / 2;

colonne → x
***********

.. code-block:: javascript

   var x = marge_interieure + colonne * largeur_colonne;

rang → y
********

.. code-block:: javascript

   var y = marge_interieure + rang * largeur_colonne;

au final
********

.. code-block:: javascript

   var nombre_de_colonnes = Math.round( thisComp.layer("controles").effect("Paramètre glissière")("Curseur") );

   var colonne = (index - 1) % nombre_de_colonnes;
   var rang = Math.floor( (index - 1) / nombre_de_colonnes );

   var largeur_colonne = thisComp.width / nombre_de_colonnes
   var marge_interieure = largeur_colonne / 2;

   var x = marge_interieure + colonne * largeur_colonne;
   var y = marge_interieure + rang * largeur_colonne;

   [ x, y ]