---
contentHash: sha256:063c19721f832252f227ad55ae83a8d386cad63987e8066babfcd4ce627af152
documentId: guide:for-agents-example-cloners
kind: guide
schemaVersion: 1
skenraVersion: 0.1.0-alpha.1
---
# Cloners

<a id="overview"></a>

## Overview

One cloner, three child roles: a content child (what to clone), a points-source child (where the clones go), and a paint child (how the clones look). A cloner with only content renders nothing — it needs a points-source.

Demonstrates: cloner, grid points-source, clone paints, whole-cloner animation.

<a id="scene"></a>

## Scene

```sk
<sk-scene style="width: 100%; height: 420px;">
    <sk-camera-orbit-control fit-targets="auto" fit-margin="0.2"
        azimuth="35deg" elevation="30deg" orient-toward-pivot></sk-camera-orbit-control>
    <sk-perspective-camera focal-length="30"></sk-perspective-camera>
    <sk-directional-light intensity="1" p="70deg" h="30deg"></sk-directional-light>

    <sk-plain-material id="dot-mat" base-color="#d8a24a"></sk-plain-material>

    <!-- One cloner: a content child (what to clone), a points-source child
         (where to put clones), and a paint child (how clones look). -->
    <sk-cloner>
        <sk-sphere radius="0.28"></sk-sphere>
        <sk-grid-points-source count-x="6" count-y="1" count-z="6"
            spacing-x="1" spacing-z="1"></sk-grid-points-source>
        <sk-surface-paint material="#dot-mat"></sk-surface-paint>
        <sk-animation duration="8000ms" iterations="Infinity" easing="linear">
            <sk-keyframe offset="0" h="0deg"></sk-keyframe>
            <sk-keyframe offset="1" h="360deg"></sk-keyframe>
        </sk-animation>
    </sk-cloner>
</sk-scene>
```

---

Related records: [`element:sk-animation`](elements/sk-animation.md), [`element:sk-camera-orbit-control`](elements/sk-camera-orbit-control.md), [`element:sk-cloner`](elements/sk-cloner.md), [`element:sk-directional-light`](elements/sk-directional-light.md), [`element:sk-grid-points-source`](elements/sk-grid-points-source.md), [`element:sk-keyframe`](elements/sk-keyframe.md), [`element:sk-perspective-camera`](elements/sk-perspective-camera.md), [`element:sk-plain-material`](elements/sk-plain-material.md), [`element:sk-scene`](elements/sk-scene.md), [`element:sk-sphere`](elements/sk-sphere.md), [`element:sk-surface-paint`](elements/sk-surface-paint.md), [`guide:for-agents`](guides/for-agents.md)