# Elm-playground vs others and animating SVG color

**URL:** <https://discourse.elm-lang.org/t/elm-playground-vs-others-and-animating-svg-color/6919>\
**Category:** Learn\
**Created:** [February 15, 2021, 11:15pm UTC](https://discourse.elm-lang.org/t/elm-playground-vs-others-and-animating-svg-color/6919 "2021-02-15T23:15:28Z")\
**Posts on this page:** 3\
**Page:** 1

<div class="post-metadata">

**Author:** ![arcanegames](https://avatars.discourse-cdn.com/v4/letter/a/839c29/32.png) [@arcanegames](https://discourse.elm-lang.org/u/arcanegames)\
**Post date:** [February 15, 2021, 11:15pm UTC](https://discourse.elm-lang.org/t/elm-playground-vs-others-and-animating-svg-color/6919/1 "2021-02-15T23:15:28Z")

</div>

New to elm. How can I update the color of a circle when the mouse is clicked using elm-playground?

It’s confusing because the documentation shows the only things I can ‘update’ about shapes are the scale, rotation, and fade. But shapes also have a color property. Is there some other intended way to change this in response to user input?

I’ve seen other more mature packages like GraphicsSVG or elm-animation, but they seem to be doing the same thing elm-playground does. It’s confusing trying to select one to use. I just want to build a game with simple SVG shapes that change their properties like scale, rotation, position, opacity, and color over time and in response to user input.

Here is what I have so far, I’ve tried to make the circle change color on computer.mouse.down but nothing has worked:  
[https://ellie-app.com/cnVcHsD3qG3a1](https://ellie-app.com/cnVcHsD3qG3a1)

---

<div class="post-metadata">

**Author:** ![Augustin82](https://yyz1.discourse-cdn.com/flex035/user_avatar/discourse.elm-lang.org/augustin82/32/1591_2.png) [@Augustin82](https://discourse.elm-lang.org/u/Augustin82)\
**Post date:** [February 16, 2021, 12:02am UTC](https://discourse.elm-lang.org/t/elm-playground-vs-others-and-animating-svg-color/6919/2 "2021-02-16T00:02:35Z")

</div>

Hi!

Here’s an example of how you could make the circle change color while the mouse button is down: [https://ellie-app.com/cnW4dT8tqGVa1](https://ellie-app.com/cnW4dT8tqGVa1)

---

<div class="post-metadata">

**Author:** ![system](https://canada1.discourse-cdn.com/flex035/uploads/elm_lang/original/1X/50a05e53677a2c3b47776d7abd0f113eb50193a1.png) [@system](https://discourse.elm-lang.org/u/system)\
**Post date:** [February 26, 2021, 12:58am UTC](https://discourse.elm-lang.org/t/elm-playground-vs-others-and-animating-svg-color/6919/5 "2021-02-26T00:58:18Z")

</div>

This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.