Hi,
I discovered bricksforge. I am in the process of getting to grips with the tool. I would like to know how I can animate the wings of a bee. it’s an svg. I don’t see how I can see the elements separated from the svg image via the Bricksforge panel.
I don’t know if there has ever been a topic for this question, but I couldn’t find an answer to my question anywhere. can anyone help me?
Thanks
You need to find in the code of the svg, the parts that are related to the wings and give it a id or class then you can animate them. If you provide your SVG, I can have a look if you want.
Hi,
Thanks for your reply, The wings already have a different id.
It’s just that I don’t see how I can separate the wings from the rest of the bee via the bricksforge panel (the extension installed on wordpress).
I’ll send you the bee if you have any ideas or advice.
How can I send you the file? I can’t seem to upload an SVG file here.
Thank you very much.
I’ll copy the code below:
<?xml version="1.0" encoding="UTF-8"?>Sorry, there is just one line of code. If the wings have an id then just animate those ids.
Sorry my code didn’t copy in full, that’s strange.
I wanted to say that I don’t quite know the Bricksforge tool yet (the extension on wordpress), so I don’t know where to find the different dissociated elements that the bricksforge dashboard.
<?xml version="1.0" encoding="UTF-8"?>
<svg xmlns="http://www.w3.org/2000/svg" id="uuid-0d82914e-2854-48dd-a149-32aeb6b3cf3f" data-name="Calque 2" viewBox="0 0 22.83 24.06">
<defs>
<style> .uuid-828af257-0b85-42a8-91a2-00e5f57d9542 { fill: #efc100; } .uuid-5ac87dfa-d457-4c68-8b37-67e10b05d26b { fill: #edebd9; } .uuid-601835d2-9c26-4db7-9858-946243c71d7d { fill: #2a537a; }
</style>
</defs>
<g id="uuid-9e4b213d-ee9e-4f26-b920-01d8d57805ce" data-name="Calque 1">
<g>
<g>
<g>
<path class="uuid-5ac87dfa-d457-4c68-8b37-67e10b05d26b" d="m5.97,8.67c-.5-.02-.99.01-1.44.1-.59-2.22.75-4,2.27-4.72,1.15-.55,2.81-.68,4.07.52-.49,1.68-.65,3.74-.68,5.4-1.24-.66-2.71-1.22-4.21-1.29Z">
</path>
<path class="uuid-828af257-0b85-42a8-91a2-00e5f57d9542" d="m10.59,19.3c.68-.71,1.53-2.72,1.75-4.63l1.93,1.49h.15s.07-.02.17-.03c.1,1.66-.37,3.41-1.39,4.72h0c-.94,1.21-2.26,2.01-3.69,2.37-1.49-.12-2.92-.66-3.92-1.13-.13-.06-.26-.13-.39-.22,2.18-.05,3.91-1.01,5.4-2.57Z">
</path>
<path class="uuid-5ac87dfa-d457-4c68-8b37-67e10b05d26b" d="m2.52,14.84c-.12,0-.23.04-.32.1,0-.09,0-.18,0-.28,0-.06,0-.13,0-.19,0-.47.07-.9.24-1.4h0c.08-.24.34-.34.54-.34.19,0,.37.1.5.27.12.17.43.61.43,1.39,0,.41-.07,1-.42,1.52-.12.18-.31.29-.51.29-.18,0-.34-.09-.47-.24,0,0,0,0,0,0,.31,0,.56-.25.56-.56,0-.31-.25-.56-.56-.56Z">
</path>
<path class="uuid-828af257-0b85-42a8-91a2-00e5f57d9542" d="m.86,15.32c.25,1.6,1.12,3.21,2.13,4.48,2.08.9,4.87-.79,6-2.38.44-.62.84-1.7,1.01-2.88,0-.03,0-.07.01-.11,0-.04.01-.07.01-.11,0-.03,0-.07.01-.1,0-.03,0-.07.01-.1,0-.03,0-.07.01-.1,0-.03,0-.07,0-.1,0-.03,0-.07,0-.1,0-.03,0-.07,0-.1.06-1.21-.14-2.43-.79-3.3-1.05-.5-2.22-.89-3.38-.94-.39-.02-.76,0-1.12.06-.03,0-.07.01-.1.02-.03,0-.07.01-.1.02-.03,0-.07.01-.1.02-.03,0-.06.02-.1.02-.03,0-.06.02-.1.03-.03,0-.06.02-.1.03-.03,0-.06.02-.09.03-.03.01-.06.02-.09.03-.59.21-1.13.54-1.61,1-1.32,1.24-1.84,2.78-1.56,4.59Zm2.48-3.95c-.07.07-.17.12-.26.16l-.04.02c-.1.05-.2.09-.29.14-.09.04-.18.1-.28.15l-.03.02c-.09.05-.19.1-.29.12-.02,0-.03,0-.04,0-.06,0-.12-.02-.16-.07-.03-.03-.07-.1-.04-.23.04-.15.22-.38.53-.54.31-.16.61-.18.77-.14.13.04.18.11.19.16.02.07,0,.13-.06.19Zm4.45.49s-.1.07-.17.07c-.01,0-.02,0-.03,0-.1-.01-.2-.06-.29-.1l-.04-.02c-.1-.05-.2-.09-.28-.13-.09-.04-.19-.08-.29-.12h-.04c-.1-.05-.2-.09-.27-.16-.06-.05-.08-.11-.06-.18.01-.05.06-.13.19-.17.16-.05.46-.04.78.1.28.12.5.31.54.48.03.11,0,.18-.03.21Zm-2.24,2.75v-.13c0-.46.08-.9.29-1.53,0-.02.02-.04.02-.05.01-.04.03-.07.05-.11.02-.03.04-.06.06-.09.02-.03.04-.06.06-.08.02-.03.05-.05.07-.08.02-.02.05-.04.08-.07.03-.02.05-.04.08-.06.03-.02.06-.03.09-.05.03-.02.06-.03.09-.05.16-.07.33-.11.52-.11.39,0,.75.19.98.52.12.16.44.62.52,1.38,0,.03,0,.07,0,.1,0,.03,0,.07,0,.1,0,.03,0,.07,0,.1,0,.02,0,.04,0,.05,0,.01,0,.03,0,.05,0,.03,0,.07,0,.1,0,.03,0,.07,0,.1,0,.03,0,.07,0,.1,0,.03,0,.07-.01.1-.05.43-.18.93-.49,1.39-.23.34-.6.55-1,.55-.43,0-.82-.24-1.06-.65-.35-.6-.34-1.13-.34-1.6Zm-1.29,3.25c.08-.05.18-.05.27-.05h.03c.08,0,.17,0,.24,0,.07,0,.16-.01.25-.02h.03c.09-.01.18-.02.27.02.05.03.09.07.11.13.02.08,0,.18-.05.28-.09.16-.31.32-.59.34-.01,0-.03,0-.04,0-.27,0-.48-.14-.56-.28-.11-.18-.06-.34.05-.41Zm-2.66-3.2c0-.06,0-.12,0-.18,0-.52.08-1.03.27-1.59.15-.45.59-.75,1.11-.75.39,0,.75.19.98.52.13.19.54.76.54,1.73,0,.49-.09,1.21-.52,1.85-.23.34-.6.55-1,.55-.43,0-.82-.24-1.06-.65-.33-.58-.33-1.06-.32-1.49Z">
</path>
<path class="uuid-5ac87dfa-d457-4c68-8b37-67e10b05d26b" d="m6.28,13.55s.02-.08.04-.13c.01-.04.02-.08.04-.12.01-.04.02-.08.04-.12,0-.01,0-.03.01-.04h0s.02-.05.03-.07c.02-.03.04-.06.06-.09.02-.02.05-.05.07-.06.03-.02.06-.04.09-.05.03-.01.06-.03.09-.04.06-.02.13-.03.19-.03.19,0,.37.1.5.27.11.15.37.53.42,1.17,0,.03,0,.07,0,.1,0,.03,0,.07,0,.1,0,0,0,.01,0,.02,0,.03,0,.06,0,.09,0,.03,0,.07,0,.1,0,.03,0,.07,0,.1,0,.03,0,.07-.01.1,0,.03,0,.07-.01.1,0,.03-.01.07-.02.11-.06.3-.16.62-.36.91-.12.18-.31.29-.51.29-.21,0-.42-.13-.54-.35-.02-.03-.03-.06-.05-.09.28-.06.5-.3.5-.6,0-.34-.28-.62-.62-.62-.03,0-.06,0-.09,0v-.13c0-.29.04-.58.14-.93Z">
</path>
<path class="uuid-5ac87dfa-d457-4c68-8b37-67e10b05d26b" d="m14.5,15.35l-1.85-1.43-.1-.08-.1-.08-.06-.05-.04-.03-.1-.08-.1-.08-.1-.08-.1-.08-.1-.08-.81-.62c-.01-.21-.04-.68-.05-1.32,0-.04,0-.08,0-.12,0-.04,0-.08,0-.12,0-.04,0-.08,0-.12,0-.04,0-.08,0-.12,0,0,0,0,0-.01,0-.03,0-.07,0-.1,0-.04,0-.08,0-.11,0-.04,0-.08,0-.11,0-.04,0-.08,0-.11.01-1.5.11-3.45.5-5.09.01-.04.02-.09.03-.13.01-.04.02-.09.03-.13.01-.04.02-.08.03-.12.01-.04.02-.08.03-.12.01-.04.02-.08.04-.12.01-.04.02-.08.04-.11.01-.04.02-.08.04-.11.01-.04.03-.07.04-.11.17-.5.38-.94.64-1.3,1.05-1.47,2.5-2.27,4.1-2.27.75,0,1.49.18,2.16.52,1.56.8,3.04,2.74,2.09,5.59-.11.34-.26.69-.42,1.02l-.24.48.78.12c.45.07.78.32.98.74.33.69.24,1.71-.21,2.47-1.35,2.29-4.53,3.16-6.22,3.47-.03,0-.07.01-.1.02-.03,0-.07.01-.1.02-.03,0-.06,0-.09.01-.03,0-.06,0-.09.01,0,0-.01,0-.02,0-.03,0-.07.01-.1.02-.04,0-.07.01-.1.02-.04,0-.07.01-.1.01-.04,0-.07,0-.1.01-.04,0-.07,0-.1.01h0Z">
</path>
</g>
<g>
<path class="uuid-601835d2-9c26-4db7-9858-946243c71d7d" d="m.08,15.44c.51,3.29,3.35,6.51,5.16,7.37,1.74.83,3.37,1.25,4.83,1.25h0c1.78,0,3.3-.64,4.46-1.86l1.69.1c.38,0,.12-.52-.04-.86l-.56-1.21c.58-1.36.61-2.78.09-4.27.52-.1,1.16-.25,1.84-.47,2.25-.73,3.9-1.89,4.76-3.35.58-.98.68-2.3.24-3.22-.27-.58-.73-.96-1.31-1.13.09-.22.17-.44.25-.65.75-2.25.28-5.15-2.48-6.55-1.15-.59-2.48-.75-3.73-.46-1.39.32-2.61,1.17-3.53,2.46-.24.33-.44.72-.61,1.15-1.49-1.22-3.37-1.05-4.69-.42-1.81.87-3.41,2.99-2.69,5.65-.69.25-1.32.64-1.88,1.16C.39,11.55-.24,13.38.08,15.44Zm21.77-6.17c.33.69.24,1.71-.21,2.47-1.35,2.29-4.53,3.16-6.22,3.47-.03,0-.07.01-.1.02-.03,0-.07.01-.1.02-.03,0-.06,0-.09.01-.03,0-.06,0-.09.01,0,0-.01,0-.02,0-.03,0-.07.01-.1.02-.04,0-.07.01-.1.02-.04,0-.07.01-.1.01-.04,0-.07,0-.1.01-.04,0-.07,0-.1.01h0s-1.85-1.44-1.85-1.44l-.1-.08-.1-.08-.06-.05-.04-.03-.1-.08-.1-.08-.1-.08-.1-.08-.1-.08-.81-.62c-.01-.21-.04-.68-.05-1.32,0-.04,0-.08,0-.12,0-.04,0-.08,0-.12,0-.04,0-.08,0-.12,0-.04,0-.08,0-.12,0,0,0,0,0-.01,0-.03,0-.07,0-.1,0-.04,0-.08,0-.11,0-.04,0-.08,0-.11,0-.04,0-.08,0-.11.01-1.5.11-3.45.5-5.09.01-.04.02-.09.03-.13.01-.04.02-.09.03-.13.01-.04.02-.08.03-.12.01-.04.02-.08.03-.12.01-.04.02-.08.04-.12.01-.04.02-.08.04-.11.01-.04.02-.08.04-.11.01-.04.03-.07.04-.11.17-.5.38-.94.64-1.3,1.05-1.47,2.5-2.27,4.1-2.27.75,0,1.49.18,2.16.52,1.56.8,3.04,2.74,2.09,5.59-.11.34-.26.69-.42,1.02l-.24.48.78.12c.45.07.78.32.98.74Zm-17.32-.49c-.59-2.22.75-4,2.27-4.72,1.15-.55,2.81-.68,4.07.52-.49,1.68-.65,3.74-.68,5.4-1.24-.66-2.71-1.22-4.21-1.29-.5-.02-.99.01-1.44.1Zm4.98,14.46c-1.49-.12-2.92-.66-3.92-1.13-.13-.06-.26-.13-.39-.22,2.18-.05,3.91-1.01,5.4-2.57.68-.71,1.53-2.72,1.75-4.63l1.93,1.49h.15s.07-.02.17-.03c.1,1.66-.37,3.41-1.39,4.72h0c-.94,1.21-2.26,2.01-3.69,2.37Zm-6.51-3.43c-1.01-1.27-1.88-2.88-2.13-4.48-.28-1.81.24-3.36,1.56-4.59.48-.45,1.02-.79,1.61-1,.03-.01.06-.02.09-.03.03-.01.06-.02.09-.03.03,0,.06-.02.1-.03.03,0,.06-.02.1-.03.03,0,.06-.02.1-.02.03,0,.07-.01.1-.02.03,0,.07-.01.1-.02.03,0,.07-.01.1-.02.36-.06.73-.08,1.12-.06,1.15.05,2.33.44,3.38.94.65.87.85,2.09.79,3.3,0,.03,0,.07,0,.1,0,.03,0,.07,0,.1,0,.03,0,.07,0,.1,0,.03,0,.07-.01.1,0,.03,0,.07-.01.1,0,.03,0,.07-.01.1,0,.04,0,.07-.01.11,0,.04,0,.07-.01.11-.18,1.18-.57,2.26-1.01,2.88-1.13,1.59-3.93,3.28-6,2.38Z">
</path>
<path class="uuid-601835d2-9c26-4db7-9858-946243c71d7d" d="m7.62,11.93s-.02,0-.03,0c-.1-.01-.2-.06-.29-.1l-.04-.02c-.1-.05-.2-.09-.28-.13-.09-.04-.19-.08-.29-.12h-.04c-.1-.05-.2-.09-.27-.16-.06-.05-.08-.11-.06-.18.01-.05.06-.13.19-.17.16-.05.46-.04.78.1.28.12.5.31.54.48.03.11,0,.18-.03.21-.04.05-.1.07-.17.07Z">
</path>
<path class="uuid-601835d2-9c26-4db7-9858-946243c71d7d" d="m3.08,11.53l-.04.02c-.1.05-.2.09-.29.14-.09.04-.18.1-.28.15l-.03.02c-.09.05-.19.1-.29.12-.02,0-.03,0-.04,0-.06,0-.12-.02-.16-.07-.03-.03-.07-.1-.04-.23.04-.15.22-.38.53-.54.31-.16.61-.18.77-.14.13.04.18.11.19.16.02.07,0,.13-.06.19-.07.07-.17.12-.26.16Z">
</path>
<path class="uuid-601835d2-9c26-4db7-9858-946243c71d7d" d="m4.26,17.86c.08-.05.18-.05.27-.05h.03c.08,0,.17,0,.24,0,.07,0,.16-.01.25-.02h.03c.09-.01.18-.02.27.02.05.03.09.07.11.13.02.08,0,.18-.05.28-.09.16-.31.32-.59.34-.01,0-.03,0-.04,0-.27,0-.48-.14-.56-.28-.11-.18-.06-.34.05-.41Z">
</path>
<path class="uuid-601835d2-9c26-4db7-9858-946243c71d7d" d="m1.6,14.66c0,.43-.01.91.32,1.49.23.4.63.65,1.06.65.39,0,.77-.21,1-.55.43-.64.52-1.36.52-1.85,0-.97-.41-1.55-.54-1.73-.24-.33-.59-.52-.98-.52-.52,0-.96.3-1.11.75-.18.56-.27,1.06-.27,1.59,0,.06,0,.12,0,.18Zm.91,1.3s0,0,0,0c.31,0,.56-.25.56-.56,0-.31-.25-.56-.56-.56-.12,0-.23.04-.32.1,0-.09,0-.18,0-.28,0-.06,0-.13,0-.19,0-.47.07-.9.24-1.4h0c.08-.24.34-.34.54-.34.19,0,.37.1.5.27.12.17.43.61.43,1.39,0,.41-.07,1-.42,1.52-.12.18-.31.29-.51.29-.18,0-.34-.09-.47-.24Z">
</path>
<path class="uuid-601835d2-9c26-4db7-9858-946243c71d7d" d="m5.55,14.61c0,.47,0,1,.34,1.6.23.4.63.65,1.06.65.39,0,.77-.21,1-.55.31-.46.44-.96.49-1.39,0-.04,0-.07.01-.1,0-.04,0-.07,0-.1,0-.04,0-.07,0-.1,0-.04,0-.07,0-.1,0-.02,0-.03,0-.05,0-.02,0-.04,0-.05,0-.03,0-.07,0-.1,0-.03,0-.07,0-.1,0-.03,0-.07,0-.1-.08-.76-.4-1.21-.52-1.38-.24-.33-.59-.52-.98-.52-.19,0-.36.04-.52.11-.03.01-.06.03-.09.05-.03.02-.06.03-.09.05-.03.02-.05.04-.08.06-.03.02-.05.04-.08.07-.02.02-.05.05-.07.08-.02.03-.04.06-.06.08-.02.03-.04.06-.06.09-.02.03-.03.07-.05.11,0,.02-.02.03-.02.05-.2.62-.29,1.07-.29,1.53v.13Zm.81,1.21c.28-.06.5-.3.5-.6,0-.34-.28-.62-.62-.62-.03,0-.06,0-.09,0v-.13c0-.29.04-.58.14-.93.01-.04.02-.08.04-.13.01-.04.02-.08.04-.12.01-.04.02-.08.04-.12,0-.01,0-.03.01-.04h0s.02-.05.03-.07c.02-.03.04-.06.06-.09.02-.02.05-.05.07-.06.03-.02.06-.04.09-.05.03-.01.06-.03.09-.04.06-.02.13-.03.19-.03.19,0,.37.1.5.27.11.15.37.53.42,1.17,0,.03,0,.07,0,.1,0,.03,0,.07,0,.1,0,0,0,.01,0,.02,0,.03,0,.06,0,.09,0,.03,0,.07,0,.1,0,.03,0,.07,0,.1,0,.03,0,.07-.01.1,0,.03,0,.07-.01.1,0,.03-.01.07-.02.11-.06.3-.16.62-.36.91-.12.18-.31.29-.51.29-.21,0-.42-.13-.54-.35-.02-.03-.03-.06-.05-.09Z">
</path>
</g>
</g>
<path class="uuid-601835d2-9c26-4db7-9858-946243c71d7d" d="m3.69,10.32c-.03-.98-.19-2-.69-2.86-.46-.79-1.21-1.39-2.13-1.53-.29-.04-.17-.48.12-.44,1,.15,1.85.82,2.37,1.67.57.94.76,2.07.8,3.16,0,.29-.45.29-.46,0h0Z">
</path>
<path class="uuid-601835d2-9c26-4db7-9858-946243c71d7d" d="m5.16,10.44c.17-1.04.49-2.1,1.14-2.94.63-.82,1.58-1.39,2.63-1.42.29,0,.29.45,0,.46-.96.02-1.82.58-2.36,1.36-.56.79-.82,1.73-.97,2.67-.05.29-.49.17-.44-.12h0Z">
</path>
<path class="uuid-601835d2-9c26-4db7-9858-946243c71d7d" d="m8.81,6.28c.05.31.34.52.65.47.31-.05.52-.34.47-.65-.05-.31-.34-.52-.65-.47-.31.05-.52.34-.47.65Z">
</path>
<path class="uuid-601835d2-9c26-4db7-9858-946243c71d7d" d="m.23,5.83c.05.31.34.52.65.47.31-.05.52-.34.47-.65-.05-.31-.34-.52-.65-.47-.31.05-.52.34-.47.65Z">
</path>
</g>
</g>
</svg>
in animations box (in the center) you can indicate the selector to animate.
OK, thank you very much. And can I put several different Ids on the same animation?
The body of the bee
The bee’s wings
So that you can animate them at the same time but differently?
yes, in one timeline just add one more animation per desired selector
Thanks It’s working !