SHOWCASE / AVATARS

Pebble.

Meet a little character with a surprisingly explosive personality.

He follows your pointer. Try saying hello.

A little color

React · View code

A configurable avatar with an explosive reaction

1const avatar = useRef<SwarmSurfaceHandle>(null);
2const [expression, setExpression] = useState<AvatarExpression>("curious");
3<SwarmAvatar ref={avatar} expression={expression}
4  silhouette="pebble" eyeScale={1.45} color="#82b5fa"
5  speech={0} style={{ height: 440 }}
6  onActionComplete={action => {
7    if (action.type === "explode") {
8      setExpression("dizzy");