In de auteurstool van LesLinq is het mogelijk om verschillende elementen met elkaar te groeperen. Hiermee kan je bijvoorbeeld een template maken of snel alle elementen uit een groep dezelfde eigenschappen geven.

Je groepeert elementen door ze (met de Shift toets ingedrukt) te selecteren. Vervolgens ga je naar het property panel en klik je op ‘GROUP SELECTED ITEMS’ of je gebruikt de sneltoetsen:
Ctrl + g -> Geselecteerde elementen groeperen
Ctrl + Shift + g -> Geselecteerde elementen degroeperen
Het is belangrijk om te weten dat groepen zich anders gedragen dan losse elementen. Hieronder meer uitleg.

Het groepsframe

• Rondom een groep staat een groepsframe. Dit bepaalt de begrenzing van alle elementen binnen de groep.
• Je kunt het groepsframe met de muis vergroten of verkleinen zodat het past bij de elementen erin. Let op: door het frame met de muis te schalen, schaal je niet de elementen in de groep.
• Het groepsframe beïnvloedt de positionering en animaties

Een groep schalen

Om een groep inclusief alle elementen te verkleinen of vergroten:

• Ga je naar het Property panel
• Navigeer je naar de sectie Transform
• Pas je daar de schaal aan

Groepen gebruiken voor animaties

Meerdere animaties toepassen

Een enkel element kan maar één animatie tegelijk hebben (bijv. fade, slide of zoom). Door elementen te groeperen, kan je er meerdere animaties aan koppelen. Dit werkt als volgt:

• Pas de eerste animatie toe op het element (bijv. Zoom)
• Maak een groep van het element
• Pas een tweede animatie toe op de groep (bijv. Fade)

Optioneel:

1. Maak een nieuwe groep van de vorige groep
2. Voeg een derde animatie toe (bijv. Path animation)

Gedrag van animaties met groepsframes

Wanneer je animaties gebruikt zoals:

• Inschuiven van bovenaf (slide in from top)
• Uitschuiven naar links (slide out from left)

wordt het groepsframe gebruikt als referentiekader. De animatie start of eindigt buiten het groepsframe en niet buiten het werkgebied (canvas)

Animaties uitlijnen met het werkgebied

Als je wilt dat animaties starten of eindigen buiten het werkgebied pas dan het groepsframe aan, zodat deze overeenkomt met de grootte van het werkgebied.

Dit doe je door:

• Het groepsframe handmatig te vergroten door je muis te slepen
• Of door het gebruik van "Fit to Page" in de snelle werkbalk

⚠️ Let op: je moet eerst de groep verlaten voordat je deze aanpassingen maakt

Bewegingsgedrag binnen groepen

De start van animaties (zoals slide in) die je op elementen binnen een groep toepast zijn gerelateerd aan het groepsframe, niet aan het werkgebied (canvas). Dit kan invloed hebben op hoe de animatie verschijnt, bijvoorbeeld als het groepsframe een bepaald formaat of een afwijkende positie heeft.

Speciale functies van LesLinq-groepen

• Templates:
  worden aangemaakt via de groepsfunctionaliteit
• Actions:
  Je kunt Actions koppelen aan een groep in plaats van aan afzonderlijke elementen. Dit is handig wanneer je de Action op meerdere elementen tegelijk wilt toepassen
• Positionering (instellen ankerpunt):
  Het gebruik van groepen geeft je controle over de positie / het registratiepunt. Dit is vooral van toepassing bij padanimaties.

Voorbeeld:
Stel dat je wilt dat een specifiek deel van een object (bijv. de bovenkant van een kabelbaan) een pad volgt. Dit werkt als volgt:

• Maak een groep aan
• Pas (indien gewenst) het groepsframe aan
• Stel het registratiepunt in op de gewenste positie. Dit doe je via het Property panel. Als je naar beneden scrollt heb je daar de functie ‘Transform origin’. Hiermee stel je het ankerpunt in.
• Koppel de groep aan de padanimatie.

In the LesLinq authoring tool, you can group different elements together. This allows you to create templates, for example, or quickly apply the same properties to all elements within a group.
To group elements, select them while holding the Shift key. Then go to the property panel and click GROUP SELECTED ITEMS, or use the keyboard shortcuts:

Ctrl + G → Group selected elements
Ctrl + Shift + G → Ungroup selected elements

It's important to know that groups behave differently from individual elements. More details below.

The Group Frame

• Every group has a group frame around it. This defines the boundary of all elements within the group.
• You can resize the group frame with your mouse to fit the elements inside. Note: resizing the frame with your mouse does not scale the elements within the group.
• The group frame affects positioning and animations.

Scaling a Group

To scale a group along with all its elements:

• Go to the Property panel
• Navigate to the Transform section
• Adjust the scale there

Using Groups for Animations

Applying Multiple Animations

A single element can only have one animation at a time (e.g. fade, slide, or zoom). By grouping elements, you can attach multiple animations to them. Here's how:

• Apply the first animation to the element (e.g. Zoom)
• Group the element
• Apply a second animation to the group (e.g. Fade)

Optional:

1. Create a new group from the previous group
2. Add a third animation (e.g. Path animation)

Animation Behavior with Group Frames

When using animations such as:

• Slide in from top
• Slide out to the left

the group frame is used as the reference frame. The animation starts or ends outside the group frame, not outside the canvas.

Aligning Animations with the Canvas

If you want animations to start or end outside the canvas, adjust the group frame so that it matches the size of the canvas.

You can do this by:

• Dragging the group frame to resize it manually with your mouse
• Or by using Fit to Page in the quick toolbar

⚠️ Note: You must exit the group before making these adjustments.

Movement Behavior Within Groups

The starting position of animations (such as slide in) applied to elements inside a group is relative to the group frame, not the canvas. This can affect how the animation appears, for example if the group frame has a specific size or an offset position.

Special Features of LesLinq Groups

• Templates:
  Created using the group functionality.
• Actions (Show/Hide):
  You can attach actions to a group instead of to individual elements. This is useful when you want to apply an action to multiple elements at once.
• Positioning (Anchor Point):
  Using groups gives you better control over the position and registration point — particularly useful with path animations.

Example:
Suppose you want a specific part of an object (e.g. the top of a cable car) to follow a path:

Create a group

• Adjust the group frame if needed
• Set the registration point to the desired position via the Property panel — scroll down to find the Transform origin function, which lets you set the anchor point
• Attach the group to the path animationStel dat je wilt dat een specifiek deel van een object (bijv. de bovenkant van een kabelbaan) een pad volgt. Dit werkt als volgt: