將為三菱棋做個規則介紹動畫

分享身边的点滴趣事
回复
头像
ejsoon
圈圈精英
圈圈精英
帖子： 4388
注册时间： 2022年 11月 18日 17:36
为圈友点赞： 171 次
被圈友点赞： 200 次
联系：
联系 ejsoon

將為三菱棋做個規則介紹動畫

帖子 由 ejsoon »

:grin:

代码： 全选

<svg id="etani" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:svg="http://www.w3.org/2000/svg" width="480" height="480" rfm="freeze"> <defs mode="1" rotatestep="1" rotatestart="0" stepvalue="180" snapto="0" displaywait="1"> <g id="tile0" frontfill="#00BFFF" backfill="#00BFFF"><path d="M 0,-18 L 31.177,0 L 0,18 L -31.177,0 Z"/></g>  <g id="tile1" frontfill="#00BFFF" backfill="#00BFFF"><path d="M 0,-18 L 31.177,0 L 0,18 L -31.177,0 Z"/></g><g id="tile2" frontfill="#00BFFF" backfill="#00BFFF"><path d="M 0,-18 L 31.177,0 L 0,18 L -31.177,0 Z"/></g><g id="tile3" frontfill="#00BFFF" backfill="#00BFFF"><path d="M 0,-18 L 31.177,0 L 0,18 L -31.177,0 Z"/></g><g id="tile4" frontfill="#00BFFF" backfill="#00BFFF"><path d="M 0,-18 L 31.177,0 L 0,18 L -31.177,0 Z"/></g><g id="tile5" frontfill="#00BFFF" backfill="#00BFFF"><path d="M 0,-18 L 31.177,0 L 0,18 L -31.177,0 Z"/></g><g id="tile6" frontfill="#00BFFF" backfill="#00BFFF"><path d="M 0,-18 L 31.177,0 L 0,18 L -31.177,0 Z"/></g><g id="tile7" frontfill="#00BFFF" backfill="#00BFFF"><path d="M 0,-18 L 31.177,0 L 0,18 L -31.177,0 Z"/></g><g id="tile8" frontfill="#00BFFF" backfill="#00BFFF"><path d="M 0,-18 L 31.177,0 L 0,18 L -31.177,0 Z"/></g><g id="tile9" frontfill="#00BFFF" backfill="#00BFFF"><path d="M 0,-18 L 31.177,0 L 0,18 L -31.177,0 Z"/></g><g id="tile10" frontfill="#00BFFF" backfill="#00BFFF"><path d="M 0,-18 L 31.177,0 L 0,18 L -31.177,0 Z"/></g><g id="tile11" frontfill="#00BFFF" backfill="#00BFFF"><path d="M 0,-18 L 31.177,0 L 0,18 L -31.177,0 Z"/></g><g id="tile12" frontfill="#FF0000" backfill="#FF0000"><path d="M 15.588,9 L -15.588,27 L -15.588,-9 L 15.588,-27 Z"/></g><g id="tile13" frontfill="#FF0000" backfill="#FF0000"><path d="M 15.588,9 L -15.588,27 L -15.588,-9 L 15.588,-27 Z"/></g><g id="tile14" frontfill="#FF0000" backfill="#FF0000"><path d="M 15.588,9 L -15.588,27 L -15.588,-9 L 15.588,-27 Z"/></g><g id="tile15" frontfill="#FF0000" backfill="#FF0000"><path d="M 15.588,9 L -15.588,27 L -15.588,-9 L 15.588,-27 Z"/></g><g id="tile16" frontfill="#FF0000" backfill="#FF0000"><path d="M 15.588,9 L -15.588,27 L -15.588,-9 L 15.588,-27 Z"/></g><g id="tile17" frontfill="#FF0000" backfill="#FF0000"><path d="M 15.588,9 L -15.588,27 L -15.588,-9 L 15.588,-27 Z"/></g><g id="tile18" frontfill="#FF0000" backfill="#FF0000"><path d="M 15.588,9 L -15.588,27 L -15.588,-9 L 15.588,-27 Z"/></g><g id="tile19" frontfill="#FF0000" backfill="#FF0000"><path d="M 15.588,9 L -15.588,27 L -15.588,-9 L 15.588,-27 Z"/></g><g id="tile20" frontfill="#FF0000" backfill="#FF0000"><path d="M 15.588,9 L -15.588,27 L -15.588,-9 L 15.588,-27 Z"/></g><g id="tile21" frontfill="#FF0000" backfill="#FF0000"><path d="M 15.588,9 L -15.588,27 L -15.588,-9 L 15.588,-27 Z"/></g><g id="tile22" frontfill="#FF0000" backfill="#FF0000"><path d="M 15.588,9 L -15.588,27 L -15.588,-9 L 15.588,-27 Z"/></g><g id="tile23" frontfill="#FF0000" backfill="#FF0000"><path d="M 15.588,9 L -15.588,27 L -15.588,-9 L 15.588,-27 Z"/></g><g id="tile24" frontfill="#FF8C00" backfill="#FF8C00"><path d="M -15.588,9 L -15.588,-27 L 15.588,-9 L 15.588,27 Z"/></g><g id="tile25" frontfill="#FF8C00" backfill="#FF8C00"><path d="M -15.588,9 L -15.588,-27 L 15.588,-9 L 15.588,27 Z"/></g><g id="tile26" frontfill="#FF8C00" backfill="#FF8C00"><path d="M -15.588,9 L -15.588,-27 L 15.588,-9 L 15.588,27 Z"/></g><g id="tile27" frontfill="#FF8C00" backfill="#FF8C00"><path d="M -15.588,9 L -15.588,-27 L 15.588,-9 L 15.588,27 Z"/></g><g id="tile28" frontfill="#FF8C00" backfill="#FF8C00"><path d="M -15.588,9 L -15.588,-27 L 15.588,-9 L 15.588,27 Z"/></g><g id="tile29" frontfill="#FF8C00" backfill="#FF8C00"><path d="M -15.588,9 L -15.588,-27 L 15.588,-9 L 15.588,27 Z"/></g><g id="tile30" frontfill="#FF8C00" backfill="#FF8C00"><path d="M -15.588,9 L -15.588,-27 L 15.588,-9 L 15.588,27 Z"/></g><g id="tile31" frontfill="#FF8C00" backfill="#FF8C00"><path d="M -15.588,9 L -15.588,-27 L 15.588,-9 L 15.588,27 Z"/></g><g id="tile32" frontfill="#FF8C00" backfill="#FF8C00"><path d="M -15.588,9 L -15.588,-27 L 15.588,-9 L 15.588,27 Z"/></g><g id="tile33" frontfill="#FF8C00" backfill="#FF8C00"><path d="M -15.588,9 L -15.588,-27 L 15.588,-9 L 15.588,27 Z"/></g><g id="tile34" frontfill="#FF8C00" backfill="#FF8C00"><path d="M -15.588,9 L -15.588,-27 L 15.588,-9 L 15.588,27 Z"/></g><g id="tile35" frontfill="#FF8C00" backfill="#FF8C00"><path d="M -15.588,9 L -15.588,-27 L 15.588,-9 L 15.588,27 Z"/></g></defs> <g class="etdrop" stroke="#777" stroke-width="2" stroke-linejoin="round" transform="translate(240,240) scale(1,1)" id="etanidrop"><g class="etboard"><path d="M 240,240 L 240,-240 L -240,-240 L -240,240 Z" stroke="#000" stroke-width="4" fill="none" class="boardsnap0"/>

<g id="trtitile" stroke="none">
<path transform="translate(-116.727,-28.22)" fill="#00BFFF" d="M 0,-18 L 31.177,0 L 0,18 L -31.177,0 Z"/>
<path transform="translate(-132.314,-55.22)" fill="#FF0000" d="M 15.588,9 L -15.588,27 L -15.588,-9 L 15.588,-27 Z"/>
<path transform="translate(-101.139,-1.22)" fill="#FF0000" d="M 15.588,9 L -15.588,27 L -15.588,-9 L 15.588,-27 Z"/>
<path transform="translate(-101.138,-55.22)" fill="#FF8C00" d="M -15.588,9 L -15.588,-27 L 15.588,-9 L 15.588,27 Z"/>
<path transform="translate(-132.315,-1.22)" fill="#FF8C00" d="M -15.588,9 L -15.588,-27 L 15.588,-9 L 15.588,27 Z"/>
<text x="-48" y="0" font-family="MyCustomFont" font-size="48" fill="gray">Trirhombus</text>
</g>

<text x="-220" y="180" font-family="MyCustomFont" font-size="=48" fill="#333" stroke="none">
<tspan x="-220" dy="0">Trirhombus is a abstract board game</tspan>
<tspan x="-220" dy="30">created by game designer ejsoon in 2021.</tspan>
</text>


</g><use href="#tile35" fill="#FF8C00" stroke="#777" transform="translate(-154.221,338.108) scale(1,1) rotate(-0.001)" class="tiledropped"><animateTransform attributeName="transform" attributeType="XML" dur="43s" type="translate" values="-154.221,338.108;-154.221,338.108;-154.221,338.108;-15.588,27;-15.588,27;-15.588,27;-15.588,27;-15.588,27;-15.588,27;-15.588,27;-15.588,27;-15.588,27;-15.588,27;-15.588,27;-15.588,27;-15.588,27;-15.588,27;-15.588,27;-15.588,27;-15.588,27;-15.588,27;-15.588,27;-15.588,27;-15.588,27;-15.588,27;-15.588,27;-15.588,27;-15.588,27;-15.588,27;-15.588,27;-15.588,27;-15.588,27;-15.588,27;-15.588,27;-15.588,27;-15.588,27;-15.588,27;-15.588,27;-15.588,27;-15.588,27;-15.588,27;-15.588,27;-15.588,27" fill="freeze"/><animateTransform attributeName="transform" attributeType="XML" dur="43s" type="scale" values="1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1" additive="sum" fill="freeze"/><animateTransform attributeName="transform" attributeType="XML" dur="43s" type="rotate" values="-0.001;-0.001;-0.001;-0.001;-0.001;-0.001;-0.001;-0.001;-0.001;-0.001;-0.001;-0.001;-0.001;-0.001;-0.001;-0.001;-0.001;-0.001;-0.001;-0.001;-0.001;-0.001;-0.001;-0.001;-0.001;-0.001;-0.001;-0.001;-0.001;-0.001;-0.001;-0.001;-0.001;-0.001;-0.001;-0.001;-0.001;-0.001;-0.001;-0.001;-0.001;-0.001;-0.001" additive="sum" fill="freeze"/></use><use href="#tile23" fill="#FF0000" transform="translate(-123.044,338.108) scale(1,1) rotate(0.001)" class="tiledropped" stroke="#777"><animateTransform attributeName="transform" attributeType="XML" dur="43s" type="translate" values="-123.044,338.108;-123.044,338.108;-123.044,338.108;-123.044,338.108;-123.044,338.108;-123.044,338.108;-123.044,338.108;-123.044,338.108;-123.044,338.108;-123.044,338.108;-123.044,338.108;-123.044,338.108;-123.044,338.108;-123.044,338.108;-123.044,338.108;-123.044,338.108;77.941,-9;77.941,-9;77.941,-9;77.941,-9;77.941,-9;77.941,-9;77.941,-9;77.941,-9;77.941,-9;77.941,-9;77.941,-9;77.941,-9;77.941,-9;77.941,-9;77.941,-9;77.941,-9;77.941,-9;77.941,-9;77.941,-9;77.941,-9;77.941,-9;77.941,-9;77.941,-9;77.941,-9;77.941,-9;64.366,345;77.941,-9" fill="freeze"/><animateTransform attributeName="transform" attributeType="XML" dur="43s" type="scale" values="1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1" additive="sum" fill="freeze"/><animateTransform attributeName="transform" attributeType="XML" dur="43s" type="rotate" values="0.001;0.001;0.001;0.001;0.001;0.001;0.001;0.001;0.001;0.001;0.001;0.001;0.001;0.001;0.001;0.001;-0.001;-0.001;-0.001;-0.001;-0.001;-0.001;-0.001;-0.001;-0.001;-0.001;-0.001;-0.001;-0.001;-0.001;-0.001;-0.001;-0.001;-0.001;-0.001;-0.001;-0.001;-0.001;-0.001;-0.001;-0.001;0.001;-0.001" additive="sum" fill="freeze"/></use><use href="#tile34" fill="#FF8C00" stroke="#777" transform="translate(-91.868,338.108) scale(1,1) rotate(0.001)" class="tiledropped"><animateTransform attributeName="transform" attributeType="XML" dur="43s" type="translate" values="-91.868,338.108;-91.868,338.108;-91.868,338.108;-91.868,338.108;-91.868,338.108;-91.868,338.108;-91.868,338.108;-91.868,338.108;-91.868,338.108;-91.868,338.108;-91.868,338.108;-77.942,-45;-46.764,-27;-46.764,-27;-46.764,-27;-46.764,-27;-46.764,-27;-46.764,-27;-46.764,-27;-46.764,-27;-46.764,-27;-46.764,-27;-46.764,-27;-46.764,-27;-46.764,-27;-46.764,-27;-46.764,-27;-46.764,-27;-46.764,-27;-46.764,-27;-46.764,-27;-46.764,-27;-46.764,-27;-46.764,-27;-46.764,-27;-46.764,-27;-46.764,-27;-46.764,-27;-46.764,-27;-46.764,-27;-46.764,-27;-46.764,-27;-46.764,-27" fill="freeze"/><animateTransform attributeName="transform" attributeType="XML" dur="43s" type="scale" values="1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1" additive="sum" fill="freeze"/><animateTransform attributeName="transform" attributeType="XML" dur="43s" type="rotate" values="0.001;0.001;0.001;0.001;0.001;0.001;0.001;0.001;0.001;0.001;0.001;-0.001;0.001;0.001;0.001;0.001;0.001;0.001;0.001;0.001;0.001;0.001;0.001;0.001;0.001;0.001;0.001;0.001;0.001;0.001;0.001;0.001;0.001;0.001;0.001;0.001;0.001;0.001;0.001;0.001;0.001;0.001;0.001" additive="sum" fill="freeze"/></use><use href="#tile22" fill="#FF0000" transform="translate(-60.692,338.108) scale(1,1) rotate(0.001)" class="tiledropped" stroke="#777"><animateTransform attributeName="transform" attributeType="XML" dur="43s" type="translate" values="-60.692,338.108;-60.692,338.108;-60.692,338.108;-60.692,338.108;-60.692,338.108;-60.692,338.108;-60.692,338.108;-60.692,338.108;-60.692,338.108;-60.692,338.108;-60.692,338.108;-60.692,338.108;-60.692,338.108;-60.692,338.108;-60.692,338.108;-60.692,338.108;-60.692,338.108;-60.692,338.108;77.941,27;77.941,27;77.941,27;77.941,27;77.941,27;77.941,27;77.941,27;77.941,27;77.941,27;77.941,27;77.941,27;77.941,27;77.941,27;77.941,27;77.941,27;77.941,27;77.941,27;77.941,27;77.941,27;77.941,27;77.941,27;77.941,27;77.941,27;13.941,318.2;77.941,27" fill="freeze"/><animateTransform attributeName="transform" attributeType="XML" dur="43s" type="scale" values="1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1" additive="sum" fill="freeze"/><animateTransform attributeName="transform" attributeType="XML" dur="43s" type="rotate" values="0.001;0.001;0.001;0.001;0.001;0.001;0.001;0.001;0.001;0.001;0.001;0.001;0.001;0.001;0.001;0.001;0.001;0.001;-0.001;-0.001;-0.001;-0.001;-0.001;-0.001;-0.001;-0.001;-0.001;-0.001;-0.001;-0.001;-0.001;-0.001;-0.001;-0.001;-0.001;-0.001;-0.001;-0.001;-0.001;-0.001;-0.001;-0.001;-0.001" additive="sum" fill="freeze"/></use><use href="#tile9" fill="#00BFFF" stroke="#777" transform="translate(-13.928,311.109) scale(1,1) rotate(0.002)" class="tiledropped"><animateTransform attributeName="transform" attributeType="XML" dur="43s" type="translate" values="-13.928,311.109;-13.928,311.109;-13.928,311.109;-13.928,311.109;-13.928,311.109;-13.928,311.109;-13.928,311.109;-13.928,311.109;-13.928,311.109;-62.354,-72;-62.354,-72;-62.354,-72;-62.354,-72;-62.354,-72;-62.354,-72;-62.354,-72;-62.354,-72;-62.354,-72;-62.354,-72;-62.354,-72;-62.354,-72;-62.354,-72;-62.354,-72;-62.354,-72;-62.354,-72;-62.354,-72;-62.354,-72;-62.354,-72;-62.354,-72;-62.354,-72;-62.354,-72;-62.354,-72;-62.354,-72;-62.354,-72;-62.354,-72;-62.354,-72;-62.354,-72;-62.354,-72;-62.354,-72;-54.354,-417.6;-62.354,-72;-63.954,297.6;-62.354,-72" fill="freeze"/><animateTransform attributeName="transform" attributeType="XML" dur="43s" type="scale" values="1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1" additive="sum" fill="freeze"/><animateTransform attributeName="transform" attributeType="XML" dur="43s" type="rotate" values="0.002;0.002;0.002;0.002;0.002;0.002;0.002;0.002;0.002;0;0;0;0;0;0;0;0;0;0;0;0;0;0;0;0;0;0;0;0;0;0;0;0;0;0;0;0;0;0;0;0;0;0" additive="sum" fill="freeze"/></use><use href="#tile21" fill="#FF0000" transform="translate(1.66,338.11) scale(1,1) rotate(0.003)" class="tiledropped"><animateTransform attributeName="transform" attributeType="XML" dur="43s" type="translate" values="1.66,338.11;1.66,338.11;1.66,338.11;1.66,338.11;1.66,338.11;1.66,338.11;1.66,338.11;1.66,338.11;1.66,338.11;1.66,338.11;1.66,338.11;1.66,338.11;1.66,338.11;1.66,338.11;1.66,338.11;1.66,338.11;1.66,338.11;1.66,338.11;1.66,338.11;1.66,338.11;1.66,338.11;1.66,338.11;1.66,338.11;1.66,338.11;1.66,338.11;1.66,338.11;-46.764,99;-46.764,99;-46.764,99;-46.764,99;-46.764,99;-46.764,99;-46.764,99;-46.764,99;-46.764,99;-46.764,99;-46.764,99;-46.764,99;-46.764,99;-46.764,99;-46.764,99;-72.364,335.8;-46.764,99" fill="freeze"/><animateTransform attributeName="transform" attributeType="XML" dur="43s" type="scale" values="1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1" additive="sum" fill="freeze"/><animateTransform attributeName="transform" attributeType="XML" dur="43s" type="rotate" values="0.003;0.003;0.003;0.003;0.003;0.003;0.003;0.003;0.003;0.003;0.003;0.003;0.003;0.003;0.003;0.003;0.003;0.003;0.003;0.003;0.003;0.003;0.003;0.003;0.003;0.003;0.001;0.001;0.001;0.001;0.001;0.001;0.001;0.001;0.001;0.001;0.001;0.001;0.001;0.001;0.001;0.001;0.001" additive="sum" fill="freeze"/></use><use href="#tile33" fill="#FF8C00" transform="translate(-29.516,338.108) scale(1,1) rotate(-179.999)" class="tiledropped" stroke="#777"><animateTransform attributeName="transform" attributeType="XML" dur="43s" type="translate" values="-29.516,338.108;-29.516,338.108;-29.516,338.108;-29.516,338.108;-29.516,338.108;-29.516,338.108;-29.516,338.108;-46.764,9;-46.764,9;-46.764,9;-46.764,9;-46.764,9;-46.764,9;-46.764,9;-46.764,9;-46.764,9;-46.764,9;-46.764,9;-46.764,9;-46.764,9;-46.764,9;-46.764,9;-46.764,9;-46.764,9;-46.764,9;-46.764,9;-46.764,9;-46.764,9;-46.764,9;-46.764,9;-46.764,9;-46.764,9;-46.764,9;-46.764,9;-46.764,9;-46.764,9;-46.764,9;-46.764,9;-46.764,9;-46.764,9;-46.764,9;-46.764,9;-46.764,9" fill="freeze"/><animateTransform attributeName="transform" attributeType="XML" dur="43s" type="scale" values="1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1" additive="sum" fill="freeze"/><animateTransform attributeName="transform" attributeType="XML" dur="43s" type="rotate" values="0.001;0.001;0.001;0.001;0.001;0.001;0.001;-0.001;-0.001;-0.001;-0.001;-0.001;-0.001;-0.001;-0.001;-0.001;-0.001;-0.001;-0.001;-0.001;-0.001;-0.001;-0.001;-0.001;-0.001;-0.001;-0.001;-0.001;-0.001;-0.001;-0.001;-0.001;-0.001;-0.001;-0.001;-0.001;-0.001;-0.001;-0.001;-0.001;-0.001;-0.001;-0.001" additive="sum" fill="freeze"/></use><use href="#tile8" fill="#00BFFF" transform="translate(48.426,311.113) scale(1,1) rotate(0.004)" class="tiledropped"><animateTransform attributeName="transform" attributeType="XML" dur="43s" type="translate" values="48.426,311.113;48.426,311.113;48.426,311.113;48.426,311.113;48.426,311.113;48.426,311.113;48.426,311.113;48.426,311.113;48.426,311.113;48.426,311.113;48.426,311.113;48.426,311.113;48.426,311.113;48.426,311.113;0,-72;0,-72;0,-72;0,-72;0,-72;0,-72;0,-72;0,-72;0,-72;0,-72;0,-72;0,-72;0,-72;0,-72;0,-72;0,-72;0,-72;0,-72;0,-72;0,-72;0,-72;0,-72;0,-72;0,-72;0,-72;0,-72;0,-72;0,-72;0,-72" fill="freeze"/><animateTransform attributeName="transform" attributeType="XML" dur="43s" type="scale" values="1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1" additive="sum" fill="freeze"/><animateTransform attributeName="transform" attributeType="XML" dur="43s" type="rotate" values="0.004;0.004;0.004;0.004;0.004;0.004;0.004;0.004;0.004;0.004;0.004;0.004;0.004;0.004;0;0;0;0;0;0;0;0;0;0;0;0;0;0;0;0;0;0;0;0;0;0;0;0;0;0;0;0;0" additive="sum" fill="freeze"/></use><use href="#tile20" fill="#FF0000" transform="translate(64.012,338.114) scale(1,1) rotate(0.003)" class="tiledropped"><animateTransform attributeName="transform" attributeType="XML" dur="43s" type="translate" values="64.012,338.114;64.012,338.114;64.012,338.114;64.012,338.114;64.012,338.114;64.012,338.114;64.012,338.114;64.012,338.114;64.012,338.114;64.012,338.114;64.012,338.114;64.012,338.114;64.012,338.114;64.012,338.114;64.012,338.114;64.012,338.114;64.012,338.114;64.012,338.114;64.012,338.114;64.012,338.114;64.012,338.114;64.012,338.114;64.012,338.114;64.012,338.114;64.012,338.114;64.012,338.114;64.012,338.114;64.012,338.114;64.012,338.114;64.012,338.114;-15.587,81;-15.587,81;-15.587,81;-15.587,81;-15.587,81;-15.587,81;-15.587,81;-15.587,81;-15.587,81;-15.587,81;-15.587,81;2.013,327.4;-15.587,81" fill="freeze"/><animateTransform attributeName="transform" attributeType="XML" dur="43s" type="scale" values="1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1" additive="sum" fill="freeze"/><animateTransform attributeName="transform" attributeType="XML" dur="43s" type="rotate" values="0.003;0.003;0.003;0.003;0.003;0.003;0.003;0.003;0.003;0.003;0.003;0.003;0.003;0.005;0.005;0.005;0.005;0.005;0.005;0.005;0.005;0.005;0.005;0.005;0.005;0.005;0.005;0.005;0.005;0.005;0.001;0.001;0.001;0.001;0.001;0.001;0.001;0.001;0.001;0.001;0.001;0.001;0.001" additive="sum" fill="freeze"/></use><use href="#tile32" fill="#FF8C00" transform="translate(32.836,338.112) scale(1,1) rotate(0.003)" class="tiledropped" stroke="#777"><animateTransform attributeName="transform" attributeType="XML" dur="43s" type="translate" values="32.836,338.112;32.836,338.112;32.836,338.112;32.836,338.112;32.836,338.112;32.836,338.112;32.836,338.112;32.836,338.112;32.836,338.112;32.836,338.112;32.836,338.112;32.836,338.112;32.836,338.112;32.836,338.112;32.836,338.112;32.836,338.112;32.836,338.112;32.836,338.112;32.836,338.112;32.836,338.112;-109.118,81;-109.118,81;-109.118,81;-109.118,81;-109.118,81;-109.118,81;-109.118,81;-109.118,81;-109.118,81;-109.118,81;-109.118,81;-109.118,81;-109.118,81;-109.118,81;-109.118,81;-109.118,81;-109.118,81;-109.118,81;-109.118,81;-109.118,81;-109.118,81;-134.716,317.8;-109.118,81" fill="freeze"/><animateTransform attributeName="transform" attributeType="XML" dur="43s" type="scale" values="1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1" additive="sum" fill="freeze"/><animateTransform attributeName="transform" attributeType="XML" dur="43s" type="rotate" values="0.003;0.003;0.003;0.003;0.003;0.003;0.003;0.003;0.003;0.003;0.003;0.003;0.003;0.003;0.003;0.003;0.003;0.003;0.003;0.003;-0.001;-0.001;-0.001;-0.001;-0.001;-0.001;-0.001;-0.001;-0.001;-0.001;-0.001;-0.001;-0.001;-0.001;-0.001;-0.001;-0.001;-0.001;-0.001;-0.001;-0.001;0.001;-0.001" additive="sum" fill="freeze"/></use><use href="#tile31" fill="#FF8C00" transform="translate(95.188,338.116) scale(1,1) rotate(0.003)" class="tiledropped"><animateTransform attributeName="transform" attributeType="XML" dur="43s" type="translate" values="95.188,338.116;95.188,338.116;95.188,338.116;95.188,338.116;95.188,338.116;95.188,338.116;95.188,338.116;95.188,338.116;95.188,338.116;95.188,338.116;95.188,338.116;95.188,338.116;95.188,338.116;95.188,338.116;95.188,338.116;95.188,338.116;95.188,338.116;95.188,338.116;95.188,338.116;95.188,338.116;95.188,338.116;95.188,338.116;95.188,338.116;95.188,338.116;95.188,338.116;95.188,338.116;95.188,338.116;95.188,338.116;-77.942,99;-77.942,99;-77.942,99;-77.942,99;-77.942,99;-77.942,99;-77.942,99;-77.942,99;-77.942,99;-77.942,99;-77.942,99;-77.942,99;-77.942,99;-103.54,335.8;-77.942,99" fill="freeze"/><animateTransform attributeName="transform" attributeType="XML" dur="43s" type="scale" values="1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1" additive="sum" fill="freeze"/><animateTransform attributeName="transform" attributeType="XML" dur="43s" type="rotate" values="0.003;0.003;0.003;0.003;0.003;0.003;0.003;0.003;0.003;0.003;0.003;0.003;0.003;0.003;0.003;0.003;0.003;0.003;0.003;0.003;0.003;0.003;0.003;0.003;0.003;0.003;0.003;0.003;-0.001;-0.001;-0.001;-0.001;-0.001;-0.001;-0.001;-0.001;-0.001;-0.001;-0.001;-0.001;-0.001;0.001;-0.001" additive="sum" fill="freeze"/></use><use href="#tile19" fill="#FF0000" stroke="#777" transform="translate(126.364,338.118) scale(1,1) rotate(0.003)" class="tiledropped"><animateTransform attributeName="transform" attributeType="XML" dur="43s" type="translate" values="126.364,338.118;126.364,338.118;126.364,338.118;126.364,338.118;126.364,338.118;126.364,338.118;126.364,338.118;126.364,338.118;126.364,338.118;126.364,338.118;126.364,338.118;126.364,338.118;126.364,338.118;126.364,338.118;126.364,338.118;126.364,338.118;126.364,338.118;126.364,338.118;126.364,338.118;126.364,338.118;126.364,338.118;126.364,338.118;126.364,338.118;126.364,338.118;126.364,338.118;126.364,338.118;126.364,338.118;126.364,338.118;126.364,338.118;126.364,338.118;126.364,338.118;126.364,338.118;126.364,338.118;126.364,338.118;126.364,338.118;126.364,338.118;109.117,9;109.117,9;109.117,9;9.917,-381.4;109.117,9;56.317,335.4;109.117,9" fill="freeze"/><animateTransform attributeName="transform" attributeType="XML" dur="43s" type="scale" values="1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1" additive="sum" fill="freeze"/><animateTransform attributeName="transform" attributeType="XML" dur="43s" type="rotate" values="0.003;0.003;0.003;0.003;0.003;0.003;0.003;0.003;0.003;0.003;0.003;0.003;0.003;0.003;0.003;0.003;0.003;0.003;0.005;0.005;0.005;0.005;0.005;0.005;0.005;0.005;0.005;0.005;0.005;0.005;0.005;0.005;0.005;0.005;0.005;0.005;-0.001;-0.001;-0.001;-0.001;-0.001;-0.001;-0.001" additive="sum" fill="freeze"/></use><use href="#tile7" fill="#00BFFF" transform="translate(110.778,311.117) scale(1,1) rotate(0.004)" class="tiledropped"><animateTransform attributeName="transform" attributeType="XML" dur="43s" type="translate" values="110.778,311.117;110.778,311.117;110.778,311.117;110.778,311.117;110.778,311.117;110.778,311.117;110.778,311.117;110.778,311.117;110.778,311.117;110.778,311.117;110.778,311.117;110.778,311.117;110.778,311.117;110.778,311.117;110.778,311.117;110.778,311.117;110.778,311.117;110.778,311.117;110.778,311.117;110.778,311.117;110.778,311.117;110.778,311.117;31.177,-54;31.177,-54;31.177,-54;31.177,-54;31.177,-54;31.177,-54;31.177,-54;31.177,-54;31.177,-54;31.177,-54;31.177,-54;31.177,-54;31.177,-54;31.177,-54;31.177,-54;31.177,-54;31.177,-54;31.177,-54;31.177,-54;31.177,-54;31.177,-54" fill="freeze"/><animateTransform attributeName="transform" attributeType="XML" dur="43s" type="scale" values="1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1" additive="sum" fill="freeze"/><animateTransform attributeName="transform" attributeType="XML" dur="43s" type="rotate" values="0.004;0.004;0.004;0.004;0.004;0.004;0.004;0.004;0.004;0.004;0.004;0.004;0.004;0.004;0.004;0.004;0.004;0.004;0.004;0.004;0.004;0.004;0;0;0;0;0;0;0;0;0;0;0;0;0;0;0;0;0;0;0;0;0" additive="sum" fill="freeze"/></use><use href="#tile30" fill="#FF8C00" stroke="#777" transform="translate(157.54,338.12) scale(1,1) rotate(0.003)" class="tiledropped"><animateTransform attributeName="transform" attributeType="XML" dur="43s" type="translate" values="157.54,338.12;157.54,338.12;157.54,338.12;157.54,338.12;157.54,338.12;157.54,338.12;157.54,338.12;157.54,338.12;157.54,338.12;157.54,338.12;157.54,338.12;157.54,338.12;157.54,338.12;157.54,338.12;157.54,338.12;157.54,338.12;157.54,338.12;157.54,338.12;157.54,338.12;157.54,338.12;157.54,338.12;157.54,338.12;157.54,338.12;157.54,338.12;157.54,338.12;157.54,338.12;157.54,338.12;157.54,338.12;157.54,338.12;157.54,338.12;157.54,338.12;157.54,338.12;15.589,45;15.589,45;15.589,45;15.589,45;15.589,45;15.589,45;15.589,45;15.589,45;15.589,45;-29.163,327.4;15.589,45" fill="freeze"/><animateTransform attributeName="transform" attributeType="XML" dur="43s" type="scale" values="1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1" additive="sum" fill="freeze"/><animateTransform attributeName="transform" attributeType="XML" dur="43s" type="rotate" values="0.003;0.003;0.003;0.003;0.003;0.003;0.003;0.003;0.003;0.003;0.003;0.003;0.003;0.003;0.003;0.003;0.003;0.003;0.003;0.003;0.003;0.003;0.003;0.003;0.003;0.003;0.003;0.003;0.003;0.003;0.003;0.003;-0.001;-0.001;-0.001;-0.001;-0.001;-0.001;-0.001;-0.001;-0.001;0.001;-0.001" additive="sum" fill="freeze"/></use><use href="#tile6" fill="#00BFFF" transform="translate(173.13,311.121) scale(1,1) rotate(0.004)" class="tiledropped" stroke="#777"><animateTransform attributeName="transform" attributeType="XML" dur="43s" type="translate" values="173.13,311.121;173.13,311.121;173.13,311.121;173.13,311.121;173.13,311.121;173.13,311.121;173.13,311.121;173.13,311.121;173.13,311.121;173.13,311.121;173.13,311.121;173.13,311.121;173.13,311.121;173.13,311.121;173.13,311.121;173.13,311.121;173.13,311.121;173.13,311.121;173.13,311.121;173.13,311.121;173.13,311.121;173.13,311.121;173.13,311.121;173.13,311.121;62.353,-36;62.353,-36;62.353,-36;62.353,-36;62.353,-36;62.353,-36;62.353,-36;62.353,-36;62.353,-36;62.353,-36;62.353,-36;62.353,-36;62.353,-36;62.353,-36;62.353,-36;62.353,-36;62.353,-36;62.353,-36;62.353,-36" fill="freeze"/><animateTransform attributeName="transform" attributeType="XML" dur="43s" type="scale" values="1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1" additive="sum" fill="freeze"/><animateTransform attributeName="transform" attributeType="XML" dur="43s" type="rotate" values="0.004;0.004;0.004;0.004;0.004;0.004;0.004;0.004;0.004;0.004;0.004;0.004;0.004;0.004;0.004;0.004;0.004;0.004;0.004;0.004;0.004;0.004;0.004;0.004;0;0;0;0;0;0;0;0;0;0;0;0;0;0;0;0;0;0;0" additive="sum" fill="freeze"/></use><use href="#tile18" fill="#FF0000" stroke="#777" transform="translate(188.716,338.122) scale(1,1) rotate(0.003)" class="tiledropped"><animateTransform attributeName="transform" attributeType="XML" dur="43s" type="translate" values="188.716,338.122;188.716,338.122;188.716,338.122;188.716,338.122;188.716,338.122;188.716,338.122;188.716,338.122;188.716,338.122;188.716,338.122;188.716,338.122;188.716,338.122;188.716,338.122;188.716,338.122;188.716,338.122;188.716,338.122;188.716,338.122;188.716,338.122;188.716,338.122;188.716,338.122;188.716,338.122;188.716,338.122;188.716,338.122;188.716,338.122;188.716,338.122;188.716,338.122;188.716,338.122;188.716,338.122;188.716,338.122;188.716,338.122;188.716,338.122;188.716,338.122;188.716,338.122;188.716,338.122;188.716,338.122;46.766,45;46.766,45;46.766,45;46.766,45;46.766,45;46.766,45;46.766,45;64.366,309;46.766,45" fill="freeze"/><animateTransform attributeName="transform" attributeType="XML" dur="43s" type="scale" values="1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1" additive="sum" fill="freeze"/><animateTransform attributeName="transform" attributeType="XML" dur="43s" type="rotate" values="0.003;0.003;0.003;0.003;0.003;0.003;0.003;0.003;0.003;0.003;0.003;0.003;0.003;0.003;0.003;0.003;0.003;0.003;0.003;0.003;0.003;0.003;0.003;0.003;0.003;0.003;0.003;0.003;0.003;0.003;0.003;0.003;0.003;0.003;0.001;0.001;0.001;0.001;0.001;0.001;0.001;0.001;0.001" additive="sum" fill="freeze"/></use><use href="#tile0" fill="#00BFFF" transform="translate(-116.727,-28.22) scale(1,1) rotate(0)" class="tiledropped" stroke="#777"><animateTransform attributeName="transform" attributeType="XML" dur="43s" type="translate" values="-145.119,-280.675;-145.119,-280.675;-145.119,-280.675;-145.119,-280.675;-145.119,-280.675;-145.119,-280.675;31.177,18;31.177,18;31.177,18;31.177,18;31.177,18;31.177,18;31.177,18;31.177,18;31.177,18;31.177,18;31.177,18;31.177,18;31.177,18;31.177,18;31.177,18;31.177,18;31.177,18;31.177,18;31.177,18;31.177,18;31.177,18;31.177,18;31.177,18;31.177,18;31.177,18;31.177,18;31.177,18;31.177,18;31.177,18;31.177,18;31.177,18;31.177,18;31.177,18;31.177,18;31.177,18;31.177,18;31.177,18" fill="freeze"/><animateTransform attributeName="transform" attributeType="XML" dur="43s" type="scale" values="1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1" additive="sum" fill="freeze"/><animateTransform attributeName="transform" attributeType="XML" dur="43s" type="rotate" values="0;0;0;0;0;0;0;0;0;0;0;0;0;0;0;0;0;0;0;0;0;0;0;0;0;0;0;0;0;0;0;0;0;0;0;0;0;0;0;0;0;0;0" additive="sum" fill="freeze"/></use><use href="#tile12" fill="#FF0000" transform="translate(-132.314,-55.22) scale(1,1) rotate(-0.001)" class="tiledropped" stroke="#777"><animateTransform attributeName="transform" attributeType="XML" dur="43s" type="translate" values="-160.707,-307.675;-160.707,-307.675;-15.588,-27;-15.588,-27;-15.588,-27;-15.588,-27;-15.588,-27;-15.588,-27;-15.588,-27;-15.588,-27;-15.588,-27;-15.588,-27;-15.588,-27;-15.588,-27;-15.588,-27;-15.588,-27;-15.588,-27;-15.588,-27;-15.588,-27;-15.588,-27;-15.588,-27;-15.588,-27;-15.588,-27;-15.588,-27;-15.588,-27;-15.588,-27;-15.588,-27;-15.588,-27;-15.588,-27;-15.588,-27;-15.588,-27;-15.588,-27;-15.588,-27;-15.588,-27;-15.588,-27;-15.588,-27;-15.588,-27;-15.588,-27;-15.588,-27;-15.588,-27;-15.588,-27;-15.588,-27;-15.588,-27" fill="freeze"/><animateTransform attributeName="transform" attributeType="XML" dur="43s" type="scale" values="1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1" additive="sum" fill="freeze"/><animateTransform attributeName="transform" attributeType="XML" dur="43s" type="rotate" values="0.001;0.001;0.001;0.001;0.001;0.001;0.001;0.001;0.001;0.001;0.001;0.001;0.001;0.001;0.001;0.001;0.001;0.001;0.001;0.001;0.001;0.001;0.001;0.001;0.001;0.001;0.001;0.001;0.001;0.001;0.001;0.001;0.001;0.001;0.001;0.001;0.001;0.001;0.001;0.001;0.001;0.001;0.001" additive="sum" fill="freeze"/></use><use href="#tile1" fill="#00BFFF" transform="translate(-82.766,-280.676) scale(1,1) rotate(-0.002)" class="tiledropped" stroke="#777"><animateTransform attributeName="transform" attributeType="XML" dur="43s" type="translate" values="-82.766,-280.676;-82.766,-280.676;-82.766,-280.676;-82.766,-280.676;-82.766,-280.676;-82.766,-280.676;-82.766,-280.676;-82.766,-280.676;-82.766,-280.676;-82.766,-280.676;-62.353,36;-62.353,36;-62.353,36;-62.353,36;-62.353,36;-62.353,36;-62.353,36;-62.353,36;-62.353,36;-62.353,36;-62.353,36;-62.353,36;-62.353,36;-62.353,36;-62.353,36;-62.353,36;-62.353,36;-62.353,36;-62.353,36;-62.353,36;-62.353,36;-62.353,36;-62.353,36;-62.353,36;-62.353,36;-62.353,36;-62.353,36;-62.353,36;-62.353,36;-62.353,36;-62.353,36;-62.353,36;-62.353,36" fill="freeze"/><animateTransform attributeName="transform" attributeType="XML" dur="43s" type="scale" values="1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1" additive="sum" fill="freeze"/><animateTransform attributeName="transform" attributeType="XML" dur="43s" type="rotate" values="-0.002;-0.002;-0.002;-0.002;-0.002;-0.002;-0.002;-0.002;-0.002;-0.002;0;0;0;0;0;0;0;0;0;0;0;0;0;0;0;0;0;0;0;0;0;0;0;0;0;0;0;0;0;0;0;0;0" additive="sum" fill="freeze"/></use><use href="#tile13" fill="#FF0000" stroke="#777" transform="translate(-101.139,-1.22) scale(1,1) rotate(-0.001)" class="tiledropped"><animateTransform attributeName="transform" attributeType="XML" dur="43s" type="translate" values="-98.354,-307.675;-98.354,-307.675;-98.354,-307.675;-98.354,-307.675;-98.354,-307.675;-98.354,-307.675;-98.354,-307.675;-98.354,-307.675;-98.354,-307.675;-98.354,-307.675;-98.354,-307.675;-98.354,-307.675;-98.354,-307.675;-77.94,-27;-77.94,-27;-77.94,-27;-77.94,-27;-77.94,-27;-77.94,-27;-77.94,-27;-77.94,-27;-77.94,-27;-77.94,-27;-77.94,-27;-77.94,-27;-77.94,-27;-77.94,-27;-77.94,-27;-77.94,-27;-77.94,-27;-77.94,-27;-77.94,-27;-77.94,-27;-77.94,-27;-77.94,-27;-77.94,-27;-77.94,-27;-77.94,-27;-77.94,-27;-87.54,-337.4;-77.94,-27;-77.94,-27;-77.94,-27" fill="freeze"/><animateTransform attributeName="transform" attributeType="XML" dur="43s" type="scale" values="1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1" additive="sum" fill="freeze"/><animateTransform attributeName="transform" attributeType="XML" dur="43s" type="rotate" values="-0.001;-0.001;-0.001;-0.001;-0.001;-0.001;-0.001;-0.001;-0.001;-0.001;-0.001;-0.001;-0.001;0.001;0.001;0.001;0.001;0.001;0.001;0.001;0.001;0.001;0.001;0.001;0.001;0.001;0.001;0.001;0.001;0.001;0.001;0.001;0.001;0.001;0.001;0.001;0.001;0.001;0.001;0.001;0.001;0.001;0.001" additive="sum" fill="freeze"/></use><use href="#tile25" fill="#FF8C00" transform="translate(-132.315,-1.22) scale(1,1) rotate(-0.001)" class="tiledropped"><animateTransform attributeName="transform" attributeType="XML" dur="43s" type="translate" values="-67.178,-307.677;-67.178,-307.677;-67.178,-307.677;-67.178,-307.677;-67.178,-307.677;-67.178,-307.677;-67.178,-307.677;-67.178,-307.677;46.765,-9;46.765,-9;46.765,-9;46.765,-9;46.765,-9;46.765,-9;46.765,-9;46.765,-9;46.765,-9;46.765,-9;46.765,-9;46.765,-9;46.765,-9;46.765,-9;46.765,-9;46.765,-9;46.765,-9;46.765,-9;46.765,-9;46.765,-9;46.765,-9;46.765,-9;46.765,-9;46.765,-9;46.765,-9;46.765,-9;46.765,-9;46.765,-9;46.765,-9;46.765,-9;46.765,-9;46.765,-9;46.765,-9;46.765,-9;46.765,-9" fill="freeze"/><animateTransform attributeName="transform" attributeType="XML" dur="43s" type="scale" values="1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1" additive="sum" fill="freeze"/><animateTransform attributeName="transform" attributeType="XML" dur="43s" type="rotate" values="-0.003;-0.003;-0.003;-0.003;-0.003;-0.003;-0.003;-0.003;-0.001;-0.001;-0.001;-0.001;-0.001;-0.001;-0.001;-0.001;-0.001;-0.001;-0.001;-0.001;-0.001;-0.001;-0.001;-0.001;-0.001;-0.001;-0.001;-0.001;-0.001;-0.001;-0.001;-0.001;-0.001;-0.001;-0.001;-0.001;-0.001;-0.001;-0.001;-0.001;-0.001;-0.001;-0.001" additive="sum" fill="freeze"/></use><use href="#tile14" fill="#FF0000" transform="translate(-36.002,-307.679) scale(1,1) rotate(-0.003)" class="tiledropped"><animateTransform attributeName="transform" attributeType="XML" dur="43s" type="translate" values="-36.002,-307.679;-36.002,-307.679;-36.002,-307.679;-36.002,-307.679;-36.002,-307.679;-36.002,-307.679;-36.002,-307.679;-36.002,-307.679;-36.002,-307.679;-36.002,-307.679;-36.002,-307.679;-36.002,-307.679;-36.002,-307.679;-36.002,-307.679;-36.002,-307.679;-109.116,-9;-109.116,-9;-109.116,-9;-109.116,-9;-109.116,-9;-109.116,-9;-109.116,-9;-109.116,-9;-109.116,-9;-109.116,-9;-109.116,-9;-109.116,-9;-109.116,-9;-109.116,-9;-109.116,-9;-109.116,-9;-109.116,-9;-109.116,-9;-109.116,-9;-109.116,-9;-109.116,-9;-109.116,-9;-109.116,-9;-109.116,-9;-40.316,-319.4;-109.116,-9;-109.116,-9;-109.116,-9" fill="freeze"/><animateTransform attributeName="transform" attributeType="XML" dur="43s" type="scale" values="1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1" additive="sum" fill="freeze"/><animateTransform attributeName="transform" attributeType="XML" dur="43s" type="rotate" values="-0.003;-0.003;-0.003;-0.003;-0.003;-0.003;-0.003;-0.003;-0.003;-0.003;-0.003;-0.003;-0.003;-0.003;-0.003;0.001;0.001;0.001;0.001;0.001;0.001;0.001;0.001;0.001;0.001;0.001;0.001;0.001;0.001;0.001;0.001;0.001;0.001;0.001;0.001;0.001;0.001;0.001;0.001;0.001;0.001;0.001;0.001" additive="sum" fill="freeze"/></use><use href="#tile2" fill="#00BFFF" transform="translate(-20.412,-280.68) scale(1,1) rotate(-0.004)" class="tiledropped"><animateTransform attributeName="transform" attributeType="XML" dur="43s" type="translate" values="-20.412,-280.68;-20.412,-280.68;-20.412,-280.68;-20.412,-280.68;-20.412,-280.68;-20.412,-280.68;-20.412,-280.68;-20.412,-280.68;-20.412,-280.68;-20.412,-280.68;-20.412,-280.68;-20.412,-280.68;-20.412,-280.68;-20.412,-280.68;-20.412,-280.68;-20.412,-280.68;-20.412,-280.68;-31.176,54;-31.176,54;-31.176,54;-31.176,54;-31.176,54;-31.176,54;-31.176,54;-31.176,54;-31.176,54;-31.176,54;-31.176,54;-31.176,54;-31.176,54;-31.176,54;-31.176,54;-31.176,54;-31.176,54;-31.176,54;-31.176,54;-31.176,54;-31.176,54;-31.176,54;-31.176,54;-31.176,54;-31.176,54;-31.176,54" fill="freeze"/><animateTransform attributeName="transform" attributeType="XML" dur="43s" type="scale" values="1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1" additive="sum" fill="freeze"/><animateTransform attributeName="transform" attributeType="XML" dur="43s" type="rotate" values="-0.004;-0.004;-0.004;-0.004;-0.004;-0.004;-0.004;-0.004;-0.004;-0.004;-0.004;-0.004;-0.004;-0.004;-0.004;-0.004;-0.004;0;0;0;0;0;0;0;0;0;0;0;0;0;0;0;0;0;0;0;0;0;0;0;0;0;0" additive="sum" fill="freeze"/></use><use href="#tile26" fill="#FF8C00" transform="translate(-4.826,-307.681) scale(1,1) rotate(-0.003)" class="tiledropped"><animateTransform attributeName="transform" attributeType="XML" dur="43s" type="translate" values="-4.826,-307.681;-4.826,-307.681;-4.826,-307.681;-4.826,-307.681;-4.826,-307.681;-4.826,-307.681;-4.826,-307.681;-4.826,-307.681;-4.826,-307.681;-4.826,-307.681;-4.826,-307.681;-4.826,-307.681;-4.826,-307.681;-4.826,-307.681;-4.826,-307.681;-4.826,-307.681;-4.826,-307.681;-4.826,-307.681;-4.826,-307.681;-4.826,-307.681;-4.826,-307.681;-4.826,-307.681;-4.826,-307.681;-4.826,-307.681;-4.826,-307.681;-4.826,-307.681;-4.826,-307.681;-4.826,-307.681;-4.826,-307.681;-4.826,-307.681;-4.826,-307.681;77.942,-63;77.942,-63;77.942,-63;77.942,-63;77.942,-63;77.942,-63;77.942,-63;77.942,-63;41.142,-383;77.942,-63;77.942,-63;77.942,-63" fill="freeze"/><animateTransform attributeName="transform" attributeType="XML" dur="43s" type="scale" values="1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1" additive="sum" fill="freeze"/><animateTransform attributeName="transform" attributeType="XML" dur="43s" type="rotate" values="-0.003;-0.003;-0.003;-0.003;-0.003;-0.003;-0.003;-0.003;-0.003;-0.003;-0.003;-0.003;-0.003;-0.003;-0.003;-0.003;-0.003;-0.003;-0.003;-0.003;-0.003;-0.003;-0.003;-0.003;-0.003;-0.003;-0.003;-0.003;-0.003;-0.003;-0.003;-0.001;-0.001;-0.001;-0.001;-0.001;-0.001;-0.001;-0.001;-0.001;-0.001;-0.001;-0.001" additive="sum" fill="freeze"/></use><use href="#tile15" fill="#FF0000" transform="translate(26.35,-307.683) scale(1,1) rotate(-0.003)" class="tiledropped"><animateTransform attributeName="transform" attributeType="XML" dur="43s" type="translate" values="26.35,-307.683;26.35,-307.683;26.35,-307.683;26.35,-307.683;26.35,-307.683;26.35,-307.683;26.35,-307.683;26.35,-307.683;26.35,-307.683;26.35,-307.683;26.35,-307.683;26.35,-307.683;26.35,-307.683;26.35,-307.683;26.35,-307.683;26.35,-307.683;26.35,-307.683;26.35,-307.683;26.35,-307.683;26.35,-307.683;26.35,-307.683;-77.941,9;-77.941,9;-77.941,9;-77.941,9;-77.941,9;-77.941,9;-77.941,9;-77.941,9;-77.941,9;-77.941,9;-77.941,9;-77.941,9;-77.941,9;-77.941,9;-77.941,9;-77.941,9;-77.941,9;-77.941,9;72.459,-352.6;-77.941,9;-77.941,9;-77.941,9" fill="freeze"/><animateTransform attributeName="transform" attributeType="XML" dur="43s" type="scale" values="1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1" additive="sum" fill="freeze"/><animateTransform attributeName="transform" attributeType="XML" dur="43s" type="rotate" values="-0.003;-0.003;-0.003;-0.003;-0.003;-0.003;-0.003;-0.003;-0.003;-0.003;-0.003;-0.003;-0.003;-0.003;-0.003;-0.003;-0.003;-0.003;-0.003;-0.003;-0.003;0.001;0.001;0.001;0.001;0.001;0.001;0.001;0.001;0.001;0.001;0.001;0.001;0.001;0.001;0.001;0.001;0.001;0.001;0.001;0.001;0.001;0.001" additive="sum" fill="freeze"/></use><use href="#tile3" fill="#00BFFF" transform="translate(41.94,-280.684) scale(1,1) rotate(-0.004)" class="tiledropped"><animateTransform attributeName="transform" attributeType="XML" dur="43s" type="translate" values="41.94,-280.684;41.94,-280.684;41.94,-280.684;41.94,-280.684;41.94,-280.684;41.94,-280.684;41.94,-280.684;41.94,-280.684;41.94,-280.684;41.94,-280.684;41.94,-280.684;41.94,-280.684;41.94,-280.684;41.94,-280.684;41.94,-280.684;41.94,-280.684;41.94,-280.684;41.94,-280.684;41.94,-280.684;-93.53,54;-93.53,54;-93.53,54;-93.53,54;-93.53,54;-93.53,54;-93.53,54;-93.53,54;-93.53,54;-93.53,54;-93.53,54;-93.53,54;-93.53,54;-93.53,54;-93.53,54;-93.53,54;-93.53,54;-93.53,54;-93.53,54;-93.53,54;-93.53,54;-93.53,54;-93.53,54;-93.53,54" fill="freeze"/><animateTransform attributeName="transform" attributeType="XML" dur="43s" type="scale" values="1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1" additive="sum" fill="freeze"/><animateTransform attributeName="transform" attributeType="XML" dur="43s" type="rotate" values="-0.004;-0.004;-0.004;-0.004;-0.004;-0.004;-0.004;-0.004;-0.004;-0.004;-0.004;-0.004;-0.004;-0.004;-0.004;-0.004;-0.004;-0.004;-0.004;0;0;0;0;0;0;0;0;0;0;0;0;0;0;0;0;0;0;0;0;0;0;0;0" additive="sum" fill="freeze"/></use><use href="#tile27" fill="#FF8C00" transform="translate(57.526,-307.685) scale(1,1) rotate(-0.003)" class="tiledropped"><animateTransform attributeName="transform" attributeType="XML" dur="43s" type="translate" values="57.526,-307.685;57.526,-307.685;57.526,-307.685;57.526,-307.685;57.526,-307.685;57.526,-307.685;57.526,-307.685;57.526,-307.685;57.526,-307.685;57.526,-307.685;57.526,-307.685;57.526,-307.685;57.526,-307.685;57.526,-307.685;57.526,-307.685;57.526,-307.685;57.526,-307.685;57.526,-307.685;57.526,-307.685;57.526,-307.685;57.526,-307.685;57.526,-307.685;57.526,-307.685;57.526,-307.685;57.526,-307.685;57.526,-307.685;57.526,-307.685;57.526,-307.685;57.526,-307.685;46.766,-81;46.766,-81;46.766,-81;46.766,-81;46.766,-81;46.766,-81;46.766,-81;46.766,-81;46.766,-81;46.766,-81;45.165,-405.8;46.766,-81;46.766,-81;46.766,-81" fill="freeze"/><animateTransform attributeName="transform" attributeType="XML" dur="43s" type="scale" values="1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1" additive="sum" fill="freeze"/><animateTransform attributeName="transform" attributeType="XML" dur="43s" type="rotate" values="-0.003;-0.003;-0.003;-0.003;-0.003;-0.003;-0.003;-0.003;-0.003;-0.003;-0.003;-0.003;-0.003;-0.003;-0.003;-0.003;-0.003;-0.003;-0.003;-0.003;-0.003;-0.003;-0.003;-0.003;-0.003;-0.003;-0.003;-0.003;-0.003;-0.001;-0.001;-0.001;-0.001;-0.001;-0.001;-0.001;-0.001;-0.001;-0.001;-0.001;-0.001;-0.001;-0.001" additive="sum" fill="freeze"/></use><use href="#tile16" fill="#FF0000" transform="translate(88.702,-307.687) scale(1,1) rotate(-0.003)" class="tiledropped"><animateTransform attributeName="transform" attributeType="XML" dur="43s" type="translate" values="88.702,-307.687;88.702,-307.687;88.702,-307.687;88.702,-307.687;88.702,-307.687;88.702,-307.687;88.702,-307.687;88.702,-307.687;88.702,-307.687;88.702,-307.687;88.702,-307.687;88.702,-307.687;88.702,-307.687;88.702,-307.687;88.702,-307.687;88.702,-307.687;88.702,-307.687;88.702,-307.687;88.702,-307.687;88.702,-307.687;88.702,-307.687;88.702,-307.687;88.702,-307.687;-109.116,27;-109.116,27;-109.116,27;-109.116,27;-109.116,27;-109.116,27;-109.116,27;-109.116,27;-109.116,27;-109.116,27;-109.116,27;-109.116,27;-109.116,27;-109.116,27;-109.116,27;-109.116,27;-126.716,-371.4;-109.116,27;-109.116,27;-109.116,27" fill="freeze"/><animateTransform attributeName="transform" attributeType="XML" dur="43s" type="scale" values="1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1" additive="sum" fill="freeze"/><animateTransform attributeName="transform" attributeType="XML" dur="43s" type="rotate" values="-0.003;-0.003;-0.003;-0.003;-0.003;-0.003;-0.003;-0.003;-0.003;-0.003;-0.003;-0.003;-0.003;-0.003;-0.003;-0.003;-0.003;-0.003;-0.003;-0.003;-0.003;-0.003;-0.003;0.001;0.001;0.001;0.001;0.001;0.001;0.001;0.001;0.001;0.001;0.001;0.001;0.001;0.001;0.001;0.001;0.001;0.001;0.001;0.001" additive="sum" fill="freeze"/></use><use href="#tile4" fill="#00BFFF" transform="translate(104.292,-280.688) scale(1,1) rotate(-0.004)" class="tiledropped"><animateTransform attributeName="transform" attributeType="XML" dur="43s" type="translate" values="104.292,-280.688;104.292,-280.688;104.292,-280.688;104.292,-280.688;104.292,-280.688;104.292,-280.688;104.292,-280.688;104.292,-280.688;104.292,-280.688;104.292,-280.688;104.292,-280.688;104.292,-280.688;104.292,-280.688;104.292,-280.688;104.292,-280.688;104.292,-280.688;104.292,-280.688;104.292,-280.688;104.292,-280.688;104.292,-280.688;104.292,-280.688;104.292,-280.688;104.292,-280.688;104.292,-280.688;104.292,-280.688;-62.353,72;-62.353,72;-62.353,72;-62.353,72;-62.353,72;-62.353,72;-62.353,72;-62.353,72;-62.353,72;-62.353,72;-62.353,72;-62.353,72;-62.353,72;-62.353,72;-62.353,72;-62.353,72;-62.353,72;-62.353,72" fill="freeze"/><animateTransform attributeName="transform" attributeType="XML" dur="43s" type="scale" values="1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1" additive="sum" fill="freeze"/><animateTransform attributeName="transform" attributeType="XML" dur="43s" type="rotate" values="-0.004;-0.004;-0.004;-0.004;-0.004;-0.004;-0.004;-0.004;-0.004;-0.004;-0.004;-0.004;-0.004;-0.004;-0.004;-0.004;-0.004;-0.004;-0.004;-0.004;-0.004;-0.004;-0.004;-0.004;-0.004;0;0;0;0;0;0;0;0;0;0;0;0;0;0;0;0;0;0" additive="sum" fill="freeze"/></use><use href="#tile28" fill="#FF8C00" transform="translate(119.878,-307.689) scale(1,1) rotate(-0.003)" class="tiledropped"><animateTransform attributeName="transform" attributeType="XML" dur="43s" type="translate" values="119.878,-307.689;119.878,-307.689;119.878,-307.689;119.878,-307.689;119.878,-307.689;119.878,-307.689;119.878,-307.689;119.878,-307.689;119.878,-307.689;119.878,-307.689;119.878,-307.689;119.878,-307.689;119.878,-307.689;119.878,-307.689;119.878,-307.689;119.878,-307.689;119.878,-307.689;119.878,-307.689;119.878,-307.689;119.878,-307.689;119.878,-307.689;119.878,-307.689;119.878,-307.689;119.878,-307.689;119.878,-307.689;119.878,-307.689;119.878,-307.689;119.878,-307.689;119.878,-307.689;119.878,-307.689;119.878,-307.689;119.878,-307.689;119.878,-307.689;15.589,-99;15.589,-99;15.589,-99;15.589,-99;15.589,-99;15.589,-99;13.989,-423.8;15.589,-99;15.589,-99;15.589,-99" fill="freeze"/><animateTransform attributeName="transform" attributeType="XML" dur="43s" type="scale" values="1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1" additive="sum" fill="freeze"/><animateTransform attributeName="transform" attributeType="XML" dur="43s" type="rotate" values="-0.003;-0.003;-0.003;-0.003;-0.003;-0.003;-0.003;-0.003;-0.003;-0.003;-0.003;-0.003;-0.003;-0.003;-0.003;-0.003;-0.003;-0.003;-0.003;-0.003;-0.003;-0.003;-0.003;-0.003;-0.003;-0.003;-0.003;-0.003;-0.003;-0.003;-0.003;-0.003;-0.003;-0.001;-0.001;-0.001;-0.001;-0.001;-0.001;-0.001;-0.001;-0.001;-0.001" additive="sum" fill="freeze"/></use><use href="#tile17" fill="#FF0000" stroke="#777" transform="translate(151.054,-307.691) scale(1,1) rotate(-0.003)" class="tiledropped"><animateTransform attributeName="transform" attributeType="XML" dur="43s" type="translate" values="151.054,-307.691;151.054,-307.691;151.054,-307.691;151.054,-307.691;151.054,-307.691;151.054,-307.691;151.054,-307.691;151.054,-307.691;151.054,-307.691;151.054,-307.691;151.054,-307.691;151.054,-307.691;151.054,-307.691;151.054,-307.691;151.054,-307.691;151.054,-307.691;151.054,-307.691;151.054,-307.691;151.054,-307.691;151.054,-307.691;151.054,-307.691;151.054,-307.691;151.054,-307.691;151.054,-307.691;151.054,-307.691;151.054,-307.691;151.054,-307.691;-15.588,-99;-15.588,-99;-15.588,-99;-15.588,-99;-15.588,-99;-15.588,-99;-15.588,-99;-15.588,-99;-15.588,-99;-15.588,-99;-15.588,-99;-15.588,-99;9.917,-417.4;-15.588,-99;-15.588,-99;-15.588,-99" fill="freeze"/><animateTransform attributeName="transform" attributeType="XML" dur="43s" type="scale" values="1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1" additive="sum" fill="freeze"/><animateTransform attributeName="transform" attributeType="XML" dur="43s" type="rotate" values="-0.003;-0.003;-0.003;-0.003;-0.003;-0.003;-0.003;-0.003;-0.003;-0.003;-0.003;-0.003;-0.003;-0.003;-0.003;-0.003;-0.003;-0.003;-0.003;-0.003;-0.003;-0.003;-0.003;-0.003;-0.003;-0.003;-0.003;0.001;0.001;0.001;0.001;0.001;0.001;0.001;0.001;0.001;0.001;0.001;0.001;-0.001;0.001;0.001;0.001" additive="sum" fill="freeze"/></use><use href="#tile5" fill="#00BFFF" stroke="#777" transform="translate(166.644,-280.692) scale(1,1) rotate(-0.004)" class="tiledropped"><animateTransform attributeName="transform" attributeType="XML" dur="43s" type="translate" values="166.644,-280.692;166.644,-280.692;166.644,-280.692;166.644,-280.692;166.644,-280.692;166.644,-280.692;166.644,-280.692;166.644,-280.692;166.644,-280.692;166.644,-280.692;166.644,-280.692;166.644,-280.692;166.644,-280.692;166.644,-280.692;166.644,-280.692;166.644,-280.692;166.644,-280.692;166.644,-280.692;166.644,-280.692;166.644,-280.692;166.644,-280.692;166.644,-280.692;166.644,-280.692;166.644,-280.692;166.644,-280.692;166.644,-280.692;166.644,-280.692;166.644,-280.692;166.644,-280.692;166.644,-280.692;166.644,-280.692;166.644,-280.692;166.644,-280.692;166.644,-280.692;166.644,-280.692;93.529,53.999;93.529,53.999;93.529,53.999;93.529,53.999;155.929,-378.001;93.529,53.999;51.929,308.399;93.529,53.999" fill="freeze"/><animateTransform attributeName="transform" attributeType="XML" dur="43s" type="scale" values="1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1" additive="sum" fill="freeze"/><animateTransform attributeName="transform" attributeType="XML" dur="43s" type="rotate" values="-0.004;-0.004;-0.004;-0.004;-0.004;-0.004;-0.004;-0.004;-0.004;-0.004;-0.004;-0.004;-0.004;-0.004;-0.004;-0.004;-0.004;-0.004;-0.004;-0.004;-0.004;-0.004;-0.004;-0.004;-0.004;-0.004;-0.004;-0.004;-0.004;-0.004;-0.004;-0.004;-0.004;-0.004;-0.004;-0.002;-0.002;-0.002;-0.002;-0.002;-0.002;-0.002;-0.002" additive="sum" fill="freeze"/></use><use href="#tile29" fill="#FF8C00" stroke="#777" transform="translate(182.23,-307.693) scale(1,1) rotate(-0.003)" class="tiledropped"><animateTransform attributeName="transform" attributeType="XML" dur="43s" type="translate" values="182.23,-307.693;182.23,-307.693;182.23,-307.693;182.23,-307.693;182.23,-307.693;182.23,-307.693;182.23,-307.693;182.23,-307.693;182.23,-307.693;182.23,-307.693;182.23,-307.693;182.23,-307.693;182.23,-307.693;182.23,-307.693;182.23,-307.693;182.23,-307.693;182.23,-307.693;182.23,-307.693;182.23,-307.693;182.23,-307.693;182.23,-307.693;182.23,-307.693;182.23,-307.693;182.23,-307.693;182.23,-307.693;182.23,-307.693;182.23,-307.693;182.23,-307.693;182.23,-307.693;182.23,-307.693;182.23,-307.693;182.23,-307.693;182.23,-307.693;182.23,-307.693;182.23,-307.693;182.23,-307.693;182.23,-307.693;109.118,-45;-46.765,-99;-48.365,-367.8;-46.765,-99;-165.892,299.8;-46.765,-99" fill="freeze"/><animateTransform attributeName="transform" attributeType="XML" dur="43s" type="scale" values="1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1" additive="sum" fill="freeze"/><animateTransform attributeName="transform" attributeType="XML" dur="43s" type="rotate" values="-0.003;-0.003;-0.003;-0.003;-0.003;-0.003;-0.003;-0.003;-0.003;-0.003;-0.003;-0.003;-0.003;-0.003;-0.003;-0.003;-0.003;-0.003;-0.003;-0.003;-0.003;-0.003;-0.003;-0.003;-0.003;-0.003;-0.003;-0.003;-0.003;-0.003;-0.003;-0.003;-0.003;-0.003;-0.003;-0.003;-0.003;-0.001;-0.001;-0.001;-0.001;0.001;-0.001" additive="sum" fill="freeze"/></use><use href="#tile10" fill="#00BFFF" transform="translate(-76.28,311.109) scale(1,1) rotate(0.002)" class="tiledropped" stroke="#777"><animateTransform attributeName="transform" attributeType="XML" dur="43s" type="translate" values="-76.28,311.109;-76.28,311.109;-76.28,311.109;-76.28,311.109;-76.28,311.109;-31.177,-54;-31.177,-54;-31.177,-54;-31.177,-54;-31.177,-54;-31.177,-54;-31.177,-54;-31.177,-54;-31.177,-54;-31.177,-54;-31.177,-54;-31.177,-54;-31.177,-54;-31.177,-54;-31.177,-54;-31.177,-54;-31.177,-54;-31.177,-54;-31.177,-54;-31.177,-54;-31.177,-54;-31.177,-54;-31.177,-54;-31.177,-54;-31.177,-54;-31.177,-54;-31.177,-54;-31.177,-54;-31.177,-54;-31.177,-54;-31.177,-54;-31.177,-54;-31.177,-54;-31.177,-54;-31.177,-54;-31.177,-54;-119.128,290.801;-31.177,-54" fill="freeze"/><animateTransform attributeName="transform" attributeType="XML" dur="43s" type="scale" values="1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1" additive="sum" fill="freeze"/><animateTransform attributeName="transform" attributeType="XML" dur="43s" type="rotate" values="0.002;0.002;0.002;0.002;0.002;0;0;0;0;0;0;0;0;0;0;0;0;0;0;0;0;0;0;0;0;0;0;0;0;0;0;0;0;0;0;0;0;0;0;0;0;0.002;0" additive="sum" fill="freeze"/></use><use href="#tile24" fill="#FF8C00" transform="translate(-101.138,-55.22) scale(1,1) rotate(-0.001)" class="tiledropped" stroke="#777"><animateTransform attributeName="transform" attributeType="XML" dur="43s" type="translate" values="-129.53,-307.675;-129.53,-307.675;-129.53,-307.675;-129.53,-307.675;15.589,-27;15.589,-27;15.589,-27;15.589,-27;15.589,-27;15.589,-27;15.589,-27;15.589,-27;15.589,-27;15.589,-27;15.589,-27;15.589,-27;15.589,-27;15.589,-27;15.589,-27;15.589,-27;15.589,-27;15.589,-27;15.589,-27;15.589,-27;15.589,-27;15.589,-27;15.589,-27;15.589,-27;15.589,-27;15.589,-27;15.589,-27;15.589,-27;15.589,-27;15.589,-27;15.589,-27;15.589,-27;15.589,-27;15.589,-27;15.589,-27;15.589,-27;15.589,-27;15.589,-27;15.589,-27" fill="freeze"/><animateTransform attributeName="transform" attributeType="XML" dur="43s" type="scale" values="1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1" additive="sum" fill="freeze"/><animateTransform attributeName="transform" attributeType="XML" dur="43s" type="rotate" values="-0.001;-0.001;-0.001;-0.001;-0.001;-0.001;-0.001;-0.001;-0.001;-0.001;-0.001;-0.001;-0.001;-0.001;-0.001;-0.001;-0.001;-0.001;-0.001;-0.001;-0.001;-0.001;-0.001;-0.001;-0.001;-0.001;-0.001;-0.001;-0.001;-0.001;-0.001;-0.001;-0.001;-0.001;-0.001;-0.001;-0.001;-0.001;-0.001;-0.001;-0.001;-0.001;-0.001" additive="sum" fill="freeze"/></use><use href="#tile11" fill="#00BFFF" stroke="#777" transform="translate(-138.633,311.108) scale(1,1) rotate(0)" class="tiledropped"><animateTransform attributeName="transform" attributeType="XML" dur="43s" type="translate" values="-138.633,311.108;0,0;0,0;0,0;0,0;0,0;0,0;0,0;0,0;0,0;0,0;0,0;0,0;0,0;0,0;0,0;0,0;0,0;0,0;0,0;0,0;0,0;0,0;0,0;0,0;0,0;0,0;0,0;0,0;0,0;0,0;0,0;0,0;0,0;0,0;0,0;0,0;0,0;0,0;0,0;0,0;0,0;0,0" fill="freeze"/><animateTransform attributeName="transform" attributeType="XML" dur="43s" type="scale" values="1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1" additive="sum" fill="freeze"/><animateTransform attributeName="transform" attributeType="XML" dur="43s" type="rotate" values="0;0;0;0;0;0;0;0;0;0;0;0;0;0;0;0;0;0;0;0;0;0;0;0;0;0;0;0;0;0;0;0;0;0;0;0;0;0;0;0;0;0;0" additive="sum" fill="freeze"/></use></g></svg>
以下圈友为 ejsoon 的帖子点了赞:
圈宝
https://ejsoon.vip/
弈趣極光：享受思維樂趣
页首
头像
ejsoon
圈圈精英
圈圈精英
帖子： 4388
注册时间： 2022年 11月 18日 17:36
为圈友点赞： 171 次
被圈友点赞： 200 次
联系：
联系 ejsoon

Re: 將為三菱棋做個規則介紹動畫

帖子 由 ejsoon »

中文規則：

代码： 全选

trirhombus是由抽象桌遊設計師ejsoon於2021年創作的遊戲。其規則在2025年得到完善。

該棋構思巧妙，攜帶方便，是居家旅行必備的遊戲。

trirhombus有三種菱形棋子，DeepSkyBlue，Red，DarkOrange。

它們的擺放方向都是固定不變的，深天藍為横向，紅色為斜向，暗橙色為反斜向。

每種顏色的棋子有十二個，雙方平分。

遊戲開始。第一個棋子必須由先手方放藍色棋子至棋盤中間。

除了第一顆棋子之外，以後的所有棋子都保留必須跟場上已有的棋子邊與邊貼合。

第二個棋子必須由後手方放紅色棋子。

之後雙方輪流落子。

唯一的禁止形狀是形成一個空洞。

當雙方的棋子都落完，則開始計分。

以雙方視角為基準，藍色為每個立方體的頂面，其餘兩種顏色為側面，計算立方體的數量。

以本局為例，先手方的分數為14分。

後手方的分數為13分。

之後雙方先後手交換再戰一局，兩局總分高者獲勝。

以上就是trirhombus的全部規則。

任何建議或想法請發送郵件至i@ejsoon.vip。

原版翻譯：

代码： 全选

Trirhombus is a game created by abstract board game designer ejsoon in 2021. Its rules were perfected in 2025.

The game features clever design and is highly portable, making it an essential for home or travel.

Trirhombus has three types of rhombus pieces: DeepSkyBlue, Red, and DarkOrange.

Their placement orientations are fixed: 
DeepSkyBlue is horizontal, Red is anti-diagonal, and DarkOrange is main diagonal.

There are twelve pieces of each color, evenly divided between the two players.

The game begins with the first player placing a DeepSkyBlue piece in the center of the board.

All subsequent pieces must be placed adjacent edge-to-edge with existing pieces on the board.

The second piece must be placed by the second player using a Red piece.

Players then take turns placing pieces.

The only forbidden formation is creating an enclosed hole.

Once all pieces have been placed, scoring begins.

From each player's perspective, DeepSkyBlue represents the top face of each cube, while the other two colors represent the side faces. Count the number of complete cubes.

In this game, for example, the first player scores 14 points.

The second player scores 13 points.

Players then switch who goes first and play a second game. The player with the higher total score over both games wins.

This covers all the rules of Trirhombus.

For any suggestions or ideas, please email i@ejsoon.vip.
上次由 ejsoon 在 2025年 12月 12日 08:31，总共编辑 1 次。
https://ejsoon.vip/
弈趣極光：享受思維樂趣
页首
头像
ejsoon
圈圈精英
圈圈精英
帖子： 4388
注册时间： 2022年 11月 18日 17:36
为圈友点赞： 171 次
被圈友点赞： 200 次
联系：
联系 ejsoon

Re: 將為三菱棋做個規則介紹動畫

帖子 由 ejsoon »

代码： 全选

Trirhombus is a abstract board game created by Ejsoon in 2021.

The game features clever design and is highly portable, making it an essential for home or travel.

Trirhombus has three types of rhombus pieces: DeepSkyBlue, Red, and DarkOrange.

Their placement orientations are fixed: 
DeepSkyBlue is horizontal, Red is anti-diagonal, and DarkOrange is main diagonal.

There are twelve pieces of each color, evenly divided between the two players.

The game begins with the first player placing a DeepSkyBlue piece in the center of the board.

All subsequent pieces must be placed adjacent edge-to-edge with existing pieces on the board.

The second piece must be placed by the second player using a Red piece.

Players then take turns placing pieces.

The only forbidden formation is creating an enclosed hole.

Once all pieces have been placed, scoring begins.

From each player's perspective, DeepSkyBlue represents the top face of each cube, while the other two colors represent the side faces. Count the number of complete cubes.

In this game, for example, the first player scores 14 points.

The second player scores 13 points.

Players then switch who goes first and play a second game. The player with the higher total score over both games wins.

This covers all the rules of Trirhombus.

For any suggestions or ideas, please email i@ejsoon.vip.
https://ejsoon.vip/
弈趣極光：享受思維樂趣
页首
头像
ejsoon
圈圈精英
圈圈精英
帖子： 4388
注册时间： 2022年 11月 18日 17:36
为圈友点赞： 171 次
被圈友点赞： 200 次
联系：
联系 ejsoon

Re: 將為三菱棋做個規則介紹動畫

帖子 由 ejsoon »

ejtileAnimation_20251212_095010.svg

代码： 全选

<svg id="etani" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:svg="http://www.w3.org/2000/svg" width="480" height="480" rfm="freeze"> <defs mode="1" rotatestep="1" rotatestart="0" stepvalue="180" snapto="0" displaywait="0"> <g id="tile0" frontfill="#00BFFF" backfill="#00BFFF"><path d="M 0,-18 L 31.177,0 L 0,18 L -31.177,0 Z"/></g>  <g id="tile1" frontfill="#00BFFF" backfill="#00BFFF"><path d="M 0,-18 L 31.177,0 L 0,18 L -31.177,0 Z"/></g><g id="tile2" frontfill="#00BFFF" backfill="#00BFFF"><path d="M 0,-18 L 31.177,0 L 0,18 L -31.177,0 Z"/></g><g id="tile3" frontfill="#00BFFF" backfill="#00BFFF"><path d="M 0,-18 L 31.177,0 L 0,18 L -31.177,0 Z"/></g><g id="tile4" frontfill="#00BFFF" backfill="#00BFFF"><path d="M 0,-18 L 31.177,0 L 0,18 L -31.177,0 Z"/></g><g id="tile5" frontfill="#00BFFF" backfill="#00BFFF"><path d="M 0,-18 L 31.177,0 L 0,18 L -31.177,0 Z"/></g><g id="tile6" frontfill="#00BFFF" backfill="#00BFFF"><path d="M 0,-18 L 31.177,0 L 0,18 L -31.177,0 Z"/></g><g id="tile7" frontfill="#00BFFF" backfill="#00BFFF"><path d="M 0,-18 L 31.177,0 L 0,18 L -31.177,0 Z"/></g><g id="tile8" frontfill="#00BFFF" backfill="#00BFFF"><path d="M 0,-18 L 31.177,0 L 0,18 L -31.177,0 Z"/></g><g id="tile9" frontfill="#00BFFF" backfill="#00BFFF"><path d="M 0,-18 L 31.177,0 L 0,18 L -31.177,0 Z"/></g><g id="tile10" frontfill="#00BFFF" backfill="#00BFFF"><path d="M 0,-18 L 31.177,0 L 0,18 L -31.177,0 Z"/></g><g id="tile11" frontfill="#00BFFF" backfill="#00BFFF"><path d="M 0,-18 L 31.177,0 L 0,18 L -31.177,0 Z"/></g><g id="tile12" frontfill="#FF0000" backfill="#FF0000"><path d="M 15.588,9 L -15.588,27 L -15.588,-9 L 15.588,-27 Z"/></g><g id="tile13" frontfill="#FF0000" backfill="#FF0000"><path d="M 15.588,9 L -15.588,27 L -15.588,-9 L 15.588,-27 Z"/></g><g id="tile14" frontfill="#FF0000" backfill="#FF0000"><path d="M 15.588,9 L -15.588,27 L -15.588,-9 L 15.588,-27 Z"/></g><g id="tile15" frontfill="#FF0000" backfill="#FF0000"><path d="M 15.588,9 L -15.588,27 L -15.588,-9 L 15.588,-27 Z"/></g><g id="tile16" frontfill="#FF0000" backfill="#FF0000"><path d="M 15.588,9 L -15.588,27 L -15.588,-9 L 15.588,-27 Z"/></g><g id="tile17" frontfill="#FF0000" backfill="#FF0000"><path d="M 15.588,9 L -15.588,27 L -15.588,-9 L 15.588,-27 Z"/></g><g id="tile18" frontfill="#FF0000" backfill="#FF0000"><path d="M 15.588,9 L -15.588,27 L -15.588,-9 L 15.588,-27 Z"/></g><g id="tile19" frontfill="#FF0000" backfill="#FF0000"><path d="M 15.588,9 L -15.588,27 L -15.588,-9 L 15.588,-27 Z"/></g><g id="tile20" frontfill="#FF0000" backfill="#FF0000"><path d="M 15.588,9 L -15.588,27 L -15.588,-9 L 15.588,-27 Z"/></g><g id="tile21" frontfill="#FF0000" backfill="#FF0000"><path d="M 15.588,9 L -15.588,27 L -15.588,-9 L 15.588,-27 Z"/></g><g id="tile22" frontfill="#FF0000" backfill="#FF0000"><path d="M 15.588,9 L -15.588,27 L -15.588,-9 L 15.588,-27 Z"/></g><g id="tile23" frontfill="#FF0000" backfill="#FF0000"><path d="M 15.588,9 L -15.588,27 L -15.588,-9 L 15.588,-27 Z"/></g><g id="tile24" frontfill="#FF8C00" backfill="#FF8C00"><path d="M -15.588,9 L -15.588,-27 L 15.588,-9 L 15.588,27 Z"/></g><g id="tile25" frontfill="#FF8C00" backfill="#FF8C00"><path d="M -15.588,9 L -15.588,-27 L 15.588,-9 L 15.588,27 Z"/></g><g id="tile26" frontfill="#FF8C00" backfill="#FF8C00"><path d="M -15.588,9 L -15.588,-27 L 15.588,-9 L 15.588,27 Z"/></g><g id="tile27" frontfill="#FF8C00" backfill="#FF8C00"><path d="M -15.588,9 L -15.588,-27 L 15.588,-9 L 15.588,27 Z"/></g><g id="tile28" frontfill="#FF8C00" backfill="#FF8C00"><path d="M -15.588,9 L -15.588,-27 L 15.588,-9 L 15.588,27 Z"/></g><g id="tile29" frontfill="#FF8C00" backfill="#FF8C00"><path d="M -15.588,9 L -15.588,-27 L 15.588,-9 L 15.588,27 Z"/></g><g id="tile30" frontfill="#FF8C00" backfill="#FF8C00"><path d="M -15.588,9 L -15.588,-27 L 15.588,-9 L 15.588,27 Z"/></g><g id="tile31" frontfill="#FF8C00" backfill="#FF8C00"><path d="M -15.588,9 L -15.588,-27 L 15.588,-9 L 15.588,27 Z"/></g><g id="tile32" frontfill="#FF8C00" backfill="#FF8C00"><path d="M -15.588,9 L -15.588,-27 L 15.588,-9 L 15.588,27 Z"/></g><g id="tile33" frontfill="#FF8C00" backfill="#FF8C00"><path d="M -15.588,9 L -15.588,-27 L 15.588,-9 L 15.588,27 Z"/></g><g id="tile34" frontfill="#FF8C00" backfill="#FF8C00"><path d="M -15.588,9 L -15.588,-27 L 15.588,-9 L 15.588,27 Z"/></g><g id="tile35" frontfill="#FF8C00" backfill="#FF8C00"><path d="M -15.588,9 L -15.588,-27 L 15.588,-9 L 15.588,27 Z"/></g></defs> <g class="etdrop" stroke="#777" stroke-width="2" stroke-linejoin="round" transform="translate(155.234,224.743) scale(0.531)" id="etanidrop"><g class="etboard"><circle r="6" cx="0" cy="300" fill="purple" stroke="none" stroke-width="0" class="bcenter"/><circle r="6" cx="0" cy="-300" fill="purple" stroke="none" stroke-width="0" class="bcenter"/><circle r="6" cx="-120" cy="60" fill="purple" stroke="none" stroke-width="0" class="bcenter"/><circle r="6" cx="-120" cy="-60" fill="purple" stroke="none" stroke-width="0" class="bcenter"/><circle r="6" cx="-120" cy="-180" fill="purple" stroke="none" stroke-width="0" class="bcenter"/><path d="M 240,240 L 240,-240 L -240,-240 L -240,240 Z" stroke="#000" stroke-width="4" fill="none" class="boardsnap0"/>

<g id="trtitile" stroke="none">
<path transform="translate(-116.727,-28.22)" fill="#00BFFF" d="M 0,-18 L 31.177,0 L 0,18 L -31.177,0 Z"/>
<path transform="translate(-132.314,-55.22)" fill="#FF0000" d="M 15.588,9 L -15.588,27 L -15.588,-9 L 15.588,-27 Z"/>
<path transform="translate(-101.139,-1.22)" fill="#FF0000" d="M 15.588,9 L -15.588,27 L -15.588,-9 L 15.588,-27 Z"/>
<path transform="translate(-101.138,-55.22)" fill="#FF8C00" d="M -15.588,9 L -15.588,-27 L 15.588,-9 L 15.588,27 Z"/>
<path transform="translate(-132.315,-1.22)" fill="#FF8C00" d="M -15.588,9 L -15.588,-27 L 15.588,-9 L 15.588,27 Z"/>
<text x="-48" y="0" font-family="MyCustomFont" font-size="48" fill="gray">Trirhombus</text>
</g>

<text x="-220" y="180" font-family="MyCustomFont" font-size="=48" fill="#333" stroke="none">
<tspan x="-220" dy="0">Trirhombus is a abstract board game</tspan>
<tspan x="-220" dy="30">created by game designer ejsoon in 2021.</tspan>
</text>


</g><use href="#tile9" fill="#00BFFF" stroke="#777" transform="translate(0,300) scale(-1,1) rotate(-0.002)" class="tiledropped"/><use href="#tile33" fill="#FF8C00" transform="translate(-15.589,326.999) scale(1,1) rotate(-179.999)" class="tiledropped" stroke="#777"/><use href="#tile21" fill="#FF0000" transform="translate(15.587,327.001) scale(1,1) rotate(0.003)" class="tiledropped" stroke="#777"/><use href="#tile32" fill="#FF8C00" transform="translate(46.763,327.003) scale(1,1) rotate(0.003)" class="tiledropped" stroke="#777"/><use href="#tile8" fill="#00BFFF" transform="translate(62.353,300.004) scale(1,1) rotate(0.004)" class="tiledropped" stroke="#777"/><use href="#tile20" fill="#FF0000" transform="translate(77.939,327.005) scale(1,1) rotate(0.003)" class="tiledropped" stroke="#777"/><use href="#tile31" fill="#FF8C00" transform="translate(109.115,327.007) scale(1,1) rotate(0.003)" class="tiledropped" stroke="#777"/><use href="#tile19" fill="#FF0000" stroke="#777" transform="translate(140.291,327.009) scale(1,1) rotate(0.003)" class="tiledropped"/><use href="#tile7" fill="#00BFFF" transform="translate(124.705,300.008) scale(1,1) rotate(0.004)" class="tiledropped" stroke="#777"/><use href="#tile30" fill="#FF8C00" stroke="#777" transform="translate(171.467,327.011) scale(1,1) rotate(0.003)" class="tiledropped"/><use href="#tile6" fill="#00BFFF" transform="translate(187.057,300.012) scale(1,1) rotate(0.004)" class="tiledropped" stroke="#777"/><use href="#tile18" fill="#FF0000" stroke="#777" transform="translate(202.643,327.013) scale(1,1) rotate(0.003)" class="tiledropped"/><use href="#tile22" fill="#FF0000" transform="translate(-46.765,326.999) scale(1,1) rotate(0.001)" class="tiledropped" stroke="#777"/><use href="#tile10" fill="#00BFFF" transform="translate(-62.354,299.999) scale(1,1) rotate(0)" class="tiledropped" stroke="#777"/><use href="#tile34" fill="#FF8C00" stroke="#777" transform="translate(-77.941,326.999) scale(1,1) rotate(0.001)" class="tiledropped"/><use href="#tile23" fill="#FF0000" transform="translate(-109.117,326.999) scale(1,1) rotate(0.001)" class="tiledropped" stroke="#777"/><use href="#tile35" fill="#FF8C00" stroke="#777" transform="translate(-140.293,326.999) scale(1,1) rotate(0.001)" class="tiledropped"/><use href="#tile11" fill="#00BFFF" stroke="#777" transform="translate(-124.706,299.999) scale(1,1) rotate(0)" class="tiledropped"><animateTransform attributeName="transform" attributeType="XML" fill="freeze" dur="4s" type="translate" values="-124.706,299.999;-120,-60;-120,-60;-120,-60;-120,-60;-124.706,299.999"/><animateTransform attributeName="transform" attributeType="XML" fill="freeze" dur="4s" type="scale" values="1,1;1,1;1,1;1,1;1,1;1,1" additive="sum"/><animateTransform attributeName="transform" attributeType="XML" fill="freeze" dur="4s" type="rotate" values="0;0;0;0;0;0" additive="sum"/></use><use href="#tile3" fill="#00BFFF" transform="translate(0,-300) scale(-1,1) rotate(0.004)" class="tiledropped" stroke="#777"/><use href="#tile27" fill="#FF8C00" transform="translate(15.585,-327.001) scale(1,1) rotate(-0.005)" class="tiledropped" stroke="#777"/><use href="#tile15" fill="#FF0000" transform="translate(-15.591,-326.999) scale(1,1) rotate(-0.003)" class="tiledropped" stroke="#777"/><use href="#tile26" fill="#FF8C00" transform="translate(-46.767,-326.997) scale(1,1) rotate(-0.003)" class="tiledropped" stroke="#777"/><use href="#tile14" fill="#FF0000" transform="translate(-77.943,-326.995) scale(1,1) rotate(-0.003)" class="tiledropped" stroke="#777"/><use href="#tile2" fill="#00BFFF" transform="translate(-62.355,-299.996) scale(1,1) rotate(-0.002)" class="tiledropped" stroke="#777"/><use href="#tile25" fill="#FF8C00" transform="translate(-109.119,-326.993) scale(1,1) rotate(-0.003)" class="tiledropped" stroke="#777"/><use href="#tile12" fill="#FF0000" transform="translate(-140.295,-326.991) scale(1,1) rotate(-0.003)" class="tiledropped" stroke="#777"/><use href="#tile24" fill="#FF8C00" transform="translate(-171.471,-326.989) scale(1,1) rotate(-0.003)" class="tiledropped" stroke="#777"><animateTransform attributeName="transform" attributeType="XML" fill="freeze" dur="4s" type="translate" values="-171.471,-326.989;-120,60;-120,60;-120,60;-120,60;-171.471,-326.989"/><animateTransform attributeName="transform" attributeType="XML" fill="freeze" dur="4s" type="scale" values="1,1;1,1;1,1;1,1;1,1;1,1" additive="sum"/><animateTransform attributeName="transform" attributeType="XML" fill="freeze" dur="4s" type="rotate" values="-0.003;-0.003;-0.003;-0.003;-0.003;-0.003" additive="sum"/></use><use href="#tile13" fill="#FF0000" stroke="#777" transform="translate(-202.647,-326.987) scale(1,1) rotate(-0.003)" class="tiledropped"><animateTransform attributeName="transform" attributeType="XML" fill="freeze" dur="4s" type="translate" values="-202.647,-326.987;-120,-180;-120,-180;-120,-180;-120,-180;-202.647,-326.987"/><animateTransform attributeName="transform" attributeType="XML" fill="freeze" dur="4s" type="scale" values="1,1;1,1;1,1;1,1;1,1;1,1" additive="sum"/><animateTransform attributeName="transform" attributeType="XML" fill="freeze" dur="4s" type="rotate" values="-0.001;0;0;0;0;-0.001" additive="sum"/></use><use href="#tile1" fill="#00BFFF" transform="translate(-124.707,-299.992) scale(1,1) rotate(-0.002)" class="tiledropped" stroke="#777"/><use href="#tile0" fill="#00BFFF" transform="translate(-187.058,-299.988) scale(1,1) rotate(179.998)" class="tiledropped" stroke="#777"/><use href="#tile16" fill="#FF0000" transform="translate(46.761,-327.003) scale(1,1) rotate(-0.005)" class="tiledropped" stroke="#777"/><use href="#tile28" fill="#FF8C00" transform="translate(77.937,-327.005) scale(1,1) rotate(-0.005)" class="tiledropped" stroke="#777"/><use href="#tile4" fill="#00BFFF" transform="translate(62.352,-300.005) scale(1,1) rotate(-0.006)" class="tiledropped" stroke="#777"/><use href="#tile17" fill="#FF0000" stroke="#777" transform="translate(109.113,-327.007) scale(1,1) rotate(-0.005)" class="tiledropped"/><use href="#tile29" fill="#FF8C00" stroke="#777" transform="translate(140.289,-327.009) scale(1,1) rotate(-0.005)" class="tiledropped"/><use href="#tile5" fill="#00BFFF" stroke="#777" transform="translate(124.704,-300.009) scale(1,1) rotate(-0.006)" class="tilesnapped tiledropped"/></g></svg>
https://ejsoon.vip/
弈趣極光：享受思維樂趣
页首
头像
ejsoon
圈圈精英
圈圈精英
帖子： 4388
注册时间： 2022年 11月 18日 17:36
为圈友点赞： 171 次
被圈友点赞： 200 次
联系：
联系 ejsoon

Re: 將為三菱棋做個規則介紹動畫

帖子 由 ejsoon »

代码： 全选

<svg id="etani" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:svg="http://www.w3.org/2000/svg" width="480" height="480" rfm="mixed"> <defs mode="1" rotatestep="1" rotatestart="0" stepvalue="180" snapto="0" displaywait="0"> <g id="tile0" frontfill="#00BFFF" backfill="#00BFFF"><path d="M 0,-18 L 31.177,0 L 0,18 L -31.177,0 Z"/></g>  <g id="tile1" frontfill="#00BFFF" backfill="#00BFFF"><path d="M 0,-18 L 31.177,0 L 0,18 L -31.177,0 Z"/></g><g id="tile2" frontfill="#00BFFF" backfill="#00BFFF"><path d="M 0,-18 L 31.177,0 L 0,18 L -31.177,0 Z"/></g><g id="tile3" frontfill="#00BFFF" backfill="#00BFFF"><path d="M 0,-18 L 31.177,0 L 0,18 L -31.177,0 Z"/></g><g id="tile4" frontfill="#00BFFF" backfill="#00BFFF"><path d="M 0,-18 L 31.177,0 L 0,18 L -31.177,0 Z"/></g><g id="tile5" frontfill="#00BFFF" backfill="#00BFFF"><path d="M 0,-18 L 31.177,0 L 0,18 L -31.177,0 Z"/></g><g id="tile6" frontfill="#00BFFF" backfill="#00BFFF"><path d="M 0,-18 L 31.177,0 L 0,18 L -31.177,0 Z"/></g><g id="tile7" frontfill="#00BFFF" backfill="#00BFFF"><path d="M 0,-18 L 31.177,0 L 0,18 L -31.177,0 Z"/></g><g id="tile8" frontfill="#00BFFF" backfill="#00BFFF"><path d="M 0,-18 L 31.177,0 L 0,18 L -31.177,0 Z"/></g><g id="tile9" frontfill="#00BFFF" backfill="#00BFFF"><path d="M 0,-18 L 31.177,0 L 0,18 L -31.177,0 Z"/></g><g id="tile10" frontfill="#00BFFF" backfill="#00BFFF"><path d="M 0,-18 L 31.177,0 L 0,18 L -31.177,0 Z"/></g><g id="tile11" frontfill="#00BFFF" backfill="#00BFFF"><path d="M 0,-18 L 31.177,0 L 0,18 L -31.177,0 Z"/></g><g id="tile12" frontfill="#FF0000" backfill="#FF0000"><path d="M 15.588,9 L -15.588,27 L -15.588,-9 L 15.588,-27 Z"/></g><g id="tile13" frontfill="#FF0000" backfill="#FF0000"><path d="M 15.588,9 L -15.588,27 L -15.588,-9 L 15.588,-27 Z"/></g><g id="tile14" frontfill="#FF0000" backfill="#FF0000"><path d="M 15.588,9 L -15.588,27 L -15.588,-9 L 15.588,-27 Z"/></g><g id="tile15" frontfill="#FF0000" backfill="#FF0000"><path d="M 15.588,9 L -15.588,27 L -15.588,-9 L 15.588,-27 Z"/></g><g id="tile16" frontfill="#FF0000" backfill="#FF0000"><path d="M 15.588,9 L -15.588,27 L -15.588,-9 L 15.588,-27 Z"/></g><g id="tile17" frontfill="#FF0000" backfill="#FF0000"><path d="M 15.588,9 L -15.588,27 L -15.588,-9 L 15.588,-27 Z"/></g><g id="tile18" frontfill="#FF0000" backfill="#FF0000"><path d="M 15.588,9 L -15.588,27 L -15.588,-9 L 15.588,-27 Z"/></g><g id="tile19" frontfill="#FF0000" backfill="#FF0000"><path d="M 15.588,9 L -15.588,27 L -15.588,-9 L 15.588,-27 Z"/></g><g id="tile20" frontfill="#FF0000" backfill="#FF0000"><path d="M 15.588,9 L -15.588,27 L -15.588,-9 L 15.588,-27 Z"/></g><g id="tile21" frontfill="#FF0000" backfill="#FF0000"><path d="M 15.588,9 L -15.588,27 L -15.588,-9 L 15.588,-27 Z"/></g><g id="tile22" frontfill="#FF0000" backfill="#FF0000"><path d="M 15.588,9 L -15.588,27 L -15.588,-9 L 15.588,-27 Z"/></g><g id="tile23" frontfill="#FF0000" backfill="#FF0000"><path d="M 15.588,9 L -15.588,27 L -15.588,-9 L 15.588,-27 Z"/></g><g id="tile24" frontfill="#FF8C00" backfill="#FF8C00"><path d="M -15.588,9 L -15.588,-27 L 15.588,-9 L 15.588,27 Z"/></g><g id="tile25" frontfill="#FF8C00" backfill="#FF8C00"><path d="M -15.588,9 L -15.588,-27 L 15.588,-9 L 15.588,27 Z"/></g><g id="tile26" frontfill="#FF8C00" backfill="#FF8C00"><path d="M -15.588,9 L -15.588,-27 L 15.588,-9 L 15.588,27 Z"/></g><g id="tile27" frontfill="#FF8C00" backfill="#FF8C00"><path d="M -15.588,9 L -15.588,-27 L 15.588,-9 L 15.588,27 Z"/></g><g id="tile28" frontfill="#FF8C00" backfill="#FF8C00"><path d="M -15.588,9 L -15.588,-27 L 15.588,-9 L 15.588,27 Z"/></g><g id="tile29" frontfill="#FF8C00" backfill="#FF8C00"><path d="M -15.588,9 L -15.588,-27 L 15.588,-9 L 15.588,27 Z"/></g><g id="tile30" frontfill="#FF8C00" backfill="#FF8C00"><path d="M -15.588,9 L -15.588,-27 L 15.588,-9 L 15.588,27 Z"/></g><g id="tile31" frontfill="#FF8C00" backfill="#FF8C00"><path d="M -15.588,9 L -15.588,-27 L 15.588,-9 L 15.588,27 Z"/></g><g id="tile32" frontfill="#FF8C00" backfill="#FF8C00"><path d="M -15.588,9 L -15.588,-27 L 15.588,-9 L 15.588,27 Z"/></g><g id="tile33" frontfill="#FF8C00" backfill="#FF8C00"><path d="M -15.588,9 L -15.588,-27 L 15.588,-9 L 15.588,27 Z"/></g><g id="tile34" frontfill="#FF8C00" backfill="#FF8C00"><path d="M -15.588,9 L -15.588,-27 L 15.588,-9 L 15.588,27 Z"/></g><g id="tile35" frontfill="#FF8C00" backfill="#FF8C00"><path d="M -15.588,9 L -15.588,-27 L 15.588,-9 L 15.588,27 Z"/></g></defs> <g class="etdrop" stroke="#777" stroke-width="2" stroke-linejoin="round" transform="translate(240,240) scale(1,1)" id="etanidrop"><g class="etboard"><circle r="6" cx="0" cy="300" fill="none" stroke="none" stroke-width="0" class="bcenter"/><circle r="6" cx="0" cy="-300" fill="none" stroke="none" stroke-width="0" class="bcenter"/><circle r="6" cx="-120" cy="60" fill="none" stroke="none" stroke-width="0" class="bcenter"/><circle r="6" cx="-120" cy="-60" fill="none" stroke="none" stroke-width="0" class="bcenter"/><circle r="6" cx="-120" cy="-180" fill="none" stroke="none" stroke-width="0" class="bcenter"/><path d="M 240,240 L 240,-240 L -240,-240 L -240,240 Z" stroke="#000" stroke-width="4" fill="none" class="boardsnap0"/>

<g id="trtitile" transform="translate(-24,0)" stroke="none">
<path transform="translate(-116.727,-28.22)" fill="#00BFFF" d="M 0,-18 L 31.177,0 L 0,18 L -31.177,0 Z"/>
<path transform="translate(-132.314,-55.22)" fill="#FF0000" d="M 15.588,9 L -15.588,27 L -15.588,-9 L 15.588,-27 Z"/>
<path transform="translate(-101.139,-1.22)" fill="#FF0000" d="M 15.588,9 L -15.588,27 L -15.588,-9 L 15.588,-27 Z"/>
<path transform="translate(-101.138,-55.22)" fill="#FF8C00" d="M -15.588,9 L -15.588,-27 L 15.588,-9 L 15.588,27 Z"/>
<path transform="translate(-132.315,-1.22)" fill="#FF8C00" d="M -15.588,9 L -15.588,-27 L 15.588,-9 L 15.588,27 Z"/>
<text x="-60" y="-12" font-family="Sora" font-size="48" fill="gray">Trirhombus</text>
</g>

<g id="trpiece" opacity="0">
<text x="-240" y="-240" font-family="Sora" font-size="36" stroke="none">
<tspan x="-60" dy="72" fill="#00BFFF">DeepSkyBlue</tspan>
<tspan x="-60" dy="120" fill="#FF0000">Red</tspan>
<tspan x="-60" dy="120" fill="#FF8C00">DarkOrange</tspan>
</text>
</g>

<mask id="textmask">
<path fill="#FFFFFF" d="M -240,160 h 480 v 60 h -480 Z"/>
</mask>

<text id="thetext" mask="url(#textmask)" x="-220" y="180" font-family="Sora" font-size="16" fill="#333" stroke="none">
<tspan x="-220" dy="0">Trirhombus is a abstract board game </tspan>
<tspan x="-220" dy="30">created by board game designer Ejsoon in 2021.</tspan>
<tspan x="-220" dy="30">The game is smartly designed and super portable, </tspan>
<tspan x="-220" dy="30">perfect for home and travel.</tspan>
<tspan x="-220" dy="30">Trirhombus has three types of rhombus pieces: </tspan>
<tspan x="-220" dy="30">DeepSkyBlue, Red, and DarkOrange.</tspan>
<tspan x="-220" dy="30">Their placement orientations are fixed: </tspan>
<tspan x="-220" dy="30">horizontal, anti-diagonal, and main diagonal.</tspan>
<tspan x="-220" dy="30">There are twelve pieces of each color, </tspan>
<tspan x="-220" dy="30">evenly divided between the two players.</tspan>
<tspan x="-220" dy="30">The game begins with the first player placing </tspan>
<tspan x="-220" dy="30">a DeepSkyBlue piece in the center of the board.</tspan>
<tspan x="-220" dy="30">The second piece must be placed </tspan>
<tspan x="-220" dy="30">by the second player using a Red piece.</tspan>
<tspan x="-220" dy="30">All subsequent pieces must be placed adjacent </tspan>
<tspan x="-220" dy="30">edge-to-edge with existing pieces on the board.</tspan>
<tspan x="-220" dy="30">Players then take turns placing pieces.</tspan>
<tspan x="-220" dy="30">~</tspan>
<tspan x="-220" dy="30">The only forbidden formation is </tspan>
<tspan x="-220" dy="30">creating an enclosed hole.</tspan>
<tspan x="-220" dy="30">Once all pieces have been placed, scoring begins.</tspan>
<tspan x="-220" dy="30">~</tspan>
<tspan x="-220" dy="30">From each player's perspective, </tspan>
<tspan x="-220" dy="30">DeepSkyBlue represents the top face of each cube, </tspan>
<tspan x="-220" dy="30">while the other two colors represent the side faces. </tspan>
<tspan x="-220" dy="30">Count the number of complete cubes.</tspan>
<tspan x="-220" dy="30">In this game, for example, </tspan>
<tspan x="-220" dy="30">the first player scores 14 points.</tspan>
<tspan x="-220" dy="30">The second player scores 13 points.</tspan>
<tspan x="-220" dy="30">~</tspan>
<tspan x="-220" dy="30">Players then switch who goes first </tspan>
<tspan x="-220" dy="30">and play a second game. </tspan>
<tspan x="-220" dy="30">The player with the higher total score </tspan>
<tspan x="-220" dy="30">over both games wins.</tspan>
<tspan x="-220" dy="30">This covers all the rules of Trirhombus.</tspan>
<tspan x="-220" dy="30">~</tspan>
<tspan x="-220" dy="30">For any suggestions or ideas, </tspan>
<tspan x="-220" dy="30">please email i@ejsoon.vip.</tspan>
</text>

    <style type="text/css">
      
@font-face {
    font-family: 'Sora';
    src: url('data:font/woff2;charset=utf-8;base64,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') format('woff2');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}
    </style>

</g><use href="#tile9" fill="#00BFFF" stroke="#777" transform="translate(0,300) scale(-1,1) rotate(-0.002)" class="tiledropped"/><use href="#tile33" fill="#FF8C00" transform="translate(-15.589,326.999) scale(1,1) rotate(-179.999)" class="tiledropped" stroke="#777"/><use href="#tile21" fill="#FF0000" transform="translate(15.587,327.001) scale(1,1) rotate(0.003)" class="tiledropped" stroke="#777"/><use href="#tile32" fill="#FF8C00" transform="translate(46.763,327.003) scale(1,1) rotate(0.003)" class="tiledropped" stroke="#777"/><use href="#tile8" fill="#00BFFF" transform="translate(62.353,300.004) scale(1,1) rotate(0.004)" class="tiledropped" stroke="#777"/><use href="#tile20" fill="#FF0000" transform="translate(77.939,327.005) scale(1,1) rotate(0.003)" class="tiledropped" stroke="#777"/><use href="#tile19" fill="#FF0000" stroke="#777" transform="translate(140.291,327.009) scale(1,1) rotate(0.003)" class="tiledropped"/><use href="#tile7" fill="#00BFFF" transform="translate(124.705,300.008) scale(1,1) rotate(0.004)" class="tiledropped" stroke="#777"/><use href="#tile30" fill="#FF8C00" stroke="#777" transform="translate(171.467,327.011) scale(1,1) rotate(0.003)" class="tiledropped"/><use href="#tile6" fill="#00BFFF" transform="translate(187.057,300.012) scale(1,1) rotate(0.004)" class="tiledropped" stroke="#777"/><use href="#tile18" fill="#FF0000" stroke="#777" transform="translate(202.643,327.013) scale(1,1) rotate(0.003)" class="tiledropped"/><use href="#tile22" fill="#FF0000" transform="translate(-46.765,326.999) scale(1,1) rotate(0.001)" class="tiledropped" stroke="#777"/><use href="#tile10" fill="#00BFFF" transform="translate(-62.354,299.999) scale(1,1) rotate(0)" class="tiledropped" stroke="#777"/><use href="#tile34" fill="#FF8C00" stroke="#777" transform="translate(-77.941,326.999) scale(1,1) rotate(0.001)" class="tiledropped"/><use href="#tile23" fill="#FF0000" transform="translate(-109.117,326.999) scale(1,1) rotate(0.001)" class="tiledropped" stroke="#777"><animateTransform attributeName="transform" attributeType="XML" fill="freeze" dur="1s" type="translate" values="-109.117,326.999;-120,-60" begin="6s"/><animateTransform attributeName="transform" attributeType="XML" fill="freeze" dur="1s" type="scale" values="1,1;1,1" additive="sum" begin="6s"/><animateTransform attributeName="transform" attributeType="XML" fill="freeze" dur="1s" type="rotate" values="0.001;0.001" additive="sum" begin="6s"/></use><use href="#tile35" fill="#FF8C00" stroke="#777" transform="translate(-140.293,326.999) scale(1,1) rotate(0.001)" class="tiledropped"><animateTransform attributeName="transform" attributeType="XML" fill="freeze" dur="1s" type="translate" values="-140.293,326.999;-120,60" begin="6s"/><animateTransform attributeName="transform" attributeType="XML" fill="freeze" dur="1s" type="scale" values="1,1;1,1" additive="sum" begin="6s"/><animateTransform attributeName="transform" attributeType="XML" fill="freeze" dur="1s" type="rotate" values="0.001;0.001" additive="sum" begin="6s"/></use><use href="#tile11" fill="#00BFFF" stroke="#777" transform="translate(-124.706,299.999) scale(1,1) rotate(0)" class="tiledropped"><animateTransform attributeName="transform" attributeType="XML" fill="freeze" dur="1s" type="translate" values="-124.705,300;-120,-180" begin="6s"/><animateTransform attributeName="transform" attributeType="XML" fill="freeze" dur="1s" type="scale" values="1,1;1,1" additive="sum" begin="6s"/><animateTransform attributeName="transform" attributeType="XML" fill="freeze" dur="1s" type="rotate" values="0.002;0.002" additive="sum" begin="6s"/></use><use href="#tile3" fill="#00BFFF" transform="translate(0,-300) scale(-1,1) rotate(0.004)" class="tiledropped" stroke="#777"/><use href="#tile27" fill="#FF8C00" transform="translate(15.585,-327.001) scale(1,1) rotate(-0.005)" class="tiledropped" stroke="#777"/><use href="#tile15" fill="#FF0000" transform="translate(-15.591,-326.999) scale(1,1) rotate(-0.003)" class="tiledropped" stroke="#777"/><use href="#tile26" fill="#FF8C00" transform="translate(-46.767,-326.997) scale(1,1) rotate(-0.003)" class="tiledropped" stroke="#777"/><use href="#tile14" fill="#FF0000" transform="translate(-77.943,-326.995) scale(1,1) rotate(-0.003)" class="tiledropped" stroke="#777"/><use href="#tile2" fill="#00BFFF" transform="translate(-62.355,-299.996) scale(1,1) rotate(-0.002)" class="tiledropped" stroke="#777"/><use href="#tile25" fill="#FF8C00" transform="translate(-109.119,-326.993) scale(1,1) rotate(-0.003)" class="tiledropped" stroke="#777"/><use href="#tile12" fill="#FF0000" transform="translate(-140.295,-326.991) scale(1,1) rotate(-0.003)" class="tiledropped" stroke="#777"/><use href="#tile24" fill="#FF8C00" transform="translate(-171.471,-326.989) scale(1,1) rotate(-0.003)" class="tiledropped" stroke="#777"/><use href="#tile13" fill="#FF0000" stroke="#777" transform="translate(-202.647,-326.987) scale(1,1) rotate(-0.003)" class="tiledropped"/><use href="#tile1" fill="#00BFFF" transform="translate(-124.707,-299.992) scale(1,1) rotate(-0.002)" class="tiledropped" stroke="#777"/><use href="#tile0" fill="#00BFFF" transform="translate(-187.058,-299.988) scale(1,1) rotate(179.998)" class="tiledropped" stroke="#777"/><use href="#tile16" fill="#FF0000" transform="translate(46.761,-327.003) scale(1,1) rotate(-0.005)" class="tiledropped" stroke="#777"/><use href="#tile28" fill="#FF8C00" transform="translate(77.937,-327.005) scale(1,1) rotate(-0.005)" class="tiledropped" stroke="#777"/><use href="#tile4" fill="#00BFFF" transform="translate(62.352,-300.005) scale(1,1) rotate(-0.006)" class="tiledropped" stroke="#777"/><use href="#tile17" fill="#FF0000" stroke="#777" transform="translate(109.113,-327.007) scale(1,1) rotate(-0.005)" class="tiledropped"/><use href="#tile29" fill="#FF8C00" stroke="#777" transform="translate(140.289,-327.009) scale(1,1) rotate(-0.005)" class="tiledropped"/><use href="#tile5" fill="#00BFFF" stroke="#777" transform="translate(124.704,-300.009) scale(1,1) rotate(-0.006)" class="tiledropped"/><use href="#tile31" fill="#FF8C00" transform="translate(109.115,327.007) scale(1,1) rotate(0.003)" class="tilesnapped tiledropped" stroke="#777"/></g><animate attributeName="y" dur="12s" values="180;120;60;0" href="#thetext" calcMode="discrete" fill="freeze"/><animate attributeName="opacity" dur="1s" values="1;0" href="#trtitile" fill="freeze" begin="6s"/><animate attributeName="opacity" dur="1s" values="0;1" href="#trpiece" fill="freeze" begin="7.1s"/></svg>
https://ejsoon.vip/
弈趣極光：享受思維樂趣
页首
头像
ejsoon
圈圈精英
圈圈精英
帖子： 4388
注册时间： 2022年 11月 18日 17:36
为圈友点赞： 171 次
被圈友点赞： 200 次
联系：
联系 ejsoon

Re: 將為三菱棋做個規則介紹動畫

帖子 由 ejsoon »

代码： 全选

<svg id="etani" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:svg="http://www.w3.org/2000/svg" width="480" height="480" rfm="mixed"> <defs mode="1" rotatestep="1" rotatestart="0" stepvalue="180" snapto="0" displaywait="0"> <g id="tile0" frontfill="#00BFFF" backfill="#00BFFF"><path d="M 0,-18 L 31.177,0 L 0,18 L -31.177,0 Z"/></g>  <g id="tile1" frontfill="#00BFFF" backfill="#00BFFF"><path d="M 0,-18 L 31.177,0 L 0,18 L -31.177,0 Z"/></g><g id="tile2" frontfill="#00BFFF" backfill="#00BFFF"><path d="M 0,-18 L 31.177,0 L 0,18 L -31.177,0 Z"/></g><g id="tile3" frontfill="#00BFFF" backfill="#00BFFF"><path d="M 0,-18 L 31.177,0 L 0,18 L -31.177,0 Z"/></g><g id="tile4" frontfill="#00BFFF" backfill="#00BFFF"><path d="M 0,-18 L 31.177,0 L 0,18 L -31.177,0 Z"/></g><g id="tile5" frontfill="#00BFFF" backfill="#00BFFF"><path d="M 0,-18 L 31.177,0 L 0,18 L -31.177,0 Z"/></g><g id="tile6" frontfill="#00BFFF" backfill="#00BFFF"><path d="M 0,-18 L 31.177,0 L 0,18 L -31.177,0 Z"/></g><g id="tile7" frontfill="#00BFFF" backfill="#00BFFF"><path d="M 0,-18 L 31.177,0 L 0,18 L -31.177,0 Z"/></g><g id="tile8" frontfill="#00BFFF" backfill="#00BFFF"><path d="M 0,-18 L 31.177,0 L 0,18 L -31.177,0 Z"/></g><g id="tile9" frontfill="#00BFFF" backfill="#00BFFF"><path d="M 0,-18 L 31.177,0 L 0,18 L -31.177,0 Z"/></g><g id="tile10" frontfill="#00BFFF" backfill="#00BFFF"><path d="M 0,-18 L 31.177,0 L 0,18 L -31.177,0 Z"/></g><g id="tile11" frontfill="#00BFFF" backfill="#00BFFF"><path d="M 0,-18 L 31.177,0 L 0,18 L -31.177,0 Z"/></g><g id="tile12" frontfill="#FF0000" backfill="#FF0000"><path d="M 15.588,9 L -15.588,27 L -15.588,-9 L 15.588,-27 Z"/></g><g id="tile13" frontfill="#FF0000" backfill="#FF0000"><path d="M 15.588,9 L -15.588,27 L -15.588,-9 L 15.588,-27 Z"/></g><g id="tile14" frontfill="#FF0000" backfill="#FF0000"><path d="M 15.588,9 L -15.588,27 L -15.588,-9 L 15.588,-27 Z"/></g><g id="tile15" frontfill="#FF0000" backfill="#FF0000"><path d="M 15.588,9 L -15.588,27 L -15.588,-9 L 15.588,-27 Z"/></g><g id="tile16" frontfill="#FF0000" backfill="#FF0000"><path d="M 15.588,9 L -15.588,27 L -15.588,-9 L 15.588,-27 Z"/></g><g id="tile17" frontfill="#FF0000" backfill="#FF0000"><path d="M 15.588,9 L -15.588,27 L -15.588,-9 L 15.588,-27 Z"/></g><g id="tile18" frontfill="#FF0000" backfill="#FF0000"><path d="M 15.588,9 L -15.588,27 L -15.588,-9 L 15.588,-27 Z"/></g><g id="tile19" frontfill="#FF0000" backfill="#FF0000"><path d="M 15.588,9 L -15.588,27 L -15.588,-9 L 15.588,-27 Z"/></g><g id="tile20" frontfill="#FF0000" backfill="#FF0000"><path d="M 15.588,9 L -15.588,27 L -15.588,-9 L 15.588,-27 Z"/></g><g id="tile21" frontfill="#FF0000" backfill="#FF0000"><path d="M 15.588,9 L -15.588,27 L -15.588,-9 L 15.588,-27 Z"/></g><g id="tile22" frontfill="#FF0000" backfill="#FF0000"><path d="M 15.588,9 L -15.588,27 L -15.588,-9 L 15.588,-27 Z"/></g><g id="tile23" frontfill="#FF0000" backfill="#FF0000"><path d="M 15.588,9 L -15.588,27 L -15.588,-9 L 15.588,-27 Z"/></g><g id="tile24" frontfill="#FF8C00" backfill="#FF8C00"><path d="M -15.588,9 L -15.588,-27 L 15.588,-9 L 15.588,27 Z"/></g><g id="tile25" frontfill="#FF8C00" backfill="#FF8C00"><path d="M -15.588,9 L -15.588,-27 L 15.588,-9 L 15.588,27 Z"/></g><g id="tile26" frontfill="#FF8C00" backfill="#FF8C00"><path d="M -15.588,9 L -15.588,-27 L 15.588,-9 L 15.588,27 Z"/></g><g id="tile27" frontfill="#FF8C00" backfill="#FF8C00"><path d="M -15.588,9 L -15.588,-27 L 15.588,-9 L 15.588,27 Z"/></g><g id="tile28" frontfill="#FF8C00" backfill="#FF8C00"><path d="M -15.588,9 L -15.588,-27 L 15.588,-9 L 15.588,27 Z"/></g><g id="tile29" frontfill="#FF8C00" backfill="#FF8C00"><path d="M -15.588,9 L -15.588,-27 L 15.588,-9 L 15.588,27 Z"/></g><g id="tile30" frontfill="#FF8C00" backfill="#FF8C00"><path d="M -15.588,9 L -15.588,-27 L 15.588,-9 L 15.588,27 Z"/></g><g id="tile31" frontfill="#FF8C00" backfill="#FF8C00"><path d="M -15.588,9 L -15.588,-27 L 15.588,-9 L 15.588,27 Z"/></g><g id="tile32" frontfill="#FF8C00" backfill="#FF8C00"><path d="M -15.588,9 L -15.588,-27 L 15.588,-9 L 15.588,27 Z"/></g><g id="tile33" frontfill="#FF8C00" backfill="#FF8C00"><path d="M -15.588,9 L -15.588,-27 L 15.588,-9 L 15.588,27 Z"/></g><g id="tile34" frontfill="#FF8C00" backfill="#FF8C00"><path d="M -15.588,9 L -15.588,-27 L 15.588,-9 L 15.588,27 Z"/></g><g id="tile35" frontfill="#FF8C00" backfill="#FF8C00"><path d="M -15.588,9 L -15.588,-27 L 15.588,-9 L 15.588,27 Z"/></g><g id="tile36" frontfill="#ca5326" backfill="#2691c0"><path fill="none" stroke="none" d="M 36,36 L -36,36 L -36,-36 L 36,-36 Z"/>

<path fill="none" stroke="red" stroke-width="24" d="M 36,36 L -36,-36 M 36,-36 L -36,36"/>

</g></defs> <g class="etdrop" stroke="#777" stroke-width="2" stroke-linejoin="round" transform="translate(240,240) scale(1,1)" id="etanidrop"><g class="etboard"><circle r="6" cx="0" cy="300" fill="none" stroke="none" stroke-width="0" class="bcenter"/><circle r="6" cx="0" cy="-300" fill="none" stroke="none" stroke-width="0" class="bcenter"/><circle r="6" cx="-120" cy="60" fill="none" stroke="none" stroke-width="0" class="bcenter"/><circle r="6" cx="-120" cy="-60" fill="none" stroke="none" stroke-width="0" class="bcenter"/><circle r="6" cx="-120" cy="-180" fill="none" stroke="none" stroke-width="0" class="bcenter"/><path d="M 240,240 L 240,-240 L -240,-240 L -240,240 Z" stroke="#000" stroke-width="4" fill="none" class="boardsnap0"/>

<g id="trtitile" transform="translate(-24,0)" stroke="none">
<path transform="translate(-116.727,-28.22)" fill="#00BFFF" d="M 0,-18 L 31.177,0 L 0,18 L -31.177,0 Z"/>
<path transform="translate(-132.314,-55.22)" fill="#FF0000" d="M 15.588,9 L -15.588,27 L -15.588,-9 L 15.588,-27 Z"/>
<path transform="translate(-101.139,-1.22)" fill="#FF0000" d="M 15.588,9 L -15.588,27 L -15.588,-9 L 15.588,-27 Z"/>
<path transform="translate(-101.138,-55.22)" fill="#FF8C00" d="M -15.588,9 L -15.588,-27 L 15.588,-9 L 15.588,27 Z"/>
<path transform="translate(-132.315,-1.22)" fill="#FF8C00" d="M -15.588,9 L -15.588,-27 L 15.588,-9 L 15.588,27 Z"/>
<text x="-60" y="-12" font-family="Sora" font-size="48" fill="gray">Trirhombus</text>
</g>

<g id="trpiece" opacity="0">
<text x="-240" y="-240" font-family="Sora" font-size="36" stroke="none">
<tspan x="-60" dy="72" fill="#00BFFF">DeepSkyBlue</tspan>
<tspan x="-60" dy="120" fill="#FF0000">Red</tspan>
<tspan x="-60" dy="120" fill="#FF8C00">DarkOrange</tspan>
</text>
</g>

<g id="trori" opacity="0" stroke-width="4">
<path transform="translate(-200,-180)" stroke="#00BFFF" d="M -18,0 L 18,0 Z"/>
<path transform="translate(-200,-60)" stroke="#FF0000" d="M 18,-31.177 L -18,31.177 Z"/>
<path transform="translate(-200,60)" stroke="#FF8C00" d="M -18,-31.177 L 18,31.177 Z"/>
</g>

<mask id="textmask">
<path fill="#FFFFFF" d="M -240,160 h 480 v 60 h -480 Z"/>
</mask>

<text id="thetext" mask="url(#textmask)" x="-220" y="180" font-family="Sora" font-size="16" fill="#333" stroke="none">
<tspan x="-220" dy="0">Trirhombus is a abstract board game </tspan>
<tspan x="-220" dy="30">created by board game designer Ejsoon in 2021.</tspan>
<tspan x="-220" dy="30">The game is smartly designed and super portable, </tspan>
<tspan x="-220" dy="30">perfect for home and travel.</tspan>
<tspan x="-220" dy="30">Trirhombus has three types of rhombus pieces: </tspan>
<tspan x="-220" dy="30">DeepSkyBlue, Red, and DarkOrange.</tspan>
<tspan x="-220" dy="30">Their placement orientations are fixed: </tspan>
<tspan x="-220" dy="30">horizontal, anti-diagonal, and main diagonal.</tspan>
<tspan x="-220" dy="30">There are twelve pieces of each color, </tspan>
<tspan x="-220" dy="30">evenly divided between the two players.</tspan>
<tspan x="-220" dy="30">The game begins with the first player placing </tspan>
<tspan x="-220" dy="30">a DeepSkyBlue piece in the center of the board.</tspan>
<tspan x="-220" dy="30">The second piece must be placed </tspan>
<tspan x="-220" dy="30">by the second player using a Red piece.</tspan>
<tspan x="-220" dy="30">All subsequent pieces must be placed adjacent </tspan>
<tspan x="-220" dy="30">edge-to-edge with existing pieces on the board.</tspan>
<tspan x="-220" dy="30">Players then take turns placing pieces.</tspan>
<tspan x="-220" dy="30">~</tspan>
<tspan x="-220" dy="30">The only forbidden formation is </tspan>
<tspan x="-220" dy="30">creating an enclosed hole.</tspan>
<tspan x="-220" dy="30">Once all pieces have been placed, scoring begins.</tspan>
<tspan x="-220" dy="30">~</tspan>
<tspan x="-220" dy="30">From each player's perspective, </tspan>
<tspan x="-220" dy="30">DeepSkyBlue represents the top face of each cube, </tspan>
<tspan x="-220" dy="30">while the other two colors represent the side faces. </tspan>
<tspan x="-220" dy="30">Count the number of complete cubes.</tspan>
<tspan x="-220" dy="30">In this game, for example, </tspan>
<tspan x="-220" dy="30">the first player scores 14 points.</tspan>
<tspan x="-220" dy="30">The second player scores 13 points.</tspan>
<tspan x="-220" dy="30">~</tspan>
<tspan x="-220" dy="30">Players then switch who goes first </tspan>
<tspan x="-220" dy="30">and play a second game. </tspan>
<tspan x="-220" dy="30">The player with the higher total score </tspan>
<tspan x="-220" dy="30">over both games wins.</tspan>
<tspan x="-220" dy="30">This covers all the rules of Trirhombus.</tspan>
<tspan x="-220" dy="30">~</tspan>
<tspan x="-220" dy="30">For any suggestions or ideas, </tspan>
<tspan x="-220" dy="30">please email i@ejsoon.vip.</tspan>
</text>

    <style type="text/css">
      
@font-face {
    font-family: 'Sora';
    src: url('data:font/woff2;charset=utf-8;base64,d09GMgABAAAAACSAABEAAAAAZPgAACQgAAEAAAAAAAAAAAAAAAAAAAAAAAAAAAAAGjQbjlocgxIGYABUCBYJgnMRCAqBmWCBjxALgU4AATYCJAODGAQgBYxdB4N5DE4bql0ncN6WR7i7VaniAVJUFCWcNb8oqiezs///PyE5GTKYHrZdu1WR2E5lUJkZdMLUKKTghFNG37m2X3jI8JKOkjYM07mj3aGGM9ZAxuehm73I7BmCaAWaI3pLtA1hkYwO2ryoBjytPg++bFgf0UHdXYEU6AKvHhQUSvOsEUPYv1A4TQvZCl30UFXY2Q49/A9rQg1oukNdN9+hZ6wBza7LH6GxT3Khojmo6skm2YQPgFCxQgUoHx2CYrKsCIy4HaBtdmaASkkcCIhEWZRKHgccITWHqIToQAWn6FyULjv8LL+3z3CRXk5XI7nryl9cpwadlrnyzKWxyBmnHvcoiRPwhI29vZn98cUThtAjaHSAHH9SNdUXX3ug/C45RwlXJJCT0A4rqAT5Utuw/rL9PvLy9HKgL00Hsz9uBjQ4sJFNdcQVvPhBsRpTDil9ZNJ+RBh2PiFYAP8dGCC1OP/t27bpWtblTSVVCxwN3Gv7NvOuS046NQN2F7WOR0fT0J6JfbdJ1nnYG0WM7duVX63ldy9W9du7UwEWOsZEqJ3FIFvgsTM6QA4IXIRL/m8AAQVAvi/azLTzrBtbIcE6BcHHgrbuUkWmBXTLQ8zGlqwcySDfAC/6P51lq5GeDljro3L98ibQJUV3ZV6qpKjTpabRn5GlmbH5QLDEDhiOyPKS7QBCTeTdAGPFUCYVdymadCmKPtW9K48H/qeWT+c+yW886Y5ScGsEOKXyIO6V36xijZxZb2lKaR25rLc6TquAfYL+CcBkzkf+pqbDbtwy9hEdlbuygD/7stm/oN84MSbGSlZCKKUr3fbNy+yW5aqR786bPRWKhUKQEqyyhwaBEgCYhCyRYDlYghWMEq1ikmA1m0QbtEogkBtMLPHcBcQJ5D6/E48CuRwgBAT07EFPFEgHAuIYz+R5VYKVkkF/y9jCPv4J5HGAvidTPZUvgggCBYotidRB4k5b2uJNW7rTn2mZlyVZlQ3ZJkF/NHQsZdg4ePgEhMpVqlJNQkpGTqFGrTpKKmowRCOvZgGtkthsE1Jt0mHKGMgyfAuabmFjRgXcgBcIAiFmol+eY6YF0kDep1hT86E2mZfMl7GAQAaOGQMLw3MWRocn0pTi5lQoTUe+AZIUViZjIlELZXImRDZVdVbK8XJaJEw0HSs891BYjsSWU3lUiZ6FaUGwXDKV0bO6AvV8h4d/sJn2AqcF+KD3Ce1iGktyYRTetgJBTQOqnd2PuXs5rCgL+gcTnRjuVoeCWlck+G/hmRAKmvnQKUpJ2Nnf7efv6yodLUgP7KL7Fx4fv2gZTu8IhLh+n4BJVQuWUcWMe3xeKDuxMzuoBvb4ek7tOvPswM9plKLoISrdlu1oyn3L2geYgnOMseldxzQCdTdHRsgpfZ4j2Ny1f9Q9C0YCQEdOo2PygHuGZOLQrDa31jnCH6AfkNvZNGBwynzi+3Y0CFib8BeSPKRvNM/1hFTCcoRZMMsJcKTJHIXyMd59+AYDzsRikCtIo6MkfZClGYwhwwh8WcaTQJHRIDCwoUsQWy0x2GnsOcJpxUJMJFKp77+i4JVSlRrkMo1WmlzO86ADtAKFihTBKIIFXiYFqo1GyhSbmY9arZE1fePOcPCO0Ehak8+B3QcRY4o6EOczppMBH7lQSqRSXqoDQDKmMc+gR+yz6iEXm5dA612uq5dNIID7/Kq6XsbN6bGITPtW3X8Z6wLAhz3+IMB8Hm73A8LnsWAnUPWyr6sHUACQCOByknkkeGQEzbyOmLYxzaJL+zlGRZ6nVq1n5wTJy3J5/lRSLRwQC18FGaukVFogImaWoq8h5MSvKg44mUGiCRA5Npk8luWcw9VyalNrOy6zz1uP3AkRQAJMbqAkTGKhRijtlOVFM0ciu8YGHgDh3PnT3aUVgOuarJAC+9UGAKvym9VN4nAB7g4sqP8jAzeApo83H70A3G8piR/SttkIAP0lAUO+V2dJZCSbny95Np3eqVGL6RPQP13UxP9zwx+D3V2dWL9F5JbzAeg4JdAdobAY0BsAFzqqM1lHf6RlyAr3xVrsfsmssVzEjCIhsrMi7Y8ZixgFEDNRJHKKhuQ9LVGY/mbFzvTPxWm9IzckNzeb7M2OVBCb9Pm84WYNNB/tyWZ7xFLMOArNkUaiq8RFWruYgf8r3Diq6+OMhnZ0V9NVZdN8hTaAyOijzkL5yAPEhlSipMn227mgLkozSRDinsDp98780McOc2uuSwJd7QdsMwizc2M+ig9S6PNzDFl5NCRjXe2sdq6KsMMfgQQJaAOqmMmiel9nygbAGAMggSYaAEcBwHcALgP8T0BxBIC/AbwOMP4PkAwAbMJIzIimENB9PZuuiuYdzZKGt0T2csUHljCoem9zBRGbioJMwlhC76qoAkHP0x7sY7NX0WYxe7K2kefNbVz7eZIHo2QXtoL0ZP+U/l5g9yG283D//aq5ti17FvZTG5toi9r1kwdOi3XFF+vZNuwbr5r/JKio50Zi5s+9nPec7ZiPnLrRKqwFszW/mjNsBLWZmSCkLwwebl1PZ8BVehXHDEp9eHkfUuFgLuK5JLMkReUTGuB/ErF+9iS41Q0nSKrJ6kVoXWPQn4D0+bObGYJDivoRIUFeTO+M2yyxQVg4DZOA6YzON1MYLyyS2MZ/xSlVtEXcPokZKcGbOF+PhdyKPJq+voNGb82iTZ3omnCF5Jcq1c/N+fhbgs+eXNy+LF046ls2k+jyDhjJrCfidqUsAloXkpBKSjWfXaH1qHMqnx/gEjqPFOrMIuK6xWXaJbgvzYq3jd44CbSkHl1Vp5saQSHo4CleD4GKBowMmw4SWuonXOaq35oZKxRTP9gfYhzxmBpuClFwsAGSTIt+j+ECzXszhfKuQlF8oZatLOmLbXl0bWfG2oG3mmE3HZLg8RS2Ys9UPUOXxcc3JOHiI/wuW0xCWyO5Au0ta/XkN9Phd1yhfhSnPMSDPEBQsvGJGYIg9fa3+AzTznUI2rqZ7NsIBkqwREEZc2f96b3mwdLllt3IOj9Am9a35mCxbY0XUSPxVAiSAFSWyKWQjLBGFSYG03hgvfdreSdRfFmLHvQHCnHreLjIwC9GVhPz4TxYnTZANSte007V5+ohXpqs57JOYzOEaSt7OVj8LqRMSZXLPWGyWR6DabP9bgtfpc8VlAfC5OKWzwDRu7TsFVxhtMKhUPwIFCTOR349X/FBhdCJlQEAbEEasM5iABUzPU3rA8W1WaF95hidDCNH8OF7rhpvKf2PmTPgqi3W6ZFYJZHuKikR5/CBxAD0v8L6VbT2iJUIE1S2P9z0ajge7Ki4sqldAlp83t1OaaVGbnecpjfa/bEGJUmRMhUbc3u2XXYqf3/Xs/v5HF0E5KdUZNfPjBd+quvrw1mj186KP+UeVMB16T7chy6cHd+y/dYMvchRojtnU1eKLPgF1MHXzSWxbRTDBnI6wsEmPo/VHzKC4bpAuR3rZ5Y1YG9QjP7VV2QMbppfuwoRwHaX+WoK4w5Uf8riVRGnWfELQyEtLsb8of4cX82Sk41Vut6AI46ZUdbUr9AV/Q6Feoq0PTXys5SiI4FYgYQWbuqkrC0j6cnBXwES2aeqpsBV42B8uAkUdM0iDmrSsH6ksFurzz4JsGT5L2Lcl6q4zn3CkH4p0z4lr9y6qdA/fXSu3T9r/qs82L7upswLT5pGcXUD6p4jWlmfAYfISq+tLQW8/YxqbfxjLmyZYDoqD8q9crvqTrnlj9/JTzzEp77Ox60rfs/BSsqu81AKX0xIZT1J8EBt9l2i9KeMlNyXQJl4vzhaWX2v+q8fF5Txktnsh2x2KldbEtm0n0GfN98Fpsv0Vm0a0FfzEQTpDHwBBKzIb0p8CjxIeX8GtJBweBa0mPK+m/L+mmd3OrRguXQmtCh9DTN11hw+6pvxs4Y6M+OTAx580WJtcTlPXbjTixea6wypqpSW9In+RldXW1NG0B1syoz0+D3FieM2lBltGjH3HWWKKkXrJn9E1fNcA10TMob+uVPPeSeI0jAJLLR24hU2+8pEuiwCUwqD72TWF3yBPLtmr26cV3v4KXk8nhKaT9t6crYK85UcK+KrHX6GQtZE1cjoVn6eWjtBXfeUGuhumUGtT/n/1fe3HpzM0y+o5rIM105dkxRGANUVSUUUCS7K4tGJA1uVA/+06zkIv2Tt7VM0R2iMO/6tXHsu49nZaao2Xj9+gdWGn8ePq4KR6Pf6sKgHN9toxEMI+/Sd/ze/Cg9fQa4M29MXIGnbghC9CRYSTvWHPW7HGabEpzAWZ9+GPfJ483pR9okSvZ8yC64y0QZh38Qqi6W7isQdU0cSachfeDz14yb4lmy04bqFehNY3h5YuG3zfFf7p7cX7LInjsiQAeqHz5wTF9RipLAMMpv1kNUMNQtIzmuN9NpaD/0qycbLtXkiCG1B7cfPSvgL7LvYqJoWxmuqk9+sc1lMRrdFp3U7DJR3MwUuzFsrg/arcz/bomiiKeWglZvLAeuVNc2MQ6lHjnqOTu/nD6srCIdnk7I92X7EI0fV+VgqDXWcoJkWOfQZk3n/4pSSkilHPmcyTLi2BvrQTLu46LOd6gJ2XQtLqQad3Fwu1alW+1hXvAW2iKSuBT9dJzx26OKeUsf/9qReltbLlMC4sAZ1OCKF5Q30b8kNlZWgR6lqodc5HHYPDNs8Fqay8NkRFlW2WYkfXVExo6Eubrv3W5wRsteg5H4KJCutF6kN3rWZH9WYpQImrBI3EMQgJL6xQKowP8zca2gy0vAAkDRAkV3R1ktra+0SDZWau5SqI45GRKP2IE4HZqk1m459qZqGvIm8cdIKhaZJttgAun/TLWdXTaO++cUlXYmGlkesNWrlWrO1xssl2a410OWVduoBsomdXYrXMRBaIdBx3r32VByr+K/zHDRntvFsNAKfG5p7EZkYPCGZGzXv6lCTY9X1Zp5AYarZvbaxvIpvoS2lOEX5Yqp9sxXkV7jYByBLBXseCf+NrNBe3lg3v2v8Sm69b5Oys1u2cbxXvq6zY73MW7vVcXdfBULS9k9hEEqGepRENeKCDZbxY76ng980kBu+GVR3nb32MTLAHEBAVcXeLdHdWyyz3LhBN24OrITztodp/Usa28Y7Xd3u8PycWLcgkJTg/M+SSK9tKFxejEjsPyXJPuXxPpbhs2NDqbVjk/tQ+ojyWhQZ8YGfhypqpU1stZEekKKljFatycfROVgq0sd4I4+Hh39QFrPoSlwOUcPmlxGVxCdjIiVK1ypUWcCACF0OBtTmoEAjdhGV5Uwj39uDqNScV3sKYQ67UL9XSeZq6rV2L59pUlWOI74rQ0lb2JCRGZTV83SNzWyZPCB4iPGNIFGyJioXOxhPx4qj3ZSsx7ksFfEh3sjjEwyjquIxaS0KCgnqzORAObqCHFCa/XyNqoVTqyc3iTkHMBj1jhecOktVnyffMdMrt6drrWYYrrdlqsYyLsNG2Ej1NNkb1TY7cwJddBA+OBxgvMc0pBTWV1hSS6pNRX8UQiLhcKiyRuLlqA30YDVawvBpoGaWFJpQc6kd+QymtEHKGFlcQv/5j2JVGZ919dmPtFJl8QMcxOXhoQfPx4a8Iz6a0y5RJft9M/pFPp0ahmQqk1NX8eGKDvB7AuF78PknyjretCOnMEc39674z816qHRLmAuY/zqREwJxgfYihBKffXv4qf6Zb8T3zsP00J2Hz0XRwDIjcmhE5sUgU/PVLr0+WefUUAQujS65xTuzT+SDVHWQVAEZNcpJZkzX+uZPQ2kbISQ55Js+SeTT1ekMNXVms6ru3XoUFBHozfRAObqcETCYwwKtNiwwmBkLJEGSdxkR6Fw8iDyKh9kctBbqSFxuayEe5rCf8ihE/qnx/jfIEB7p0etlzRy1kd4qQUu27P1zpNUhXhLuWAZLRfwYb+DxxPl4DHOkBwNH74M/Bsvl0hauxsQIud8vCWhhH1uuD9e+FUa+yc7pDyM5LDXxh2oWEYz/78aOgV4MsiPL1Wodj3bT6p1OG7UlMy8ycXyC2ZP3zZNculIjYlKT5651PL4zh8b8aryxiOeJWRMsHkqnVLq0hNw7utaV3o5AjNwjNtxYLyeFB6HZBH0Vzgt7d3l3XYAv0Dl/cZrdHYV5vtYp/VU+Q50GkilMiKbOh0WmojRuCH733bNFrRveKJrzRvPWotqT64q8098obDw/GDlf2PXGuMGitZ2Xmy4Hieeyj6ZHZg3nTh4O7nx1GxtZ+3nu8s8d1e+5zeX9D96SX8sIbLpYNHix+aQFaw1DdqOsg+hqKEamdZDc7aWItPyso9XXeIFiI3vINsqZxlafA4NgeD9WHWtvykpvymo/VfUjD4M0LL+/y72L2u9arbKaIfB95X14LmjuKYpfte87cJF3d4QWhQ25tuXw8nd5rllmQY5hxir2GZVkCG3KaXkr4ZXDucv0yP6RPcVqqVFlg061+sXOlfcOvxgeZqosE1rvdXrfffHunLovvr7iQXzV+RCq4zQtlTZdZB287h5/vu+WMRcw/7Qghzj70GmMbVc0tE0AN9O2DEYOjPz3eJ/MHullDK2l0YoaduEVD0YFGtLtIphdzMXAd7REHk9DvIOBucXsIvi0hsQ3tc7Tl6uEIrEKmq/oeW1wGfavwvFem+m+JD1p03sEooMKOshWhdWg01l10lTey349qZSSm/25Hrk4CjtgmZU4RKfPJZHidJqqa14DdBwmaGe7lIlmpSRV6oRqIYsNsX1j3/NEWbr8k/DsZcgysdpwa9RkR2RW8lomuxEEPWU8m6XowSP4Qrr35XaSxgRLU4nq/rvOT/53ugMe9Psf5p8UQaj/UHC1sjRzK1tjNirAvnN3WRr2Cyr4G5uFK6F8daLl9QrthIWQZlF16dYI7d7/FnetlH37Sfr6BmalvVKndVRUMeH16U8sbOm4WvMYrQOL9ZSUmDDYdNABXhn+IYn8Iav0AZn0YGzo880ud1CfxkcZHKDz7+pAB775d2Vs2atF4rucNZyvQHCEU4otAXdDG4obTvmerVzz4HT2+4vLpwGZaAeQex6gPQtk5RLgoyjlbwdCUalZ2k2om0fJrwnVZ4bXfIf5NwjN7Itf51mmumuYvgB6dHVHPprzBwIomuEOAL3VSN4ClEoaogNq6arORQCDnvgMjdk6C9K8wLJLQP4AdgGCqO/W9+h79X36fv2AflA/pB7+gG1JU8AtXfkOAICdeVvOjpA/jRJF6YxPsaVFBZPnc0P6FwYA7+sPyDPIm9wUMdAk60WVoiw+VpDqxQ0G8EOfE8/H2pCtyAA+zyplAF2fN1N8nCBS9Es2YaDWUs58pOlZg52ta5wmvEuGwPlKPbz/0r3BfQvKjQVgfhhJ+MhEjS2ZhGsjtSYySoNBAMNwXYv0MFurZNZ4s69tz5OnPI8EP/UCs/8PrX7/Lqi2xTIZt0tkxf4qANbqq3q7gMdvZhQqrUhqmBwCFZYBGLVTuztUjtUnw4tTueUlU3BKVg07rS3rwJ06Vq5/nbLIgjeKwYLh3VYCWE8k77UFxUDq9wfAVAXi1qbfPOvsc869T+TcOJ0CfH/247uJNzZJ+fshLFImyf9z9/1Fnv/lfeN0MZCh0QNGmGGFHU647KbHvOBtX39Q3dgAMKyLP9ytXJoUb0l9eJXbPBNEoVwOXIeA7ceGrP6sgOnHBHpOLwTqCgJAVk3R58E/o/gV5Z10/eCARQLWYIIBC2xwwAXDA/nsJjhZ+sndpS/9F9l/lQ2kmQmrSlXTG6fdJPOtt99594fw3/cHMj+RfSaX0KTI3KIQWaFWVlRSfAsjxZRltHT59JpjsVCwcgFWQ3Ke3LKUAqMgJyJGot6IiIiIiIiIiIiIiBnxjhLJOikdszHdyAEyi5ycnJycnJycnJw8ysnJy3X912SzltHShEuqZLxaLJYWqib5W2gOfzpK+S9LjwV7rtmiTA49HBuw+xuDaZYdSr0oXHwRQoiICCGExIhUnFOSSKCMV8F/moqbRQ4AKz/l+y+9BAwVfQhGnDVg0fpfAfUsucz++eJAC5BDE9dRFEXRWmtFURTjWpt0a3qv8/H1er3ee+/1er3e1xj8KcNQfuTddqfc1l3u/BYMs9DAE+agio7ZvHMu/yQ2wSCOFgRBYGYWBEHg5Ae1qjDWwtLuZew9gTTGSl+/cpk7FytXZsSsAA05EiGEEBERQigSM+rqVsnCc8WA79hig+3DNcH3+4A53hrAh6aLECUFSiQyiGe4hhEtloXm37q554QQQgghhBBCkVBGlm+/7kbcbQnq9Yofcc7ox/bxsYV1EtZt3R5+rzdCpXb5mqUii1V/4YVvB73GZzIiN8YYY4wxxhiLxti7eOtfSNYhTqvcPCoCiAAAAAAAAMgAqwoK5keUcLabaNAA2ouTSseHOf9yE7dwdl54L978d25KrCqxKIqiKIqiKIqibJdGZjoAERERERExEhtWA514cY9KkBBCCCGEEELEEOKzN2Nd4THHxnEmRREREREREVHphYXsddfTGEpYNMYYY4wxxhjLzDhel6lYZ6bczSuXsT2NgdC9oWs47AO0qp/+omaIUzgMh6k+ygERAAAAAAAAcHZxWIjKNFlMTItN/fbEIdN47qRHeToHAQElPcwaBa225gcK9NZ9y3FVtxcqTUovY0oppZRSSinlVpaY7FT77+BeXPsuZvyODd+uu983uSgSynh0zjnnnHPOOedD/CullFJKKaVULKWSSp5+26dUBCnpHOvVkzSmkZk1ipZujN2vpqq36yyPMC1OXNtryH4elZyPNN6rWV1ymPfihI0JKalIttGY7EiSJEkyysYtx207ek7uYnNefNO5Y2z9AQAAACCCDNuv+XcD2q2Drcv2U+8NE0l3Nn5/SFnpABHmvBqrqqqqqqqa1+PyWCwlJemM1J3Urz/Yuv1vFloOmKRkHokRERERERGRZMEcAAAAAIigYVN1zo22sK9vd3s48sMna/w2sbnlMkqSJEmSj8rk4NEQB+8cjp6nS7E6G9cE939UI86FuWEbYIwxxhhjjHFkvHF880F8CAIZn5rG0TufvaSudZksxbwtI0yPPE01+6Zu2niYBmZtjdadQ2BcH+4QVuth7uF5hSfo+x9fhVNx0peDhmR9URRFURRFURTFGEUxNWV7L5yT7OWUAwAAAAAAIAIyWPMXiKKIiIiIiIhyedB9YO+12u6rMXvsS6UeBTvjX3O/E+bgV/aZIeR5zsDkT40YJTGEECIiQggheTqtFgBNJ5GXC8uXKXOh6C8CB04y5wARAAAAAAAAANAuCiLyFawpcQt23IxNqPgukTQ0j9BsmLtlnKqnupK4iMpOfDQxuODmpIhHovmE7nCb8vkbAuDmnT3DVi3OQRhmzffjEC4OXwVcGaUOVahmk9Xcmmg7E5rOPS6eTqfTOeecTqfTZXfi1CzewCi7NwwT/HvHf9mXpIjD84v6t2IdJ5s7Mgf1kWroHm60J7iyDi6WAGuZzPB/4m9psazBa8rL+f+qOrZzr//eeF/CubVO7pqldncYJT9uPhwYGDbUU3q4jRkmUOSuk6a4cojwNoVavbDnuQNZRVN9ODjAbFhR8zqkWEgAIXT8cLFxc+WAXBfVAY+V5gd2kw59QPq+sHhq/Uh0YKb1G7ODtDycyNoX7+M5JaWUqqpSSmmsZr3DamltJw1ppkhRGGNMRIQxxrSQuM+nEYvBTxU8f826YKdeIRyHSMxnA2ZBkV28zGwUMgdlv6a0620lADuvRDBMqeEOX73f67FimRgI7pHd1rJUBAVaC5XLkZNqZ6jZkOJyKdSSXy0J0rkS7P5/+YXwlNr980sZL+E+mr4sUGNnUHJ2NSXMhgELUfZSq/dxccmK/eBy45rj27WStf20exFllAvTPWy1tr2pxpOLq8vHi1688WP6F4lJCgghhIiIEEKRiBXnm5DpJWCZjnz2OHC+MYtLXhhXHtESTk4VAFNtPlSOKmzObhimmpwrW9m5dD9DhP90MzkNE9rFVG8nNjkW5zbCWHIXebYHW3rIcWi923nXkajbTZpwmpbu21yaVNX8mu3US8LP+R6GxzDIxG6M7niXH9vD8ZHVZ7UpeSTtjGS0907/m55qQri3vntInT8hCs89Xw6Y6qvw5MpPsDzfOtCx7lEYmmrvRjGusZRSqqpKKaVZXTz11LPwrDO2e8L+/NITrHdG+ynbp8tnx+ex7sOu4+GEYf6B4LpW8Ie5fw5vrvRmxlLdw/3L33fHgRts9Bcn4/LImcVIYzdcfdehh+ChR3tPBnPpgNErryavq6Vbise4mB2Kd15uvRvQpqk2HomPHtPO7J7Deh/ESpjN5wnnQVfXrFBZZXEm2M0aJpPrFa/ofIZ3aWXsXO0W++bynhfurHwHZ+G08Se/ujgkinT8PRB9AmyAnbklcMWA23umx/ie3zzSvWyoaoFxtPkoH4akyLKqmQrCxfOZsCiHV39B9TIWfjdeUPmVtlzIlDRwcBi3iNk5Zuvqp3pTKebIPtKJz99deBWDvl0k5rG/nKRY5TqZuUCXo6aWby+urJjt3Zu5HbBJ/ZtBst5111uH/DprEezbq+15cXCYvXQkpeTUXMX4JP2f3tMB87DfI1EIIYQQQgghhLQLweC0+boh9Nk4anjJYEwHL+ypa/wY5resf5E5nVVVVVVVVVVVVY1VVV9aVP/87CVJr65/k0zn0TnnnHPOOeecl2APuM/XBcd+Bf34NZmnyX21HLMsy7Isy7Isy7Kc0PGc2bi0XBbaxjf75+aOiTsv7oxDGfjg4sLNw6BOpwEopZRSSimlNCql1fOmXjMOV2y5XpFW46H5/0L76FPT+sgPSSYN20ou31P2dJ9Z+gjcqNsCwDMAAsaPUzo+VJgV5rBs57vNj45GnjYAHp8gfwK0B0+O8fQMepeQDDubnQAmlZ0ZAMtD5bcaYS3USaVnnsIbsSIN8P0ZOHuwG6FtG24HCRsj6Wpwa92YTiwrsKWp9K0FQkHzYRasRcCL7QgZEIVXVcX8gZQAOwm/J3nbrIJEldaiTAV2tzafxZsK6KkJr63GS8ngxjDeolz3YIUXn8kmvpU4eDkkt+fYKgA3bAgVQmwJ6PxCVQZI0m+FBvDpHowLwE/zv60HdgVwuagfAo6/gP7mv6TQBv8uPF26M02ZEk6/HCmDGNmKk455TvPxwbyH7gEQOKpbmg1SCEAOY58lMdAztbZE61iAxVmHTWoTjgzlwU7pKo5V7uBE6THsNZ7BmYHO4EIvn+JSd//iykNlPHKtVzZJokUGPK2zUyy+m7CpuwtHVjeMne49i2M9+w5PUvrP2OvbMZxZPEi4MHX4cWn8WI+rDIzuH1ebuvj1NNNwooXKV9g14Ij1+D0UW68IqIZ1pf/p9vAi1xfwmMt7q9K8gRcbwSC9okzOunQ+y0++EL8KMSEvTPBiIffs3CWHkGrSmqqiKxJHfSiJBnpisY5XApTsPcKRXeRyQWNLaXj+WdAciw5IHWuoaCu7mh8oQ89oxBq63Jl0DymiQxND1TGf/8nwqVV3GnbYdxiQV+DDSlqvviXW8LSI/+Dgj2y5GvCKJBV/WlUfO+IysJHW1aU7vTXUK/L5tULI6hcMaMR0m6xHWLsJ4kBiQiJSIOcKhfbrENPDz20sj4kICeI8lT6RE0SoV7LkHyquWy8ZAYF24eyR+gTwBcV0EeglC3gGxhVLqO24qLgyzk3tQtr16fR8D7cQkwhjqKoBn/AeyWP4erxUynXi4qFcDoKonrdhXOhHRy3VWRAVME4Q0/HJimlh9DKiKBhB+MmqYfNcIOOHIOx7sTRLRIP8WkONmmojPne+ANGGfFEh8ZAlYtL96LFg77OH9SrObM/bRjFJApyBCamSPNg9VFSvkFagPlGtZusExR1ncwMEyKobV0lai0gjbqjRkQgemSNW47QV8fz6IcO2CAI6C+OTHA8ENAxU6qdkjWShxgx6BfeCRLdBZS+R5Ft7pJ2A1WkmQiKX6O5Qw5OIbXgUgGKDcf6WKS+TK5QqtUY7wOn/JQYWDh5BMSISMgoQFU2JarWUVNS0dCB6MAMjE4SZhZVNPTsHJxe3cRqM59HIq0mzFj6fJYn3uOFmkhUrUSqvTLkKlapUq1ErlNAqUKGKhBFWOOFFULGIIomc9r0MC4VCbT5FubA6M3w/FvcHB5EfTmq71ZaCXEs41SKZzqRRZFzMLXgt7UuPvQy9i8Q/xWTmMOk0FRke1K1w1ZN+zOLeJwPUXzwL6ODvrNTi6JMoowcPqABsBADAgGYMYMwAAIC+Y8AyBgAMYDyS438XD/mwh6u1s3+cHRFj79B16Du/CQNFAQC/n+skWKOOaJH9XQhK44CHSwA=') format('woff2');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}
    </style>

</g><use href="#tile9" fill="#00BFFF" stroke="#777" transform="translate(0,300) scale(-1,1) rotate(-0.002)" class="tiledropped"><animateTransform attributeName="transform" attributeType="XML" fill="freeze" dur="0.5s" type="translate" values="0,300;-62.353,-72" begin="move2.end+6s"/><animateTransform attributeName="transform" attributeType="XML" fill="freeze" dur="0.5s" type="scale" values="-1,1;-1,1" additive="sum" begin="move2.end+6s"/><animateTransform attributeName="transform" attributeType="XML" fill="freeze" dur="0.5s" type="rotate" values="-0.002;0" additive="sum" begin="move2.end+6s"/></use><use href="#tile33" fill="#FF8C00" transform="translate(-15.589,326.999) scale(1,1) rotate(-179.999)" class="tiledropped" stroke="#777"><animateTransform attributeName="transform" attributeType="XML" fill="freeze" dur="5s" type="translate" values="-15.589,326.999;-77.942,-45;-77.942,-45;-77.942,-45;-77.942,-45;-15.589,326.999" begin="gotxt.begin+30s"/><animateTransform attributeName="transform" attributeType="XML" fill="freeze" dur="5s" type="scale" values="1,1;1,1;1,1;1,1;1,1;1,1" additive="sum" begin="gotxt.begin+30s"/><animateTransform attributeName="transform" attributeType="XML" fill="freeze" dur="5s" type="rotate" values="179.997;179.999;179.999;179.999;179.999;179.997" additive="sum" begin="gotxt.begin+30s"/><animateTransform attributeName="transform" attributeType="XML" fill="freeze" dur="0.5s" type="translate" values="-15.589,326.999;-46.764,-27" begin="gotxt.begin+36s"/><animateTransform attributeName="transform" attributeType="XML" fill="freeze" dur="0.5s" type="scale" values="1,1;1,1" additive="sum" begin="gotxt.begin+36s"/><animateTransform attributeName="transform" attributeType="XML" fill="freeze" dur="0.5s" type="rotate" values="-179.997;-179.999" additive="sum" begin="gotxt.begin+36s"/></use><use href="#tile21" fill="#FF0000" transform="translate(15.587,327.001) scale(1,1) rotate(0.003)" class="tiledropped" stroke="#777"/><use href="#tile32" fill="#FF8C00" transform="translate(46.763,327.003) scale(1,1) rotate(0.003)" class="tiledropped" stroke="#777"/><use href="#tile8" fill="#00BFFF" transform="translate(62.353,300.004) scale(1,1) rotate(0.004)" class="tiledropped" stroke="#777"/><use href="#tile20" fill="#FF0000" transform="translate(77.939,327.005) scale(1,1) rotate(0.003)" class="tiledropped" stroke="#777"/><use href="#tile19" fill="#FF0000" stroke="#777" transform="translate(140.291,327.009) scale(1,1) rotate(0.003)" class="tiledropped"/><use href="#tile7" fill="#00BFFF" transform="translate(124.705,300.008) scale(1,1) rotate(0.004)" class="tiledropped" stroke="#777"/><use href="#tile30" fill="#FF8C00" stroke="#777" transform="translate(171.467,327.011) scale(1,1) rotate(0.003)" class="tiledropped"/><use href="#tile6" fill="#00BFFF" transform="translate(187.057,300.012) scale(1,1) rotate(0.004)" class="tiledropped" stroke="#777"/><use href="#tile18" fill="#FF0000" stroke="#777" transform="translate(202.643,327.013) scale(1,1) rotate(0.003)" class="tiledropped"/><use href="#tile22" fill="#FF0000" transform="translate(-46.765,326.999) scale(1,1) rotate(0.001)" class="tiledropped" stroke="#777"/><use href="#tile10" fill="#00BFFF" transform="translate(-62.354,299.999) scale(1,1) rotate(0)" class="tiledropped" stroke="#777"><animateTransform attributeName="transform" attributeType="XML" fill="freeze" dur="0.5s" type="translate" values="-62.354,299.999;-31.177,-54" begin="move2.end+4s"/><animateTransform attributeName="transform" attributeType="XML" fill="freeze" dur="0.5s" type="scale" values="1,1;1,1" additive="sum" begin="move2.end+4s"/><animateTransform attributeName="transform" attributeType="XML" fill="freeze" dur="0.5s" type="rotate" values="0;0" additive="sum" begin="move2.end+4s"/></use><use href="#tile34" fill="#FF8C00" stroke="#777" transform="translate(-77.941,326.999) scale(1,1) rotate(0.001)" class="tiledropped"><animateTransform attributeName="transform" attributeType="XML" fill="freeze" dur="0.5s" type="translate" values="-77.941,326.999;-46.764,9" begin="move2.end+5s"/><animateTransform attributeName="transform" attributeType="XML" fill="freeze" dur="0.5s" type="scale" values="1,1;1,1" additive="sum" begin="move2.end+5s"/><animateTransform attributeName="transform" attributeType="XML" fill="freeze" dur="0.5s" type="rotate" values="0.001;-0.001" additive="sum" begin="move2.end+5s"/></use><use href="#tile23" fill="#FF0000" transform="translate(-109.117,326.999) scale(1,1) rotate(0.001)" class="tiledropped" stroke="#777"><animateTransform attributeName="transform" attributeType="XML" fill="freeze" dur="7s" type="translate" values="-109.117,326.999;-120,-60;-120,-60;-120,-60;-120,-60;-120,-60;-120,-60;-109.117,326.999" begin="gotxt.begin+6s"/><animateTransform attributeName="transform" attributeType="XML" fill="freeze" dur="7s" type="scale" values="1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1" additive="sum" begin="gotxt.begin+6s"/><animateTransform attributeName="transform" attributeType="XML" fill="freeze" dur="7s" type="rotate" values="0.001;0.001;0.001;0.001;0.001;0.001;0.001;0.001" additive="sum" begin="gotxt.begin+6s"/></use><use href="#tile35" fill="#FF8C00" stroke="#777" transform="translate(-140.293,326.999) scale(1,1) rotate(0.001)" class="tiledropped"><animateTransform attributeName="transform" attributeType="XML" fill="freeze" dur="7s" type="translate" values="-140.293,326.999;-120,60;-120,60;-120,60;-120,60;-120,60;-140.293,326.999" begin="gotxt.begin+6s"/><animateTransform attributeName="transform" attributeType="XML" fill="freeze" dur="7s" type="scale" values="1,1;1,1;1,1;1,1;1,1;1,1;1,1" additive="sum" begin="gotxt.begin+6s"/><animateTransform attributeName="transform" attributeType="XML" fill="freeze" dur="7s" type="rotate" values="0.001;0.001;0.001;0.001;0.001;0.001;0.001" additive="sum" begin="gotxt.begin+6s"/><animateTransform attributeName="transform" attributeType="XML" fill="freeze" dur="0.5s" type="translate" values="-140.293,326.999;-15.588,27" begin="move2.end+3s"/><animateTransform attributeName="transform" attributeType="XML" fill="freeze" dur="0.5s" type="scale" values="1,1;1,1" additive="sum" begin="move2.end+3s"/><animateTransform attributeName="transform" attributeType="XML" fill="freeze" dur="0.5s" type="rotate" values="0.001;-0.001" additive="sum" begin="move2.end+3s"/></use><use href="#tile11" fill="#00BFFF" stroke="#777" transform="translate(-124.706,299.999) scale(1,1) rotate(0)" class="tiledropped"><animateTransform attributeName="transform" attributeType="XML" fill="freeze" dur="7s" type="translate" values="-124.705,300;-120,-180;-120,-180;-120,-180;-120,-180;-120,-180;-124.705,300" begin="gotxt.begin+6s"/><animateTransform attributeName="transform" attributeType="XML" fill="freeze" dur="7s" type="scale" values="1,1;1,1;1,1;1,1;1,1;1,1;1,1" additive="sum" begin="gotxt.begin+6s"/><animateTransform attributeName="transform" attributeType="XML" fill="freeze" dur="7s" type="rotate" values="0.002;0.002;0.002;0.002;0.002;0.002;0.002" additive="sum" begin="gotxt.begin+6s"/><animateTransform attributeName="transform" attributeType="XML" fill="freeze" dur="1s" type="translate" values="-124.706,299.999;0,0" begin="gotxt.begin+18s"/><animateTransform attributeName="transform" attributeType="XML" fill="freeze" dur="1s" type="scale" values="1,1;1,1" additive="sum" begin="gotxt.begin+18s"/><animateTransform attributeName="transform" attributeType="XML" fill="freeze" dur="1s" type="rotate" values="0;0" additive="sum" begin="gotxt.begin+18s"/></use><use href="#tile3" fill="#00BFFF" transform="translate(0,-300) scale(-1,1) rotate(0.004)" class="tiledropped" stroke="#777"/><use href="#tile27" fill="#FF8C00" transform="translate(15.585,-327.001) scale(1,1) rotate(-0.005)" class="tiledropped" stroke="#777"/><use href="#tile15" fill="#FF0000" transform="translate(-15.591,-326.999) scale(1,1) rotate(-0.003)" class="tiledropped" stroke="#777"/><use href="#tile26" fill="#FF8C00" transform="translate(-46.767,-326.997) scale(1,1) rotate(-0.003)" class="tiledropped" stroke="#777"/><use href="#tile14" fill="#FF0000" transform="translate(-77.943,-326.995) scale(1,1) rotate(-0.003)" class="tiledropped" stroke="#777"/><use href="#tile2" fill="#00BFFF" transform="translate(-62.355,-299.996) scale(1,1) rotate(-0.002)" class="tiledropped" stroke="#777"/><use href="#tile25" fill="#FF8C00" transform="translate(-109.119,-326.993) scale(1,1) rotate(-0.003)" class="tiledropped" stroke="#777"><animateTransform attributeName="transform" attributeType="XML" fill="freeze" dur="0.5s" type="translate" values="-109.119,-326.993;46.765,-9" begin="move2.end+5.5s"/><animateTransform attributeName="transform" attributeType="XML" fill="freeze" dur="0.5s" type="scale" values="1,1;1,1" additive="sum" begin="move2.end+5.5s"/><animateTransform attributeName="transform" attributeType="XML" fill="freeze" dur="0.5s" type="rotate" values="-0.003;-0.001" additive="sum" begin="move2.end+5.5s"/></use><use href="#tile12" fill="#FF0000" transform="translate(-140.295,-326.991) scale(1,1) rotate(-0.003)" class="tiledropped" stroke="#777"/><use href="#tile24" fill="#FF8C00" transform="translate(-171.471,-326.989) scale(1,1) rotate(-0.003)" class="tiledropped" stroke="#777"><animateTransform attributeName="transform" attributeType="XML" fill="freeze" dur="0.5s" type="translate" values="-171.471,-326.989;15.589,-27" begin="move2.end+3.5s"/><animateTransform attributeName="transform" attributeType="XML" fill="freeze" dur="0.5s" type="scale" values="1,1;1,1" additive="sum" begin="move2.end+3.5s"/><animateTransform attributeName="transform" attributeType="XML" fill="freeze" dur="0.5s" type="rotate" values="-0.003;-0.001" additive="sum" begin="move2.end+3.5s"/></use><use href="#tile13" fill="#FF0000" stroke="#777" transform="translate(-202.647,-326.987) scale(1,1) rotate(-0.003)" class="tiledropped"><animateTransform attributeName="transform" attributeType="XML" fill="freeze" dur="1s" type="translate" values="-202.647,-326.987;-15.588,-27" begin="gotxt.begin+21s" id="move2"/><animateTransform attributeName="transform" attributeType="XML" fill="freeze" dur="1s" type="scale" values="1,1;1,1" additive="sum" begin="gotxt.begin+21s"/><animateTransform attributeName="transform" attributeType="XML" fill="freeze" dur="1s" type="rotate" values="-0.001;0.001" additive="sum" begin="gotxt.begin+21s"/></use><use href="#tile1" fill="#00BFFF" transform="translate(-124.707,-299.992) scale(1,1) rotate(-0.002)" class="tiledropped" stroke="#777"><animateTransform attributeName="transform" attributeType="XML" fill="freeze" dur="0.5s" type="translate" values="-124.705,-299.992;-62.353,36" begin="move2.end+6.5s"/><animateTransform attributeName="transform" attributeType="XML" fill="freeze" dur="0.5s" type="scale" values="1,1;1,1" additive="sum" begin="move2.end+6.5s"/><animateTransform attributeName="transform" attributeType="XML" fill="freeze" dur="0.5s" type="rotate" values="-0.004;0" additive="sum" begin="move2.end+6.5s"/></use><use href="#tile0" fill="#00BFFF" transform="translate(-187.058,-299.988) scale(1,1) rotate(179.998)" class="tiledropped" stroke="#777"><animateTransform attributeName="transform" attributeType="XML" fill="freeze" dur="0.5s" type="translate" values="-187.058,-299.988;31.178,18" begin="move2.end+4.5s"/><animateTransform attributeName="transform" attributeType="XML" fill="freeze" dur="0.5s" type="scale" values="1,1;1,1" additive="sum" begin="move2.end+4.5s"/><animateTransform attributeName="transform" attributeType="XML" fill="freeze" dur="0.5s" type="rotate" values="179.998;180" additive="sum" begin="move2.end+4.5s"/></use><use href="#tile16" fill="#FF0000" transform="translate(46.761,-327.003) scale(1,1) rotate(-0.005)" class="tiledropped" stroke="#777"/><use href="#tile28" fill="#FF8C00" transform="translate(77.937,-327.005) scale(1,1) rotate(-0.005)" class="tiledropped" stroke="#777"/><use href="#tile4" fill="#00BFFF" transform="translate(62.352,-300.005) scale(1,1) rotate(-0.006)" class="tiledropped" stroke="#777"/><use href="#tile17" fill="#FF0000" stroke="#777" transform="translate(109.113,-327.007) scale(1,1) rotate(-0.005)" class="tiledropped"/><use href="#tile29" fill="#FF8C00" stroke="#777" transform="translate(140.289,-327.009) scale(1,1) rotate(-0.005)" class="tiledropped"/><use href="#tile5" fill="#00BFFF" stroke="#777" transform="translate(124.704,-300.009) scale(1,1) rotate(-0.006)" class="tiledropped"/><use href="#tile31" fill="#FF8C00" transform="translate(109.115,327.007) scale(1,1) rotate(0.003)" class="tilesnapped tiledropped" stroke="#777"/><use href="#tile36" fill="#ca5326" stroke="#436" transform="translate(546.602,8.039) scale(1,1) rotate(0)" class="tilemoving" stroke-width="4"><animateTransform attributeName="transform" attributeType="XML" fill="freeze" dur="0.01s" type="translate" values="546.602,8.039;-53.766,-28.793" id="wrong1" begin="gotxt.begin+31s"/><animateTransform attributeName="transform" attributeType="XML" fill="freeze" dur="0.01s" type="scale" values="1,1;1,1" additive="sum" begin="gotxt.begin+31s"/><animateTransform attributeName="transform" attributeType="XML" fill="freeze" dur="0.01s" type="rotate" values="0;0" additive="sum" begin="gotxt.begin+31s"/><animate attributeName="opacity" dur="2s" values="0;1;0;1;0" fill="freeze" begin="wrong1.end"/><set attributeName="opacity" to="0" dur="1s" fill="freeze" begin="gotxt.begin+30s"/></use></g><animate attributeName="y" dur="36s" values="180;120;60;0;-60;-60;-120;-180;-240;-300;-360;-360" href="#thetext" calcMode="discrete" fill="freeze" id="gotxt"/><animate attributeName="opacity" dur="1s" values="1;0" href="#trtitile" fill="freeze" begin="gotxt.begin+6s"/><animate attributeName="opacity" dur="6s" values="0;1;1;1;1;1;0" href="#trpiece" fill="freeze" begin="gotxt.begin+7s"/><animate attributeName="opacity" dur="4s" values="0;1;1;1;0" href="#trori" fill="freeze" begin="gotxt.begin+9s"/><animateTransform attributeName="transform" attributeType="XML" href="#etanidrop" fill="freeze" dur="4s" type="translate" values="240,240;240,240;240,240;240,240" begin="gotxt.begin+12s"/><animateTransform attributeName="transform" attributeType="XML" href="#etanidrop" fill="freeze" dur="4s" type="scale" values="1,1;0.64,0.64;0.64,0.64;1,1" additive="sum" begin="gotxt.begin+12s"/><animateTransform attributeName="transform" attributeType="XML" href="#etanidrop" fill="freeze" dur="4s" type="rotate" values="0;0;0;0" additive="sum" begin="gotxt.begin+12s"/></svg>
https://ejsoon.vip/
弈趣極光：享受思維樂趣
页首
头像
ejsoon
圈圈精英
圈圈精英
帖子： 4388
注册时间： 2022年 11月 18日 17:36
为圈友点赞： 171 次
被圈友点赞： 200 次
联系：
联系 ejsoon

Re: 將為三菱棋做個規則介紹動畫

帖子 由 ejsoon »

代码： 全选

<svg id="etani" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:svg="http://www.w3.org/2000/svg" width="480" height="480" rfm="mixed"> <defs mode="1" rotatestep="1" rotatestart="0" stepvalue="180" snapto="0" displaywait="0"> <g id="tile0" frontfill="#00BFFF" backfill="#00BFFF"><path d="M 0,-18 L 31.177,0 L 0,18 L -31.177,0 Z"/></g>  <g id="tile1" frontfill="#00BFFF" backfill="#00BFFF"><path d="M 0,-18 L 31.177,0 L 0,18 L -31.177,0 Z"/></g><g id="tile2" frontfill="#00BFFF" backfill="#00BFFF"><path d="M 0,-18 L 31.177,0 L 0,18 L -31.177,0 Z"/></g><g id="tile3" frontfill="#00BFFF" backfill="#00BFFF"><path d="M 0,-18 L 31.177,0 L 0,18 L -31.177,0 Z"/></g><g id="tile4" frontfill="#00BFFF" backfill="#00BFFF"><path d="M 0,-18 L 31.177,0 L 0,18 L -31.177,0 Z"/></g><g id="tile5" frontfill="#00BFFF" backfill="#00BFFF"><path d="M 0,-18 L 31.177,0 L 0,18 L -31.177,0 Z"/></g><g id="tile6" frontfill="#00BFFF" backfill="#00BFFF"><path d="M 0,-18 L 31.177,0 L 0,18 L -31.177,0 Z"/></g><g id="tile7" frontfill="#00BFFF" backfill="#00BFFF"><path d="M 0,-18 L 31.177,0 L 0,18 L -31.177,0 Z"/></g><g id="tile8" frontfill="#00BFFF" backfill="#00BFFF"><path d="M 0,-18 L 31.177,0 L 0,18 L -31.177,0 Z"/></g><g id="tile9" frontfill="#00BFFF" backfill="#00BFFF"><path d="M 0,-18 L 31.177,0 L 0,18 L -31.177,0 Z"/></g><g id="tile10" frontfill="#00BFFF" backfill="#00BFFF"><path d="M 0,-18 L 31.177,0 L 0,18 L -31.177,0 Z"/></g><g id="tile11" frontfill="#00BFFF" backfill="#00BFFF"><path d="M 0,-18 L 31.177,0 L 0,18 L -31.177,0 Z"/></g><g id="tile12" frontfill="#FF0000" backfill="#FF0000"><path d="M 15.588,9 L -15.588,27 L -15.588,-9 L 15.588,-27 Z"/></g><g id="tile13" frontfill="#FF0000" backfill="#FF0000"><path d="M 15.588,9 L -15.588,27 L -15.588,-9 L 15.588,-27 Z"/></g><g id="tile14" frontfill="#FF0000" backfill="#FF0000"><path d="M 15.588,9 L -15.588,27 L -15.588,-9 L 15.588,-27 Z"/></g><g id="tile15" frontfill="#FF0000" backfill="#FF0000"><path d="M 15.588,9 L -15.588,27 L -15.588,-9 L 15.588,-27 Z"/></g><g id="tile16" frontfill="#FF0000" backfill="#FF0000"><path d="M 15.588,9 L -15.588,27 L -15.588,-9 L 15.588,-27 Z"/></g><g id="tile17" frontfill="#FF0000" backfill="#FF0000"><path d="M 15.588,9 L -15.588,27 L -15.588,-9 L 15.588,-27 Z"/></g><g id="tile18" frontfill="#FF0000" backfill="#FF0000"><path d="M 15.588,9 L -15.588,27 L -15.588,-9 L 15.588,-27 Z"/></g><g id="tile19" frontfill="#FF0000" backfill="#FF0000"><path d="M 15.588,9 L -15.588,27 L -15.588,-9 L 15.588,-27 Z"/></g><g id="tile20" frontfill="#FF0000" backfill="#FF0000"><path d="M 15.588,9 L -15.588,27 L -15.588,-9 L 15.588,-27 Z"/></g><g id="tile21" frontfill="#FF0000" backfill="#FF0000"><path d="M 15.588,9 L -15.588,27 L -15.588,-9 L 15.588,-27 Z"/></g><g id="tile22" frontfill="#FF0000" backfill="#FF0000"><path d="M 15.588,9 L -15.588,27 L -15.588,-9 L 15.588,-27 Z"/></g><g id="tile23" frontfill="#FF0000" backfill="#FF0000"><path d="M 15.588,9 L -15.588,27 L -15.588,-9 L 15.588,-27 Z"/></g><g id="tile24" frontfill="#FF8C00" backfill="#FF8C00"><path d="M -15.588,9 L -15.588,-27 L 15.588,-9 L 15.588,27 Z"/></g><g id="tile25" frontfill="#FF8C00" backfill="#FF8C00"><path d="M -15.588,9 L -15.588,-27 L 15.588,-9 L 15.588,27 Z"/></g><g id="tile26" frontfill="#FF8C00" backfill="#FF8C00"><path d="M -15.588,9 L -15.588,-27 L 15.588,-9 L 15.588,27 Z"/></g><g id="tile27" frontfill="#FF8C00" backfill="#FF8C00"><path d="M -15.588,9 L -15.588,-27 L 15.588,-9 L 15.588,27 Z"/></g><g id="tile28" frontfill="#FF8C00" backfill="#FF8C00"><path d="M -15.588,9 L -15.588,-27 L 15.588,-9 L 15.588,27 Z"/></g><g id="tile29" frontfill="#FF8C00" backfill="#FF8C00"><path d="M -15.588,9 L -15.588,-27 L 15.588,-9 L 15.588,27 Z"/></g><g id="tile30" frontfill="#FF8C00" backfill="#FF8C00"><path d="M -15.588,9 L -15.588,-27 L 15.588,-9 L 15.588,27 Z"/></g><g id="tile31" frontfill="#FF8C00" backfill="#FF8C00"><path d="M -15.588,9 L -15.588,-27 L 15.588,-9 L 15.588,27 Z"/></g><g id="tile32" frontfill="#FF8C00" backfill="#FF8C00"><path d="M -15.588,9 L -15.588,-27 L 15.588,-9 L 15.588,27 Z"/></g><g id="tile33" frontfill="#FF8C00" backfill="#FF8C00"><path d="M -15.588,9 L -15.588,-27 L 15.588,-9 L 15.588,27 Z"/></g><g id="tile34" frontfill="#FF8C00" backfill="#FF8C00"><path d="M -15.588,9 L -15.588,-27 L 15.588,-9 L 15.588,27 Z"/></g><g id="tile35" frontfill="#FF8C00" backfill="#FF8C00"><path d="M -15.588,9 L -15.588,-27 L 15.588,-9 L 15.588,27 Z"/></g><g id="tile36" frontfill="#ca5326" backfill="#2691c0"><path fill="none" stroke="none" d="M 36,36 L -36,36 L -36,-36 L 36,-36 Z"/>

<path fill="none" stroke="red" stroke-width="24" d="M 36,36 L -36,-36 M 36,-36 L -36,36"/>

</g></defs> <g class="etdrop" stroke="#777" stroke-width="2" stroke-linejoin="round" transform="translate(240,240) scale(1,1)" id="etanidrop"><g class="etboard"><circle r="6" cx="0" cy="300" fill="none" stroke="none" stroke-width="0" class="bcenter"/><circle r="6" cx="0" cy="-300" fill="none" stroke="none" stroke-width="0" class="bcenter"/><circle r="6" cx="-120" cy="60" fill="none" stroke="none" stroke-width="0" class="bcenter"/><circle r="6" cx="-120" cy="-60" fill="none" stroke="none" stroke-width="0" class="bcenter"/><circle r="6" cx="-120" cy="-180" fill="none" stroke="none" stroke-width="0" class="bcenter"/><path d="M 240,240 L 240,-240 L -240,-240 L -240,240 Z" stroke="#000" stroke-width="4" fill="none" class="boardsnap0"/>

<g id="trtitile" transform="translate(-24,0)" stroke="none">
<path transform="translate(-116.727,-28.22)" fill="#00BFFF" d="M 0,-18 L 31.177,0 L 0,18 L -31.177,0 Z"/>
<path transform="translate(-132.314,-55.22)" fill="#FF0000" d="M 15.588,9 L -15.588,27 L -15.588,-9 L 15.588,-27 Z"/>
<path transform="translate(-101.139,-1.22)" fill="#FF0000" d="M 15.588,9 L -15.588,27 L -15.588,-9 L 15.588,-27 Z"/>
<path transform="translate(-101.138,-55.22)" fill="#FF8C00" d="M -15.588,9 L -15.588,-27 L 15.588,-9 L 15.588,27 Z"/>
<path transform="translate(-132.315,-1.22)" fill="#FF8C00" d="M -15.588,9 L -15.588,-27 L 15.588,-9 L 15.588,27 Z"/>
<text x="-60" y="-12" font-family="Sora" font-size="48" fill="gray">Trirhombus</text>
</g>

<g id="trpiece" opacity="0">
<text x="-240" y="-240" font-family="Sora" font-size="36" stroke="none">
<tspan x="-60" dy="72" fill="#00BFFF">DeepSkyBlue</tspan>
<tspan x="-60" dy="120" fill="#FF0000">Red</tspan>
<tspan x="-60" dy="120" fill="#FF8C00">DarkOrange</tspan>
</text>
</g>

<g id="trori" opacity="0" stroke-width="4">
<path transform="translate(-200,-180)" stroke="#00BFFF" d="M -18,0 L 18,0 Z"/>
<path transform="translate(-200,-60)" stroke="#FF0000" d="M 18,-31.177 L -18,31.177 Z"/>
<path transform="translate(-200,60)" stroke="#FF8C00" d="M -18,-31.177 L 18,31.177 Z"/>
</g>

<mask id="textmask">
<path fill="#FFFFFF" d="M -240,160 h 480 v 60 h -480 Z"/>
</mask>

<text id="thetext" mask="url(#textmask)" x="-220" y="180" font-family="Sora" font-size="16" fill="#333" stroke="none">
<tspan x="-220" dy="0">Trirhombus is a abstract board game </tspan>
<tspan x="-220" dy="30">created by board game designer Ejsoon in 2021.</tspan>
<tspan x="-220" dy="30">The game is smartly designed and super portable, </tspan>
<tspan x="-220" dy="30">perfect for home and travel.</tspan>
<tspan x="-220" dy="30">Trirhombus has three types of rhombus pieces: </tspan>
<tspan x="-220" dy="30">DeepSkyBlue, Red, and DarkOrange.</tspan>
<tspan x="-220" dy="30">Their placement orientations are fixed: </tspan>
<tspan x="-220" dy="30">horizontal, anti-diagonal, and main diagonal.</tspan>
<tspan x="-220" dy="30">There are twelve pieces of each color, </tspan>
<tspan x="-220" dy="30">evenly divided between the two players.</tspan>
<tspan x="-220" dy="30">The game begins with the first player placing </tspan>
<tspan x="-220" dy="30">a DeepSkyBlue piece in the center of the board.</tspan>
<tspan x="-220" dy="30">The second piece must be placed </tspan>
<tspan x="-220" dy="30">by the second player using a Red piece.</tspan>
<tspan x="-220" dy="30">All subsequent pieces must be placed adjacent </tspan>
<tspan x="-220" dy="30">edge-to-edge with existing pieces on the board.</tspan>
<tspan x="-220" dy="30">Players then take turns placing pieces.</tspan>
<tspan x="-220" dy="30">~</tspan>
<tspan x="-220" dy="30">The only forbidden formation is </tspan>
<tspan x="-220" dy="30">creating an enclosed hole.</tspan>
<tspan x="-220" dy="30">Once all pieces have been placed, scoring begins.</tspan>
<tspan x="-220" dy="30">~</tspan>
<tspan x="-220" dy="30">From each player's perspective, </tspan>
<tspan x="-220" dy="30">DeepSkyBlue represents the top face of each cube, </tspan>
<tspan x="-220" dy="30">while the other two colors represent the side faces. </tspan>
<tspan x="-220" dy="30">Count the number of complete cubes.</tspan>
<tspan x="-220" dy="30">In this game, for example, </tspan>
<tspan x="-220" dy="30">the first player scores 14 points.</tspan>
<tspan x="-220" dy="30">The second player scores 13 points.</tspan>
<tspan x="-220" dy="30">~</tspan>
<tspan x="-220" dy="30">Players then switch who goes first </tspan>
<tspan x="-220" dy="30">and play a second game. </tspan>
<tspan x="-220" dy="30">The player with the higher total score </tspan>
<tspan x="-220" dy="30">over both games wins.</tspan>
<tspan x="-220" dy="30">This covers all the rules of Trirhombus.</tspan>
<tspan x="-220" dy="30">~</tspan>
<tspan x="-220" dy="30">For any suggestions or ideas, </tspan>
<tspan x="-220" dy="30">please email i@ejsoon.vip.</tspan>
</text>

    <style type="text/css">
      
@font-face {
    font-family: 'Sora';
    src: url('data:font/woff2;charset=utf-8;base64,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') format('woff2');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}
    </style>

</g><use href="#tile9" fill="#00BFFF" stroke="#777" transform="translate(0,300) scale(-1,1) rotate(-0.002)" class="tiledropped"><animateTransform attributeName="transform" attributeType="XML" fill="freeze" dur="0.5s" type="translate" values="0,300;-62.353,-72" begin="move2.end+6s"/><animateTransform attributeName="transform" attributeType="XML" fill="freeze" dur="0.5s" type="scale" values="-1,1;-1,1" additive="sum" begin="move2.end+6s"/><animateTransform attributeName="transform" attributeType="XML" fill="freeze" dur="0.5s" type="rotate" values="-0.002;0" additive="sum" begin="move2.end+6s"/></use><use href="#tile33" fill="#FF8C00" transform="translate(-15.589,326.999) scale(1,1) rotate(-179.999)" class="tiledropped" stroke="#777"><animateTransform attributeName="transform" attributeType="XML" fill="freeze" dur="5s" type="translate" values="-15.589,326.999;-77.942,-45;-77.942,-45;-77.942,-45;-77.942,-45;-15.589,326.999" begin="gotxt.begin+30s"/><animateTransform attributeName="transform" attributeType="XML" fill="freeze" dur="5s" type="scale" values="1,1;1,1;1,1;1,1;1,1;1,1" additive="sum" begin="gotxt.begin+30s"/><animateTransform attributeName="transform" attributeType="XML" fill="freeze" dur="5s" type="rotate" values="179.997;179.999;179.999;179.999;179.999;179.997" additive="sum" begin="gotxt.begin+30s"/><animateTransform attributeName="transform" attributeType="XML" fill="freeze" dur="0.5s" type="translate" values="-15.589,326.999;-46.764,-27" begin="gotxt.begin+36s"/><animateTransform attributeName="transform" attributeType="XML" fill="freeze" dur="0.5s" type="scale" values="1,1;1,1" additive="sum" begin="gotxt.begin+36s"/><animateTransform attributeName="transform" attributeType="XML" fill="freeze" dur="0.5s" type="rotate" values="-179.997;-179.999" additive="sum" begin="gotxt.begin+36s"/></use><use href="#tile21" fill="#FF0000" transform="translate(15.587,327.001) scale(1,1) rotate(0.003)" class="tiledropped" stroke="#777"><animateTransform attributeName="transform" attributeType="XML" fill="freeze" dur="0.5s" type="translate" values="15.587,327.001;-46.765,99" begin="gotxt.begin+46.5s"/><animateTransform attributeName="transform" attributeType="XML" fill="freeze" dur="0.5s" type="scale" values="1,1;1,1" additive="sum" begin="gotxt.begin+46.5s"/><animateTransform attributeName="transform" attributeType="XML" fill="freeze" dur="0.5s" type="rotate" values="0.003;0.001" additive="sum" begin="gotxt.begin+46.5s"/></use><use href="#tile32" fill="#FF8C00" transform="translate(46.763,327.003) scale(1,1) rotate(0.003)" class="tiledropped" stroke="#777"><animateTransform attributeName="transform" attributeType="XML" fill="freeze" dur="0.5s" type="translate" values="46.763,327.003;-109.118,81" begin="gotxt.begin+40s"/><animateTransform attributeName="transform" attributeType="XML" fill="freeze" dur="0.5s" type="scale" values="1,1;1,1" additive="sum" begin="gotxt.begin+40s"/><animateTransform attributeName="transform" attributeType="XML" fill="freeze" dur="0.5s" type="rotate" values="0.003;-0.001" additive="sum" begin="gotxt.begin+40s"/></use><use href="#tile8" fill="#00BFFF" transform="translate(62.353,300.004) scale(1,1) rotate(0.004)" class="tiledropped" stroke="#777"><animateTransform attributeName="transform" attributeType="XML" fill="freeze" dur="0.5s" type="translate" values="62.353,300.004;0,-72" begin="gotxt.begin+37s"/><animateTransform attributeName="transform" attributeType="XML" fill="freeze" dur="0.5s" type="scale" values="1,1;1,1" additive="sum" begin="gotxt.begin+37s"/><animateTransform attributeName="transform" attributeType="XML" fill="freeze" dur="0.5s" type="rotate" values="0.004;0" additive="sum" begin="gotxt.begin+37s"/></use><use href="#tile20" fill="#FF0000" transform="translate(77.939,327.005) scale(1,1) rotate(0.003)" class="tiledropped" stroke="#777"><animateTransform attributeName="transform" attributeType="XML" fill="freeze" dur="0.5s" type="translate" values="77.939,327.005;-15.588,81" begin="gotxt.begin+48.5s"/><animateTransform attributeName="transform" attributeType="XML" fill="freeze" dur="0.5s" type="scale" values="1,1;1,1" additive="sum" begin="gotxt.begin+48.5s"/><animateTransform attributeName="transform" attributeType="XML" fill="freeze" dur="0.5s" type="rotate" values="0.003;0.001" additive="sum" begin="gotxt.begin+48.5s"/></use><use href="#tile19" fill="#FF0000" stroke="#777" transform="translate(140.291,327.009) scale(1,1) rotate(0.003)" class="tiledropped"><animateTransform attributeName="transform" attributeType="XML" fill="freeze" dur="0.5s" type="translate" values="140.291,327.009;46.766,45" begin="gotxt.begin+50.5s"/><animateTransform attributeName="transform" attributeType="XML" fill="freeze" dur="0.5s" type="scale" values="1,1;1,1" additive="sum" begin="gotxt.begin+50.5s"/><animateTransform attributeName="transform" attributeType="XML" fill="freeze" dur="0.5s" type="rotate" values="0.003;0.001" additive="sum" begin="gotxt.begin+50.5s"/></use><use href="#tile7" fill="#00BFFF" transform="translate(124.705,300.008) scale(1,1) rotate(0.004)" class="tiledropped" stroke="#777"><animateTransform attributeName="transform" attributeType="XML" fill="freeze" dur="0.5s" type="translate" values="124.703,300.008;31.177,-54" begin="gotxt.begin+44.5s"/><animateTransform attributeName="transform" attributeType="XML" fill="freeze" dur="0.5s" type="scale" values="1,1;1,1" additive="sum" begin="gotxt.begin+44.5s"/><animateTransform attributeName="transform" attributeType="XML" fill="freeze" dur="0.5s" type="rotate" values="0.002;0" additive="sum" begin="gotxt.begin+44.5s"/></use><use href="#tile30" fill="#FF8C00" stroke="#777" transform="translate(171.467,327.011) scale(1,1) rotate(0.003)" class="tiledropped"><animateTransform attributeName="transform" attributeType="XML" fill="freeze" dur="0.5s" type="translate" values="171.467,327.011;15.588,45" begin="gotxt.begin+49.5s"/><animateTransform attributeName="transform" attributeType="XML" fill="freeze" dur="0.5s" type="scale" values="1,1;1,1" additive="sum" begin="gotxt.begin+49.5s"/><animateTransform attributeName="transform" attributeType="XML" fill="freeze" dur="0.5s" type="rotate" values="0.003;-0.001" additive="sum" begin="gotxt.begin+49.5s"/></use><use href="#tile6" fill="#00BFFF" transform="translate(187.057,300.012) scale(1,1) rotate(0.004)" class="tiledropped" stroke="#777"><animateTransform attributeName="transform" attributeType="XML" fill="freeze" dur="0.5s" type="translate" values="187.057,300.012;62.353,-36" begin="gotxt.begin+45.5s"/><animateTransform attributeName="transform" attributeType="XML" fill="freeze" dur="0.5s" type="scale" values="1,1;1,1" additive="sum" begin="gotxt.begin+45.5s"/><animateTransform attributeName="transform" attributeType="XML" fill="freeze" dur="0.5s" type="rotate" values="0.004;0" additive="sum" begin="gotxt.begin+45.5s"/></use><use href="#tile18" fill="#FF0000" stroke="#777" transform="translate(202.643,327.013) scale(1,1) rotate(0.003)" class="tiledropped"><animateTransform attributeName="transform" attributeType="XML" fill="freeze" dur="0.5s" type="translate" values="202.643,327.013;109.117,9" begin="gotxt.begin+51.5s"/><animateTransform attributeName="transform" attributeType="XML" fill="freeze" dur="0.5s" type="scale" values="1,1;1,1" additive="sum" begin="gotxt.begin+51.5s"/><animateTransform attributeName="transform" attributeType="XML" fill="freeze" dur="0.5s" type="rotate" values="0.003;-0.001" additive="sum" begin="gotxt.begin+51.5s"/></use><use href="#tile22" fill="#FF0000" transform="translate(-46.765,326.999) scale(1,1) rotate(0.001)" class="tiledropped" stroke="#777"><animateTransform attributeName="transform" attributeType="XML" fill="freeze" dur="0.5s" type="translate" values="-46.765,326.997;77.941,27" begin="gotxt.begin+39s"/><animateTransform attributeName="transform" attributeType="XML" fill="freeze" dur="0.5s" type="scale" values="1,1;1,1" additive="sum" begin="gotxt.begin+39s"/><animateTransform attributeName="transform" attributeType="XML" fill="freeze" dur="0.5s" type="rotate" values="0.003;-0.001" additive="sum" begin="gotxt.begin+39s"/></use><use href="#tile10" fill="#00BFFF" transform="translate(-62.354,299.999) scale(1,1) rotate(0)" class="tiledropped" stroke="#777"><animateTransform attributeName="transform" attributeType="XML" fill="freeze" dur="0.5s" type="translate" values="-62.354,299.999;-31.177,-54" begin="move2.end+4s"/><animateTransform attributeName="transform" attributeType="XML" fill="freeze" dur="0.5s" type="scale" values="1,1;1,1" additive="sum" begin="move2.end+4s"/><animateTransform attributeName="transform" attributeType="XML" fill="freeze" dur="0.5s" type="rotate" values="0;0" additive="sum" begin="move2.end+4s"/></use><use href="#tile34" fill="#FF8C00" stroke="#777" transform="translate(-77.941,326.999) scale(1,1) rotate(0.001)" class="tiledropped"><animateTransform attributeName="transform" attributeType="XML" fill="freeze" dur="0.5s" type="translate" values="-77.941,326.999;-46.764,9" begin="move2.end+5s"/><animateTransform attributeName="transform" attributeType="XML" fill="freeze" dur="0.5s" type="scale" values="1,1;1,1" additive="sum" begin="move2.end+5s"/><animateTransform attributeName="transform" attributeType="XML" fill="freeze" dur="0.5s" type="rotate" values="0.001;-0.001" additive="sum" begin="move2.end+5s"/></use><use href="#tile23" fill="#FF0000" transform="translate(-109.117,326.999) scale(1,1) rotate(0.001)" class="tiledropped" stroke="#777"><animateTransform attributeName="transform" attributeType="XML" fill="freeze" dur="7s" type="translate" values="-109.117,326.999;-120,-60;-120,-60;-120,-60;-120,-60;-120,-60;-120,-60;-109.117,326.999" begin="gotxt.begin+6s"/><animateTransform attributeName="transform" attributeType="XML" fill="freeze" dur="7s" type="scale" values="1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1" additive="sum" begin="gotxt.begin+6s"/><animateTransform attributeName="transform" attributeType="XML" fill="freeze" dur="7s" type="rotate" values="0.001;0.001;0.001;0.001;0.001;0.001;0.001;0.001" additive="sum" begin="gotxt.begin+6s"/><animateTransform attributeName="transform" attributeType="XML" fill="freeze" dur="0.5s" type="translate" values="-109.117,326.999;77.941,-9" begin="gotxt.begin+38s"/><animateTransform attributeName="transform" attributeType="XML" fill="freeze" dur="0.5s" type="scale" values="1,1;1,1" additive="sum" begin="gotxt.begin+38s"/><animateTransform attributeName="transform" attributeType="XML" fill="freeze" dur="0.5s" type="rotate" values="0.001;-0.001" additive="sum" begin="gotxt.begin+38s"/></use><use href="#tile35" fill="#FF8C00" stroke="#777" transform="translate(-140.293,326.999) scale(1,1) rotate(0.001)" class="tiledropped"><animateTransform attributeName="transform" attributeType="XML" fill="freeze" dur="7s" type="translate" values="-140.293,326.999;-120,60;-120,60;-120,60;-120,60;-120,60;-140.293,326.999" begin="gotxt.begin+6s"/><animateTransform attributeName="transform" attributeType="XML" fill="freeze" dur="7s" type="scale" values="1,1;1,1;1,1;1,1;1,1;1,1;1,1" additive="sum" begin="gotxt.begin+6s"/><animateTransform attributeName="transform" attributeType="XML" fill="freeze" dur="7s" type="rotate" values="0.001;0.001;0.001;0.001;0.001;0.001;0.001" additive="sum" begin="gotxt.begin+6s"/><animateTransform attributeName="transform" attributeType="XML" fill="freeze" dur="0.5s" type="translate" values="-140.293,326.999;-15.588,27" begin="move2.end+3s"/><animateTransform attributeName="transform" attributeType="XML" fill="freeze" dur="0.5s" type="scale" values="1,1;1,1" additive="sum" begin="move2.end+3s"/><animateTransform attributeName="transform" attributeType="XML" fill="freeze" dur="0.5s" type="rotate" values="0.001;-0.001" additive="sum" begin="move2.end+3s"/></use><use href="#tile11" fill="#00BFFF" stroke="#777" transform="translate(-124.706,299.999) scale(1,1) rotate(0)" class="tiledropped"><animateTransform attributeName="transform" attributeType="XML" fill="freeze" dur="7s" type="translate" values="-124.705,300;-120,-180;-120,-180;-120,-180;-120,-180;-120,-180;-124.705,300" begin="gotxt.begin+6s"/><animateTransform attributeName="transform" attributeType="XML" fill="freeze" dur="7s" type="scale" values="1,1;1,1;1,1;1,1;1,1;1,1;1,1" additive="sum" begin="gotxt.begin+6s"/><animateTransform attributeName="transform" attributeType="XML" fill="freeze" dur="7s" type="rotate" values="0.002;0.002;0.002;0.002;0.002;0.002;0.002" additive="sum" begin="gotxt.begin+6s"/><animateTransform attributeName="transform" attributeType="XML" fill="freeze" dur="1s" type="translate" values="-124.706,299.999;0,0" begin="gotxt.begin+18s"/><animateTransform attributeName="transform" attributeType="XML" fill="freeze" dur="1s" type="scale" values="1,1;1,1" additive="sum" begin="gotxt.begin+18s"/><animateTransform attributeName="transform" attributeType="XML" fill="freeze" dur="1s" type="rotate" values="0;0" additive="sum" begin="gotxt.begin+18s"/></use><use href="#tile3" fill="#00BFFF" transform="translate(0,-300) scale(-1,1) rotate(0.004)" class="tiledropped" stroke="#777"><animateTransform attributeName="transform" attributeType="XML" fill="freeze" dur="0.5s" type="translate" values="0,-300;-93.529,54" begin="gotxt.begin+39.5s"/><animateTransform attributeName="transform" attributeType="XML" fill="freeze" dur="0.5s" type="scale" values="-1,1;-1,1" additive="sum" begin="gotxt.begin+39.5s"/><animateTransform attributeName="transform" attributeType="XML" fill="freeze" dur="0.5s" type="rotate" values="0.004;0" additive="sum" begin="gotxt.begin+39.5s"/></use><use href="#tile27" fill="#FF8C00" transform="translate(15.585,-327.001) scale(1,1) rotate(-0.005)" class="tiledropped" stroke="#777"><animateTransform attributeName="transform" attributeType="XML" fill="freeze" dur="0.5s" type="translate" values="15.585,-327.001;77.942,-63" begin="gotxt.begin+49s"/><animateTransform attributeName="transform" attributeType="XML" fill="freeze" dur="0.5s" type="scale" values="1,1;1,1" additive="sum" begin="gotxt.begin+49s"/><animateTransform attributeName="transform" attributeType="XML" fill="freeze" dur="0.5s" type="rotate" values="-0.005;-0.001" additive="sum" begin="gotxt.begin+49s"/></use><use href="#tile15" fill="#FF0000" transform="translate(-15.591,-326.999) scale(1,1) rotate(-0.003)" class="tiledropped" stroke="#777"><animateTransform attributeName="transform" attributeType="XML" fill="freeze" dur="4s" type="translate" values="-15.591,-326.999;-109.116,27;-109.116,27;-109.116,27;-109.116,27;-109.116,27;-15.591,-326.999;-15.591,-326.999;-77.941,9" begin="gotxt.begin+40.5s"/><animateTransform attributeName="transform" attributeType="XML" fill="freeze" dur="4s" type="scale" values="1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1" additive="sum" begin="gotxt.begin+40.5s"/><animateTransform attributeName="transform" attributeType="XML" fill="freeze" dur="4s" type="rotate" values="-0.005;0.001;0.001;0.001;0.001;0.001;-0.005;-0.005;0.001" additive="sum" begin="gotxt.begin+40.5s"/></use><use href="#tile26" fill="#FF8C00" transform="translate(-46.767,-326.997) scale(1,1) rotate(-0.003)" class="tiledropped" stroke="#777"><animateTransform attributeName="transform" attributeType="XML" fill="freeze" dur="0.5s" type="translate" values="-46.767,-326.997;46.766,-81" begin="gotxt.begin+48s"/><animateTransform attributeName="transform" attributeType="XML" fill="freeze" dur="0.5s" type="scale" values="1,1;1,1" additive="sum" begin="gotxt.begin+48s"/><animateTransform attributeName="transform" attributeType="XML" fill="freeze" dur="0.5s" type="rotate" values="-0.003;-0.001" additive="sum" begin="gotxt.begin+48s"/></use><use href="#tile14" fill="#FF0000" transform="translate(-77.943,-326.995) scale(1,1) rotate(-0.003)" class="tiledropped" stroke="#777"><animateTransform attributeName="transform" attributeType="XML" fill="freeze" dur="0.5s" type="translate" values="-77.943,-326.995;-109.116,-9" begin="gotxt.begin+37.5s"/><animateTransform attributeName="transform" attributeType="XML" fill="freeze" dur="0.5s" type="scale" values="1,1;1,1" additive="sum" begin="gotxt.begin+37.5s"/><animateTransform attributeName="transform" attributeType="XML" fill="freeze" dur="0.5s" type="rotate" values="-0.003;0.001" additive="sum" begin="gotxt.begin+37.5s"/></use><use href="#tile2" fill="#00BFFF" transform="translate(-62.355,-299.996) scale(1,1) rotate(-0.002)" class="tiledropped" stroke="#777"><animateTransform attributeName="transform" attributeType="XML" fill="freeze" dur="0.5s" type="translate" values="-62.355,-299.996;-31.177,54" begin="gotxt.begin+38.5s"/><animateTransform attributeName="transform" attributeType="XML" fill="freeze" dur="0.5s" type="scale" values="1,1;1,1" additive="sum" begin="gotxt.begin+38.5s"/><animateTransform attributeName="transform" attributeType="XML" fill="freeze" dur="0.5s" type="rotate" values="-0.002;0" additive="sum" begin="gotxt.begin+38.5s"/></use><use href="#tile25" fill="#FF8C00" transform="translate(-109.119,-326.993) scale(1,1) rotate(-0.003)" class="tiledropped" stroke="#777"><animateTransform attributeName="transform" attributeType="XML" fill="freeze" dur="0.5s" type="translate" values="-109.119,-326.993;46.765,-9" begin="move2.end+5.5s"/><animateTransform attributeName="transform" attributeType="XML" fill="freeze" dur="0.5s" type="scale" values="1,1;1,1" additive="sum" begin="move2.end+5.5s"/><animateTransform attributeName="transform" attributeType="XML" fill="freeze" dur="0.5s" type="rotate" values="-0.003;-0.001" additive="sum" begin="move2.end+5.5s"/></use><use href="#tile12" fill="#FF0000" transform="translate(-140.295,-326.991) scale(1,1) rotate(-0.003)" class="tiledropped" stroke="#777"><animateTransform attributeName="transform" attributeType="XML" fill="freeze" dur="0.5s" type="translate" values="-140.295,-326.991;-77.94,-27" begin="gotxt.begin+36.5s"/><animateTransform attributeName="transform" attributeType="XML" fill="freeze" dur="0.5s" type="scale" values="1,1;1,1" additive="sum" begin="gotxt.begin+36.5s"/><animateTransform attributeName="transform" attributeType="XML" fill="freeze" dur="0.5s" type="rotate" values="-0.003;0.001" additive="sum" begin="gotxt.begin+36.5s"/></use><use href="#tile24" fill="#FF8C00" transform="translate(-171.471,-326.989) scale(1,1) rotate(-0.003)" class="tiledropped" stroke="#777"><animateTransform attributeName="transform" attributeType="XML" fill="freeze" dur="0.5s" type="translate" values="-171.471,-326.989;15.589,-27" begin="move2.end+3.5s"/><animateTransform attributeName="transform" attributeType="XML" fill="freeze" dur="0.5s" type="scale" values="1,1;1,1" additive="sum" begin="move2.end+3.5s"/><animateTransform attributeName="transform" attributeType="XML" fill="freeze" dur="0.5s" type="rotate" values="-0.003;-0.001" additive="sum" begin="move2.end+3.5s"/></use><use href="#tile13" fill="#FF0000" stroke="#777" transform="translate(-202.647,-326.987) scale(1,1) rotate(-0.003)" class="tiledropped"><animateTransform attributeName="transform" attributeType="XML" fill="freeze" dur="1s" type="translate" values="-202.647,-326.987;-15.588,-27" begin="gotxt.begin+21s" id="move2"/><animateTransform attributeName="transform" attributeType="XML" fill="freeze" dur="1s" type="scale" values="1,1;1,1" additive="sum" begin="gotxt.begin+21s"/><animateTransform attributeName="transform" attributeType="XML" fill="freeze" dur="1s" type="rotate" values="-0.001;0.001" additive="sum" begin="gotxt.begin+21s"/></use><use href="#tile1" fill="#00BFFF" transform="translate(-124.707,-299.992) scale(1,1) rotate(-0.002)" class="tiledropped" stroke="#777"><animateTransform attributeName="transform" attributeType="XML" fill="freeze" dur="0.5s" type="translate" values="-124.705,-299.992;-62.353,36" begin="move2.end+6.5s"/><animateTransform attributeName="transform" attributeType="XML" fill="freeze" dur="0.5s" type="scale" values="1,1;1,1" additive="sum" begin="move2.end+6.5s"/><animateTransform attributeName="transform" attributeType="XML" fill="freeze" dur="0.5s" type="rotate" values="-0.004;0" additive="sum" begin="move2.end+6.5s"/></use><use href="#tile0" fill="#00BFFF" transform="translate(-187.058,-299.988) scale(1,1) rotate(179.998)" class="tiledropped" stroke="#777"><animateTransform attributeName="transform" attributeType="XML" fill="freeze" dur="0.5s" type="translate" values="-187.058,-299.988;31.178,18" begin="move2.end+4.5s"/><animateTransform attributeName="transform" attributeType="XML" fill="freeze" dur="0.5s" type="scale" values="1,1;1,1" additive="sum" begin="move2.end+4.5s"/><animateTransform attributeName="transform" attributeType="XML" fill="freeze" dur="0.5s" type="rotate" values="179.998;180" additive="sum" begin="move2.end+4.5s"/></use><use href="#tile16" fill="#FF0000" transform="translate(46.761,-327.003) scale(1,1) rotate(-0.005)" class="tiledropped" stroke="#777"><animateTransform attributeName="transform" attributeType="XML" fill="freeze" dur="0.5s" type="translate" values="46.761,-327.003;-109.116,27" begin="gotxt.begin+45s"/><animateTransform attributeName="transform" attributeType="XML" fill="freeze" dur="0.5s" type="scale" values="1,1;1,1" additive="sum" begin="gotxt.begin+45s"/><animateTransform attributeName="transform" attributeType="XML" fill="freeze" dur="0.5s" type="rotate" values="-0.005;0.001" additive="sum" begin="gotxt.begin+45s"/></use><use href="#tile28" fill="#FF8C00" transform="translate(77.937,-327.005) scale(1,1) rotate(-0.005)" class="tiledropped" stroke="#777"><animateTransform attributeName="transform" attributeType="XML" fill="freeze" dur="0.5s" type="translate" values="77.938,-327.007;15.589,-99" begin="gotxt.begin+50s"/><animateTransform attributeName="transform" attributeType="XML" fill="freeze" dur="0.5s" type="scale" values="1,1;1,1" additive="sum" begin="gotxt.begin+50s"/><animateTransform attributeName="transform" attributeType="XML" fill="freeze" dur="0.5s" type="rotate" values="-0.007;-0.001" additive="sum" begin="gotxt.begin+50s"/></use><use href="#tile4" fill="#00BFFF" transform="translate(62.352,-300.005) scale(1,1) rotate(-0.006)" class="tiledropped" stroke="#777"><animateTransform attributeName="transform" attributeType="XML" fill="freeze" dur="0.5s" type="translate" values="62.352,-300.005;-62.354,72" begin="gotxt.begin+46s"/><animateTransform attributeName="transform" attributeType="XML" fill="freeze" dur="0.5s" type="scale" values="1,1;1,1" additive="sum" begin="gotxt.begin+46s"/><animateTransform attributeName="transform" attributeType="XML" fill="freeze" dur="0.5s" type="rotate" values="-0.006;0" additive="sum" begin="gotxt.begin+46s"/></use><use href="#tile17" fill="#FF0000" stroke="#777" transform="translate(109.113,-327.007) scale(1,1) rotate(-0.005)" class="tiledropped"><animateTransform attributeName="transform" attributeType="XML" fill="freeze" dur="0.5s" type="translate" values="109.113,-327.007;-15.588,-99" begin="gotxt.begin+47s"/><animateTransform attributeName="transform" attributeType="XML" fill="freeze" dur="0.5s" type="scale" values="1,1;1,1" additive="sum" begin="gotxt.begin+47s"/><animateTransform attributeName="transform" attributeType="XML" fill="freeze" dur="0.5s" type="rotate" values="-0.005;0.001" additive="sum" begin="gotxt.begin+47s"/></use><use href="#tile29" fill="#FF8C00" stroke="#777" transform="translate(140.289,-327.009) scale(1,1) rotate(-0.005)" class="tiledropped"><animateTransform attributeName="transform" attributeType="XML" fill="freeze" dur="4s" type="translate" values="140.289,-327.009;109.118,-45;109.118,-45;109.118,-45;109.118,-45;109.118,-45;140.289,-327.009;140.289,-327.009;-46.765,-99" begin="gotxt.begin+52s"/><animateTransform attributeName="transform" attributeType="XML" fill="freeze" dur="4s" type="scale" values="1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1" additive="sum" begin="gotxt.begin+52s"/><animateTransform attributeName="transform" attributeType="XML" fill="freeze" dur="4s" type="rotate" values="-0.005;-0.001;-0.001;-0.001;-0.001;-0.001;-0.005;-0.005;-0.001" additive="sum" begin="gotxt.begin+52s"/></use><use href="#tile5" fill="#00BFFF" stroke="#777" transform="translate(124.704,-300.009) scale(1,1) rotate(-0.006)" class="tiledropped"><animateTransform attributeName="transform" attributeType="XML" fill="freeze" dur="0.5s" type="translate" values="124.703,-300.008;93.529,53.999" begin="gotxt.begin+51s"/><animateTransform attributeName="transform" attributeType="XML" fill="freeze" dur="0.5s" type="scale" values="1,1;1,1" additive="sum" begin="gotxt.begin+51s"/><animateTransform attributeName="transform" attributeType="XML" fill="freeze" dur="0.5s" type="rotate" values="-0.004;-0.002" additive="sum" begin="gotxt.begin+51s"/></use><use href="#tile31" fill="#FF8C00" transform="translate(109.115,327.007) scale(1,1) rotate(0.003)" class="tilesnapped tiledropped" stroke="#777"><animateTransform attributeName="transform" attributeType="XML" fill="freeze" dur="0.5s" type="translate" values="109.115,327.007;-77.942,99" begin="gotxt.begin+47.5s"/><animateTransform attributeName="transform" attributeType="XML" fill="freeze" dur="0.5s" type="scale" values="1,1;1,1" additive="sum" begin="gotxt.begin+47.5s"/><animateTransform attributeName="transform" attributeType="XML" fill="freeze" dur="0.5s" type="rotate" values="0.003;-0.001" additive="sum" begin="gotxt.begin+47.5s"/></use><use href="#tile36" fill="#ca5326" stroke="#436" transform="translate(546.602,8.039) scale(1,1) rotate(0)" class="tilemoving" stroke-width="4"><animateTransform attributeName="transform" attributeType="XML" fill="freeze" dur="0.01s" type="translate" values="546.602,8.039;-53.766,-28.793" begin="gotxt.begin+30.7s"/><animateTransform attributeName="transform" attributeType="XML" fill="freeze" dur="0.01s" type="scale" values="1,1;1,1" additive="sum" begin="gotxt.begin+30.7s"/><animateTransform attributeName="transform" attributeType="XML" fill="freeze" dur="0.01s" type="rotate" values="0;0" additive="sum" begin="gotxt.begin+30.7s"/><animate attributeName="opacity" dur="2s" values="0;1;0.7;1;0" fill="freeze" begin="gotxt.begin+31s"/><set attributeName="opacity" to="0" dur="1s" fill="freeze" begin="gotxt.begin+30s"/><animateTransform attributeName="transform" attributeType="XML" fill="freeze" dur="2s" type="translate" values="-53.766,-28.793;-53.766,-28.793;-53.766,-28.793;-53.766,-28.793;-53.766,-28.793" begin="gotxt.begin+31s"/><animateTransform attributeName="transform" attributeType="XML" fill="freeze" dur="2s" type="scale" values="1,1;0.7,0.7;1,1;0.7,0.7;1,1" additive="sum" begin="gotxt.begin+31s"/><animateTransform attributeName="transform" attributeType="XML" fill="freeze" dur="2s" type="rotate" values="0;0;0;0;0" additive="sum" begin="gotxt.begin+31s"/><animateTransform attributeName="transform" attributeType="XML" fill="freeze" dur="2s" type="translate" values="-79.549,9.881;-79.549,9.881;-79.549,9.881;-79.549,9.881;-79.549,9.881" begin="gotxt.begin+41s"/><animateTransform attributeName="transform" attributeType="XML" fill="freeze" dur="2s" type="scale" values="1,1;0.7,0.7;1,1;0.7,0.7;1,1" additive="sum" begin="gotxt.begin+41s"/><animateTransform attributeName="transform" attributeType="XML" fill="freeze" dur="2s" type="rotate" values="0;0;0;0;0" additive="sum" begin="gotxt.begin+41s"/><animate attributeName="opacity" dur="2s" values="0;1;0.7;1;0" fill="freeze" begin="gotxt.begin+41s"/><animateTransform attributeName="transform" attributeType="XML" fill="freeze" dur="2s" type="translate" values="108.296,-15.902;108.296,-15.902;108.296,-15.902;108.296,-15.902;108.296,-15.902" begin="gotxt.begin+52.5s"/><animateTransform attributeName="transform" attributeType="XML" fill="freeze" dur="2s" type="scale" values="1,1;0.7,0.7;1,1;0.7,0.7;1,1" additive="sum" begin="gotxt.begin+52.5s"/><animateTransform attributeName="transform" attributeType="XML" fill="freeze" dur="2s" type="rotate" values="0;0;0;0;0" additive="sum" begin="gotxt.begin+52.5s"/><animate attributeName="opacity" dur="2s" values="0;1;0.7;1;0" fill="freeze" begin="gotxt.begin+52.5s"/></use></g><animate attributeName="y" dur="66s" values="180;120;60;0;-60;-60;-120;-180;-240;-300;-360;-360;-360;-360;-360;-360;-360;-360;-360;-420;-480;-540" href="#thetext" calcMode="discrete" fill="freeze" id="gotxt"/><animate attributeName="opacity" dur="1s" values="1;0" href="#trtitile" fill="freeze" begin="gotxt.begin+6s"/><animate attributeName="opacity" dur="10s" values="0;1;1;1;1;1;1;1;0" href="#trpiece" fill="freeze" begin="gotxt.begin+7s"/><animate attributeName="opacity" dur="8s" values="0;1;1;1;1;1;0" href="#trori" fill="freeze" begin="gotxt.begin+9s"/><animateTransform attributeName="transform" attributeType="XML" href="#etanidrop" fill="freeze" dur="4s" type="translate" values="240,240;240,240;240,240;240,240" begin="gotxt.begin+12s"/><animateTransform attributeName="transform" attributeType="XML" href="#etanidrop" fill="freeze" dur="4s" type="scale" values="1,1;0.64,0.64;0.64,0.64;1,1" additive="sum" begin="gotxt.begin+12s"/><animateTransform attributeName="transform" attributeType="XML" href="#etanidrop" fill="freeze" dur="4s" type="rotate" values="0;0;0;0" additive="sum" begin="gotxt.begin+12s"/></svg>
https://ejsoon.vip/
弈趣極光：享受思維樂趣
页首
头像
ejsoon
圈圈精英
圈圈精英
帖子： 4388
注册时间： 2022年 11月 18日 17:36
为圈友点赞： 171 次
被圈友点赞： 200 次
联系：
联系 ejsoon

Re: 將為三菱棋做個規則介紹動畫

帖子 由 ejsoon »

代码： 全选

<svg id="etani" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:svg="http://www.w3.org/2000/svg" width="480" height="480" rfm="mixed"> <defs mode="1" rotatestep="1" rotatestart="0" stepvalue="180" snapto="0" displaywait="0"> <g id="tile0" frontfill="#00BFFF" backfill="#00BFFF"><path d="M 0,-18 L 31.177,0 L 0,18 L -31.177,0 Z"/></g>  <g id="tile1" frontfill="#00BFFF" backfill="#00BFFF"><path d="M 0,-18 L 31.177,0 L 0,18 L -31.177,0 Z"/></g><g id="tile2" frontfill="#00BFFF" backfill="#00BFFF"><path d="M 0,-18 L 31.177,0 L 0,18 L -31.177,0 Z"/></g><g id="tile3" frontfill="#00BFFF" backfill="#00BFFF"><path d="M 0,-18 L 31.177,0 L 0,18 L -31.177,0 Z"/></g><g id="tile4" frontfill="#00BFFF" backfill="#00BFFF"><path d="M 0,-18 L 31.177,0 L 0,18 L -31.177,0 Z"/></g><g id="tile5" frontfill="#00BFFF" backfill="#00BFFF"><path d="M 0,-18 L 31.177,0 L 0,18 L -31.177,0 Z"/></g><g id="tile6" frontfill="#00BFFF" backfill="#00BFFF"><path d="M 0,-18 L 31.177,0 L 0,18 L -31.177,0 Z"/></g><g id="tile7" frontfill="#00BFFF" backfill="#00BFFF"><path d="M 0,-18 L 31.177,0 L 0,18 L -31.177,0 Z"/></g><g id="tile8" frontfill="#00BFFF" backfill="#00BFFF"><path d="M 0,-18 L 31.177,0 L 0,18 L -31.177,0 Z"/></g><g id="tile9" frontfill="#00BFFF" backfill="#00BFFF"><path d="M 0,-18 L 31.177,0 L 0,18 L -31.177,0 Z"/></g><g id="tile10" frontfill="#00BFFF" backfill="#00BFFF"><path d="M 0,-18 L 31.177,0 L 0,18 L -31.177,0 Z"/></g><g id="tile11" frontfill="#00BFFF" backfill="#00BFFF"><path d="M 0,-18 L 31.177,0 L 0,18 L -31.177,0 Z"/></g><g id="tile12" frontfill="#FF0000" backfill="#FF0000"><path d="M 15.588,9 L -15.588,27 L -15.588,-9 L 15.588,-27 Z"/></g><g id="tile13" frontfill="#FF0000" backfill="#FF0000"><path d="M 15.588,9 L -15.588,27 L -15.588,-9 L 15.588,-27 Z"/></g><g id="tile14" frontfill="#FF0000" backfill="#FF0000"><path d="M 15.588,9 L -15.588,27 L -15.588,-9 L 15.588,-27 Z"/></g><g id="tile15" frontfill="#FF0000" backfill="#FF0000"><path d="M 15.588,9 L -15.588,27 L -15.588,-9 L 15.588,-27 Z"/></g><g id="tile16" frontfill="#FF0000" backfill="#FF0000"><path d="M 15.588,9 L -15.588,27 L -15.588,-9 L 15.588,-27 Z"/></g><g id="tile17" frontfill="#FF0000" backfill="#FF0000"><path d="M 15.588,9 L -15.588,27 L -15.588,-9 L 15.588,-27 Z"/></g><g id="tile18" frontfill="#FF0000" backfill="#FF0000"><path d="M 15.588,9 L -15.588,27 L -15.588,-9 L 15.588,-27 Z"/></g><g id="tile19" frontfill="#FF0000" backfill="#FF0000"><path d="M 15.588,9 L -15.588,27 L -15.588,-9 L 15.588,-27 Z"/></g><g id="tile20" frontfill="#FF0000" backfill="#FF0000"><path d="M 15.588,9 L -15.588,27 L -15.588,-9 L 15.588,-27 Z"/></g><g id="tile21" frontfill="#FF0000" backfill="#FF0000"><path d="M 15.588,9 L -15.588,27 L -15.588,-9 L 15.588,-27 Z"/></g><g id="tile22" frontfill="#FF0000" backfill="#FF0000"><path d="M 15.588,9 L -15.588,27 L -15.588,-9 L 15.588,-27 Z"/></g><g id="tile23" frontfill="#FF0000" backfill="#FF0000"><path d="M 15.588,9 L -15.588,27 L -15.588,-9 L 15.588,-27 Z"/></g><g id="tile24" frontfill="#FF8C00" backfill="#FF8C00"><path d="M -15.588,9 L -15.588,-27 L 15.588,-9 L 15.588,27 Z"/></g><g id="tile25" frontfill="#FF8C00" backfill="#FF8C00"><path d="M -15.588,9 L -15.588,-27 L 15.588,-9 L 15.588,27 Z"/></g><g id="tile26" frontfill="#FF8C00" backfill="#FF8C00"><path d="M -15.588,9 L -15.588,-27 L 15.588,-9 L 15.588,27 Z"/></g><g id="tile27" frontfill="#FF8C00" backfill="#FF8C00"><path d="M -15.588,9 L -15.588,-27 L 15.588,-9 L 15.588,27 Z"/></g><g id="tile28" frontfill="#FF8C00" backfill="#FF8C00"><path d="M -15.588,9 L -15.588,-27 L 15.588,-9 L 15.588,27 Z"/></g><g id="tile29" frontfill="#FF8C00" backfill="#FF8C00"><path d="M -15.588,9 L -15.588,-27 L 15.588,-9 L 15.588,27 Z"/></g><g id="tile30" frontfill="#FF8C00" backfill="#FF8C00"><path d="M -15.588,9 L -15.588,-27 L 15.588,-9 L 15.588,27 Z"/></g><g id="tile31" frontfill="#FF8C00" backfill="#FF8C00"><path d="M -15.588,9 L -15.588,-27 L 15.588,-9 L 15.588,27 Z"/></g><g id="tile32" frontfill="#FF8C00" backfill="#FF8C00"><path d="M -15.588,9 L -15.588,-27 L 15.588,-9 L 15.588,27 Z"/></g><g id="tile33" frontfill="#FF8C00" backfill="#FF8C00"><path d="M -15.588,9 L -15.588,-27 L 15.588,-9 L 15.588,27 Z"/></g><g id="tile34" frontfill="#FF8C00" backfill="#FF8C00"><path d="M -15.588,9 L -15.588,-27 L 15.588,-9 L 15.588,27 Z"/></g><g id="tile35" frontfill="#FF8C00" backfill="#FF8C00"><path d="M -15.588,9 L -15.588,-27 L 15.588,-9 L 15.588,27 Z"/></g><g id="tile36" frontfill="#ca5326" backfill="#2691c0"><path fill="none" stroke="none" d="M 36,36 L -36,36 L -36,-36 L 36,-36 Z"/>

<path fill="none" stroke="#333333" stroke-width="24" d="M 36,36 L -36,-36 M 36,-36 L -36,36"/>

</g></defs> <g class="etdrop" stroke="#777" stroke-width="2" stroke-linejoin="round" transform="translate(240,240) scale(1,1)" id="etanidrop"><g class="etboard"><circle r="6" cx="0" cy="0" fill="none" stroke="none" stroke-width="0" class="bcenter"/><circle r="6" cx="0" cy="-300" fill="none" stroke="none" stroke-width="0" class="bcenter"/><circle r="6" cx="-120" cy="60" fill="none" stroke="none" stroke-width="0" class="bcenter"/><circle r="6" cx="-120" cy="-60" fill="none" stroke="none" stroke-width="0" class="bcenter"/><circle r="6" cx="-120" cy="-180" fill="none" stroke="none" stroke-width="0" class="bcenter"/><path d="M 240,240 L 240,-240 L -240,-240 L -240,240 Z" stroke="#000" stroke-width="4" fill="none" class="boardsnap0"/>

<g id="trtitile" transform="translate(-24,0)" stroke="none">
<path transform="translate(-116.727,-28.22)" fill="#00BFFF" d="M 0,-18 L 31.177,0 L 0,18 L -31.177,0 Z"/>
<path transform="translate(-132.314,-55.22)" fill="#FF0000" d="M 15.588,9 L -15.588,27 L -15.588,-9 L 15.588,-27 Z"/>
<path transform="translate(-101.139,-1.22)" fill="#FF0000" d="M 15.588,9 L -15.588,27 L -15.588,-9 L 15.588,-27 Z"/>
<path transform="translate(-101.138,-55.22)" fill="#FF8C00" d="M -15.588,9 L -15.588,-27 L 15.588,-9 L 15.588,27 Z"/>
<path transform="translate(-132.315,-1.22)" fill="#FF8C00" d="M -15.588,9 L -15.588,-27 L 15.588,-9 L 15.588,27 Z"/>
<text x="-60" y="-12" font-family="Sora" font-size="48" fill="gray">Trirhombus</text>
</g>

<g id="trpiece" opacity="0">
<text x="-240" y="-240" font-family="Sora" font-size="36" stroke="none">
<tspan x="-60" dy="72" fill="#00BFFF">DeepSkyBlue</tspan>
<tspan x="-60" dy="120" fill="#FF0000">Red</tspan>
<tspan x="-60" dy="120" fill="#FF8C00">DarkOrange</tspan>
</text>
</g>

<g id="trori" opacity="0" stroke-width="4">
<path transform="translate(-200,-180)" stroke="#00BFFF" d="M -18,0 L 18,0 Z"/>
<path transform="translate(-200,-60)" stroke="#FF0000" d="M 18,-31.177 L -18,31.177 Z"/>
<path transform="translate(-200,60)" stroke="#FF8C00" d="M -18,-31.177 L 18,31.177 Z"/>
</g>

<g id="tr12" opacity="0">
<text x="-240" y="-240" font-family="Sora" font-size="36" stroke="none">
<tspan x="-90" dy="72" fill="#00BFFF">12p</tspan>
<tspan x="-90" dy="120" fill="#FF0000">12p</tspan>
<tspan x="-90" dy="120" fill="#FF8C00">12p</tspan>
</text>
</g>

<mask id="textmask">
<path fill="#FFFFFF" d="M -240,160 h 480 v 60 h -480 Z"/>
</mask>

<text id="thetext" mask="url(#textmask)" x="-220" y="180" font-family="Sora" font-size="16" fill="#333" stroke="none">
<tspan x="-220" dy="0">Trirhombus is a abstract board game </tspan>
<tspan x="-220" dy="30">created by board game designer Ejsoon in 2021.</tspan>
<tspan x="-220" dy="30">The game is smartly designed and super portable, </tspan>
<tspan x="-220" dy="30">perfect for home and travel.</tspan>
<tspan x="-220" dy="30">Trirhombus has three types of rhombus pieces: </tspan>
<tspan x="-220" dy="30">DeepSkyBlue, Red, and DarkOrange.</tspan>
<tspan x="-220" dy="30">Their placement orientations are fixed: </tspan>
<tspan x="-220" dy="30">horizontal, anti-diagonal, and main diagonal.</tspan>
<tspan x="-220" dy="30">There are twelve pieces of each color, </tspan>
<tspan x="-220" dy="30">evenly divided between the two players.</tspan>
<tspan x="-220" dy="30">The game begins with the first player placing </tspan>
<tspan x="-220" dy="30">a DeepSkyBlue piece in the center of the board.</tspan>
<tspan x="-220" dy="30">The second piece must be placed </tspan>
<tspan x="-220" dy="30">by the second player using a Red piece.</tspan>
<tspan x="-220" dy="30">All subsequent pieces must be placed adjacent </tspan>
<tspan x="-220" dy="30">edge-to-edge with existing pieces on the board.</tspan>
<tspan x="-220" dy="30">Players then take turns placing pieces.</tspan>
<tspan x="-220" dy="30">~</tspan>
<tspan x="-220" dy="30">The only forbidden formation is </tspan>
<tspan x="-220" dy="30">creating an enclosed hole.</tspan>
<tspan x="-220" dy="30">Once all pieces have been placed, scoring begins.</tspan>
<tspan x="-220" dy="30">~</tspan>
<tspan x="-220" dy="30">From each player's perspective, </tspan>
<tspan x="-220" dy="30">DeepSkyBlue represents the top face of each cube, </tspan>
<tspan x="-220" dy="30">while the other two colors represent the side faces. </tspan>
<tspan x="-220" dy="30">Count the number of complete cubes.</tspan>
<tspan x="-220" dy="30">In this game, for example, </tspan>
<tspan x="-220" dy="30">the first player scores 14 points.</tspan>
<tspan x="-220" dy="30">The second player scores 13 points.</tspan>
<tspan x="-220" dy="30">~</tspan>
<tspan x="-220" dy="30">Players then switch who goes first </tspan>
<tspan x="-220" dy="30">and play a second game. </tspan>
<tspan x="-220" dy="30">The player with the higher total score </tspan>
<tspan x="-220" dy="30">over both games wins.</tspan>
<tspan x="-220" dy="30">This covers all the rules of Trirhombus.</tspan>
<tspan x="-220" dy="30">~</tspan>
<tspan x="-220" dy="30">For any suggestions or ideas, </tspan>
<tspan x="-220" dy="30">please email i@ejsoon.vip.</tspan>
</text>

    <style type="text/css">
      
@font-face {
    font-family: 'Sora';
    src: url('data:font/woff2;charset=utf-8;base64,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') format('woff2');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}
    </style>

</g><use href="#tile9" fill="#00BFFF" stroke="#777" transform="translate(0,300) scale(-1,1) rotate(-0.002)" class="tiledropped"><animateTransform attributeName="transform" attributeType="XML" fill="freeze" dur="0.5s" type="translate" values="0,300;-62.353,-72" begin="move2.end+6s"/><animateTransform attributeName="transform" attributeType="XML" fill="freeze" dur="0.5s" type="scale" values="-1,1;-1,1" additive="sum" begin="move2.end+6s"/><animateTransform attributeName="transform" attributeType="XML" fill="freeze" dur="0.5s" type="rotate" values="-0.002;0" additive="sum" begin="move2.end+6s"/></use><use href="#tile33" fill="#FF8C00" transform="translate(-15.589,326.999) scale(1,1) rotate(-179.999)" class="tiledropped" stroke="#777"><animateTransform attributeName="transform" attributeType="XML" fill="freeze" dur="5s" type="translate" values="-15.589,326.999;-77.942,-45;-77.942,-45;-77.942,-45;-77.942,-45;-15.589,326.999" begin="gotxt.begin+30s"/><animateTransform attributeName="transform" attributeType="XML" fill="freeze" dur="5s" type="scale" values="1,1;1,1;1,1;1,1;1,1;1,1" additive="sum" begin="gotxt.begin+30s"/><animateTransform attributeName="transform" attributeType="XML" fill="freeze" dur="5s" type="rotate" values="179.997;179.999;179.999;179.999;179.999;179.997" additive="sum" begin="gotxt.begin+30s"/><animateTransform attributeName="transform" attributeType="XML" fill="freeze" dur="0.5s" type="translate" values="-15.589,326.999;-46.764,-27" begin="gotxt.begin+36s"/><animateTransform attributeName="transform" attributeType="XML" fill="freeze" dur="0.5s" type="scale" values="1,1;1,1" additive="sum" begin="gotxt.begin+36s"/><animateTransform attributeName="transform" attributeType="XML" fill="freeze" dur="0.5s" type="rotate" values="-179.997;-179.999" additive="sum" begin="gotxt.begin+36s"/></use><use href="#tile21" fill="#FF0000" transform="translate(15.587,327.001) scale(1,1) rotate(0.003)" class="tiledropped" stroke="#777"><animateTransform attributeName="transform" attributeType="XML" fill="freeze" dur="0.5s" type="translate" values="15.587,327.001;-46.765,99" begin="gotxt.begin+46.5s"/><animateTransform attributeName="transform" attributeType="XML" fill="freeze" dur="0.5s" type="scale" values="1,1;1,1" additive="sum" begin="gotxt.begin+46.5s"/><animateTransform attributeName="transform" attributeType="XML" fill="freeze" dur="0.5s" type="rotate" values="0.003;0.001" additive="sum" begin="gotxt.begin+46.5s"/></use><use href="#tile32" fill="#FF8C00" transform="translate(46.763,327.003) scale(1,1) rotate(0.003)" class="tiledropped" stroke="#777"><animateTransform attributeName="transform" attributeType="XML" fill="freeze" dur="0.5s" type="translate" values="46.763,327.003;-109.118,81" begin="gotxt.begin+40s"/><animateTransform attributeName="transform" attributeType="XML" fill="freeze" dur="0.5s" type="scale" values="1,1;1,1" additive="sum" begin="gotxt.begin+40s"/><animateTransform attributeName="transform" attributeType="XML" fill="freeze" dur="0.5s" type="rotate" values="0.003;-0.001" additive="sum" begin="gotxt.begin+40s"/></use><use href="#tile8" fill="#00BFFF" transform="translate(62.353,300.004) scale(1,1) rotate(0.004)" class="tiledropped" stroke="#777"><animateTransform attributeName="transform" attributeType="XML" fill="freeze" dur="0.5s" type="translate" values="62.353,300.004;0,-72" begin="gotxt.begin+37s"/><animateTransform attributeName="transform" attributeType="XML" fill="freeze" dur="0.5s" type="scale" values="1,1;1,1" additive="sum" begin="gotxt.begin+37s"/><animateTransform attributeName="transform" attributeType="XML" fill="freeze" dur="0.5s" type="rotate" values="0.004;0" additive="sum" begin="gotxt.begin+37s"/></use><use href="#tile20" fill="#FF0000" transform="translate(77.939,327.005) scale(1,1) rotate(0.003)" class="tiledropped" stroke="#777"><animateTransform attributeName="transform" attributeType="XML" fill="freeze" dur="0.5s" type="translate" values="77.939,327.005;-15.588,81" begin="gotxt.begin+48.5s"/><animateTransform attributeName="transform" attributeType="XML" fill="freeze" dur="0.5s" type="scale" values="1,1;1,1" additive="sum" begin="gotxt.begin+48.5s"/><animateTransform attributeName="transform" attributeType="XML" fill="freeze" dur="0.5s" type="rotate" values="0.003;0.001" additive="sum" begin="gotxt.begin+48.5s"/></use><use href="#tile19" fill="#FF0000" stroke="#777" transform="translate(140.291,327.009) scale(1,1) rotate(0.003)" class="tiledropped"><animateTransform attributeName="transform" attributeType="XML" fill="freeze" dur="0.5s" type="translate" values="140.291,327.009;46.766,45" begin="gotxt.begin+50.5s"/><animateTransform attributeName="transform" attributeType="XML" fill="freeze" dur="0.5s" type="scale" values="1,1;1,1" additive="sum" begin="gotxt.begin+50.5s"/><animateTransform attributeName="transform" attributeType="XML" fill="freeze" dur="0.5s" type="rotate" values="0.003;0.001" additive="sum" begin="gotxt.begin+50.5s"/></use><use href="#tile7" fill="#00BFFF" transform="translate(124.705,300.008) scale(1,1) rotate(0.004)" class="tiledropped" stroke="#777"><animateTransform attributeName="transform" attributeType="XML" fill="freeze" dur="0.5s" type="translate" values="124.703,300.008;31.177,-54" begin="gotxt.begin+44.5s"/><animateTransform attributeName="transform" attributeType="XML" fill="freeze" dur="0.5s" type="scale" values="1,1;1,1" additive="sum" begin="gotxt.begin+44.5s"/><animateTransform attributeName="transform" attributeType="XML" fill="freeze" dur="0.5s" type="rotate" values="0.002;0" additive="sum" begin="gotxt.begin+44.5s"/></use><use href="#tile30" fill="#FF8C00" stroke="#777" transform="translate(171.467,327.011) scale(1,1) rotate(0.003)" class="tiledropped"><animateTransform attributeName="transform" attributeType="XML" fill="freeze" dur="0.5s" type="translate" values="171.467,327.011;15.588,45" begin="gotxt.begin+49.5s"/><animateTransform attributeName="transform" attributeType="XML" fill="freeze" dur="0.5s" type="scale" values="1,1;1,1" additive="sum" begin="gotxt.begin+49.5s"/><animateTransform attributeName="transform" attributeType="XML" fill="freeze" dur="0.5s" type="rotate" values="0.003;-0.001" additive="sum" begin="gotxt.begin+49.5s"/></use><use href="#tile6" fill="#00BFFF" transform="translate(187.057,300.012) scale(1,1) rotate(0.004)" class="tiledropped" stroke="#777"><animateTransform attributeName="transform" attributeType="XML" fill="freeze" dur="0.5s" type="translate" values="187.057,300.012;62.353,-36" begin="gotxt.begin+45.5s"/><animateTransform attributeName="transform" attributeType="XML" fill="freeze" dur="0.5s" type="scale" values="1,1;1,1" additive="sum" begin="gotxt.begin+45.5s"/><animateTransform attributeName="transform" attributeType="XML" fill="freeze" dur="0.5s" type="rotate" values="0.004;0" additive="sum" begin="gotxt.begin+45.5s"/></use><use href="#tile18" fill="#FF0000" stroke="#777" transform="translate(202.643,327.013) scale(1,1) rotate(0.003)" class="tiledropped"><animateTransform attributeName="transform" attributeType="XML" fill="freeze" dur="0.5s" type="translate" values="202.643,327.013;109.117,9" begin="gotxt.begin+51.5s"/><animateTransform attributeName="transform" attributeType="XML" fill="freeze" dur="0.5s" type="scale" values="1,1;1,1" additive="sum" begin="gotxt.begin+51.5s"/><animateTransform attributeName="transform" attributeType="XML" fill="freeze" dur="0.5s" type="rotate" values="0.003;-0.001" additive="sum" begin="gotxt.begin+51.5s"/></use><use href="#tile22" fill="#FF0000" transform="translate(-46.765,326.999) scale(1,1) rotate(0.001)" class="tiledropped" stroke="#777"><animateTransform attributeName="transform" attributeType="XML" fill="freeze" dur="0.5s" type="translate" values="-46.765,326.997;77.941,27" begin="gotxt.begin+39s"/><animateTransform attributeName="transform" attributeType="XML" fill="freeze" dur="0.5s" type="scale" values="1,1;1,1" additive="sum" begin="gotxt.begin+39s"/><animateTransform attributeName="transform" attributeType="XML" fill="freeze" dur="0.5s" type="rotate" values="0.003;-0.001" additive="sum" begin="gotxt.begin+39s"/></use><use href="#tile10" fill="#00BFFF" transform="translate(-62.354,299.999) scale(1,1) rotate(0)" class="tiledropped" stroke="#777"><animateTransform attributeName="transform" attributeType="XML" fill="freeze" dur="0.5s" type="translate" values="-62.354,299.999;-31.177,-54" begin="move2.end+4s"/><animateTransform attributeName="transform" attributeType="XML" fill="freeze" dur="0.5s" type="scale" values="1,1;1,1" additive="sum" begin="move2.end+4s"/><animateTransform attributeName="transform" attributeType="XML" fill="freeze" dur="0.5s" type="rotate" values="0;0" additive="sum" begin="move2.end+4s"/></use><use href="#tile34" fill="#FF8C00" stroke="#777" transform="translate(-77.941,326.999) scale(1,1) rotate(0.001)" class="tiledropped"><animateTransform attributeName="transform" attributeType="XML" fill="freeze" dur="0.5s" type="translate" values="-77.941,326.999;-46.764,9" begin="move2.end+5s"/><animateTransform attributeName="transform" attributeType="XML" fill="freeze" dur="0.5s" type="scale" values="1,1;1,1" additive="sum" begin="move2.end+5s"/><animateTransform attributeName="transform" attributeType="XML" fill="freeze" dur="0.5s" type="rotate" values="0.001;-0.001" additive="sum" begin="move2.end+5s"/></use><use href="#tile23" fill="#FF0000" transform="translate(-109.117,326.999) scale(1,1) rotate(0.001)" class="tiledropped" stroke="#777"><animateTransform attributeName="transform" attributeType="XML" fill="freeze" dur="7s" type="translate" values="-109.117,326.999;-120,-60;-120,-60;-120,-60;-120,-60;-120,-60;-120,-60;-109.117,326.999" begin="gotxt.begin+6s"/><animateTransform attributeName="transform" attributeType="XML" fill="freeze" dur="7s" type="scale" values="1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1" additive="sum" begin="gotxt.begin+6s"/><animateTransform attributeName="transform" attributeType="XML" fill="freeze" dur="7s" type="rotate" values="0.001;0.001;0.001;0.001;0.001;0.001;0.001;0.001" additive="sum" begin="gotxt.begin+6s"/><animateTransform attributeName="transform" attributeType="XML" fill="freeze" dur="0.5s" type="translate" values="-109.117,326.999;77.941,-9" begin="gotxt.begin+38s"/><animateTransform attributeName="transform" attributeType="XML" fill="freeze" dur="0.5s" type="scale" values="1,1;1,1" additive="sum" begin="gotxt.begin+38s"/><animateTransform attributeName="transform" attributeType="XML" fill="freeze" dur="0.5s" type="rotate" values="0.001;-0.001" additive="sum" begin="gotxt.begin+38s"/></use><use href="#tile35" fill="#FF8C00" stroke="#777" transform="translate(-140.293,326.999) scale(1,1) rotate(0.001)" class="tiledropped"><animateTransform attributeName="transform" attributeType="XML" fill="freeze" dur="7s" type="translate" values="-140.293,326.999;-120,60;-120,60;-120,60;-120,60;-120,60;-140.293,326.999" begin="gotxt.begin+6s"/><animateTransform attributeName="transform" attributeType="XML" fill="freeze" dur="7s" type="scale" values="1,1;1,1;1,1;1,1;1,1;1,1;1,1" additive="sum" begin="gotxt.begin+6s"/><animateTransform attributeName="transform" attributeType="XML" fill="freeze" dur="7s" type="rotate" values="0.001;0.001;0.001;0.001;0.001;0.001;0.001" additive="sum" begin="gotxt.begin+6s"/><animateTransform attributeName="transform" attributeType="XML" fill="freeze" dur="0.5s" type="translate" values="-140.293,326.999;-15.588,27" begin="move2.end+3s"/><animateTransform attributeName="transform" attributeType="XML" fill="freeze" dur="0.5s" type="scale" values="1,1;1,1" additive="sum" begin="move2.end+3s"/><animateTransform attributeName="transform" attributeType="XML" fill="freeze" dur="0.5s" type="rotate" values="0.001;-0.001" additive="sum" begin="move2.end+3s"/></use><use href="#tile11" fill="#00BFFF" stroke="#777" transform="translate(-124.706,299.999) scale(1,1) rotate(0)" class="tiledropped"><animateTransform attributeName="transform" attributeType="XML" fill="freeze" dur="7s" type="translate" values="-124.705,300;-120,-180;-120,-180;-120,-180;-120,-180;-120,-180;-124.705,300" begin="gotxt.begin+6s"/><animateTransform attributeName="transform" attributeType="XML" fill="freeze" dur="7s" type="scale" values="1,1;1,1;1,1;1,1;1,1;1,1;1,1" additive="sum" begin="gotxt.begin+6s"/><animateTransform attributeName="transform" attributeType="XML" fill="freeze" dur="7s" type="rotate" values="0.002;0.002;0.002;0.002;0.002;0.002;0.002" additive="sum" begin="gotxt.begin+6s"/><animateTransform attributeName="transform" attributeType="XML" fill="freeze" dur="1s" type="translate" values="-124.706,299.999;0,0" begin="gotxt.begin+18s"/><animateTransform attributeName="transform" attributeType="XML" fill="freeze" dur="1s" type="scale" values="1,1;1,1" additive="sum" begin="gotxt.begin+18s"/><animateTransform attributeName="transform" attributeType="XML" fill="freeze" dur="1s" type="rotate" values="0;0" additive="sum" begin="gotxt.begin+18s"/></use><use href="#tile3" fill="#00BFFF" transform="translate(0,-300) scale(-1,1) rotate(0.004)" class="tiledropped" stroke="#777"><animateTransform attributeName="transform" attributeType="XML" fill="freeze" dur="0.5s" type="translate" values="0,-300;-93.529,54" begin="gotxt.begin+39.5s"/><animateTransform attributeName="transform" attributeType="XML" fill="freeze" dur="0.5s" type="scale" values="-1,1;-1,1" additive="sum" begin="gotxt.begin+39.5s"/><animateTransform attributeName="transform" attributeType="XML" fill="freeze" dur="0.5s" type="rotate" values="0.004;0" additive="sum" begin="gotxt.begin+39.5s"/></use><use href="#tile27" fill="#FF8C00" transform="translate(15.585,-327.001) scale(1,1) rotate(-0.005)" class="tiledropped" stroke="#777"><animateTransform attributeName="transform" attributeType="XML" fill="freeze" dur="0.5s" type="translate" values="15.585,-327.001;77.942,-63" begin="gotxt.begin+49s"/><animateTransform attributeName="transform" attributeType="XML" fill="freeze" dur="0.5s" type="scale" values="1,1;1,1" additive="sum" begin="gotxt.begin+49s"/><animateTransform attributeName="transform" attributeType="XML" fill="freeze" dur="0.5s" type="rotate" values="-0.005;-0.001" additive="sum" begin="gotxt.begin+49s"/></use><use href="#tile15" fill="#FF0000" transform="translate(-15.591,-326.999) scale(1,1) rotate(-0.003)" class="tiledropped" stroke="#777"><animateTransform attributeName="transform" attributeType="XML" fill="freeze" dur="4s" type="translate" values="-15.591,-326.999;-109.116,27;-109.116,27;-109.116,27;-109.116,27;-109.116,27;-15.591,-326.999;-15.591,-326.999;-77.941,9" begin="gotxt.begin+40.5s"/><animateTransform attributeName="transform" attributeType="XML" fill="freeze" dur="4s" type="scale" values="1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1" additive="sum" begin="gotxt.begin+40.5s"/><animateTransform attributeName="transform" attributeType="XML" fill="freeze" dur="4s" type="rotate" values="-0.005;0.001;0.001;0.001;0.001;0.001;-0.005;-0.005;0.001" additive="sum" begin="gotxt.begin+40.5s"/></use><use href="#tile26" fill="#FF8C00" transform="translate(-46.767,-326.997) scale(1,1) rotate(-0.003)" class="tiledropped" stroke="#777"><animateTransform attributeName="transform" attributeType="XML" fill="freeze" dur="0.5s" type="translate" values="-46.767,-326.997;46.766,-81" begin="gotxt.begin+48s"/><animateTransform attributeName="transform" attributeType="XML" fill="freeze" dur="0.5s" type="scale" values="1,1;1,1" additive="sum" begin="gotxt.begin+48s"/><animateTransform attributeName="transform" attributeType="XML" fill="freeze" dur="0.5s" type="rotate" values="-0.003;-0.001" additive="sum" begin="gotxt.begin+48s"/></use><use href="#tile14" fill="#FF0000" transform="translate(-77.943,-326.995) scale(1,1) rotate(-0.003)" class="tiledropped" stroke="#777"><animateTransform attributeName="transform" attributeType="XML" fill="freeze" dur="0.5s" type="translate" values="-77.943,-326.995;-109.116,-9" begin="gotxt.begin+37.5s"/><animateTransform attributeName="transform" attributeType="XML" fill="freeze" dur="0.5s" type="scale" values="1,1;1,1" additive="sum" begin="gotxt.begin+37.5s"/><animateTransform attributeName="transform" attributeType="XML" fill="freeze" dur="0.5s" type="rotate" values="-0.003;0.001" additive="sum" begin="gotxt.begin+37.5s"/></use><use href="#tile2" fill="#00BFFF" transform="translate(-62.355,-299.996) scale(1,1) rotate(-0.002)" class="tiledropped" stroke="#777"><animateTransform attributeName="transform" attributeType="XML" fill="freeze" dur="0.5s" type="translate" values="-62.355,-299.996;-31.177,54" begin="gotxt.begin+38.5s"/><animateTransform attributeName="transform" attributeType="XML" fill="freeze" dur="0.5s" type="scale" values="1,1;1,1" additive="sum" begin="gotxt.begin+38.5s"/><animateTransform attributeName="transform" attributeType="XML" fill="freeze" dur="0.5s" type="rotate" values="-0.002;0" additive="sum" begin="gotxt.begin+38.5s"/></use><use href="#tile25" fill="#FF8C00" transform="translate(-109.119,-326.993) scale(1,1) rotate(-0.003)" class="tiledropped" stroke="#777"><animateTransform attributeName="transform" attributeType="XML" fill="freeze" dur="0.5s" type="translate" values="-109.119,-326.993;46.765,-9" begin="move2.end+5.5s"/><animateTransform attributeName="transform" attributeType="XML" fill="freeze" dur="0.5s" type="scale" values="1,1;1,1" additive="sum" begin="move2.end+5.5s"/><animateTransform attributeName="transform" attributeType="XML" fill="freeze" dur="0.5s" type="rotate" values="-0.003;-0.001" additive="sum" begin="move2.end+5.5s"/></use><use href="#tile12" fill="#FF0000" transform="translate(-140.295,-326.991) scale(1,1) rotate(-0.003)" class="tiledropped" stroke="#777"><animateTransform attributeName="transform" attributeType="XML" fill="freeze" dur="0.5s" type="translate" values="-140.295,-326.991;-77.94,-27" begin="gotxt.begin+36.5s"/><animateTransform attributeName="transform" attributeType="XML" fill="freeze" dur="0.5s" type="scale" values="1,1;1,1" additive="sum" begin="gotxt.begin+36.5s"/><animateTransform attributeName="transform" attributeType="XML" fill="freeze" dur="0.5s" type="rotate" values="-0.003;0.001" additive="sum" begin="gotxt.begin+36.5s"/></use><use href="#tile24" fill="#FF8C00" transform="translate(-171.471,-326.989) scale(1,1) rotate(-0.003)" class="tiledropped" stroke="#777"><animateTransform attributeName="transform" attributeType="XML" fill="freeze" dur="0.5s" type="translate" values="-171.471,-326.989;15.589,-27" begin="move2.end+3.5s"/><animateTransform attributeName="transform" attributeType="XML" fill="freeze" dur="0.5s" type="scale" values="1,1;1,1" additive="sum" begin="move2.end+3.5s"/><animateTransform attributeName="transform" attributeType="XML" fill="freeze" dur="0.5s" type="rotate" values="-0.003;-0.001" additive="sum" begin="move2.end+3.5s"/></use><use href="#tile13" fill="#FF0000" stroke="#777" transform="translate(-202.647,-326.987) scale(1,1) rotate(-0.003)" class="tiledropped"><animateTransform attributeName="transform" attributeType="XML" fill="freeze" dur="1s" type="translate" values="-202.647,-326.987;-15.588,-27" begin="gotxt.begin+21s" id="move2"/><animateTransform attributeName="transform" attributeType="XML" fill="freeze" dur="1s" type="scale" values="1,1;1,1" additive="sum" begin="gotxt.begin+21s"/><animateTransform attributeName="transform" attributeType="XML" fill="freeze" dur="1s" type="rotate" values="-0.001;0.001" additive="sum" begin="gotxt.begin+21s"/></use><use href="#tile1" fill="#00BFFF" transform="translate(-124.707,-299.992) scale(1,1) rotate(-0.002)" class="tiledropped" stroke="#777"><animateTransform attributeName="transform" attributeType="XML" fill="freeze" dur="0.5s" type="translate" values="-124.705,-299.992;-62.353,36" begin="move2.end+6.5s"/><animateTransform attributeName="transform" attributeType="XML" fill="freeze" dur="0.5s" type="scale" values="1,1;1,1" additive="sum" begin="move2.end+6.5s"/><animateTransform attributeName="transform" attributeType="XML" fill="freeze" dur="0.5s" type="rotate" values="-0.004;0" additive="sum" begin="move2.end+6.5s"/></use><use href="#tile0" fill="#00BFFF" transform="translate(-187.058,-299.988) scale(1,1) rotate(179.998)" class="tiledropped" stroke="#777"><animateTransform attributeName="transform" attributeType="XML" fill="freeze" dur="0.5s" type="translate" values="-187.058,-299.988;31.178,18" begin="move2.end+4.5s"/><animateTransform attributeName="transform" attributeType="XML" fill="freeze" dur="0.5s" type="scale" values="1,1;1,1" additive="sum" begin="move2.end+4.5s"/><animateTransform attributeName="transform" attributeType="XML" fill="freeze" dur="0.5s" type="rotate" values="179.998;180" additive="sum" begin="move2.end+4.5s"/></use><use href="#tile16" fill="#FF0000" transform="translate(46.761,-327.003) scale(1,1) rotate(-0.005)" class="tiledropped" stroke="#777"><animateTransform attributeName="transform" attributeType="XML" fill="freeze" dur="0.5s" type="translate" values="46.761,-327.003;-109.116,27" begin="gotxt.begin+45s"/><animateTransform attributeName="transform" attributeType="XML" fill="freeze" dur="0.5s" type="scale" values="1,1;1,1" additive="sum" begin="gotxt.begin+45s"/><animateTransform attributeName="transform" attributeType="XML" fill="freeze" dur="0.5s" type="rotate" values="-0.005;0.001" additive="sum" begin="gotxt.begin+45s"/></use><use href="#tile28" fill="#FF8C00" transform="translate(77.937,-327.005) scale(1,1) rotate(-0.005)" class="tiledropped" stroke="#777"><animateTransform attributeName="transform" attributeType="XML" fill="freeze" dur="0.5s" type="translate" values="77.938,-327.007;15.589,-99" begin="gotxt.begin+50s"/><animateTransform attributeName="transform" attributeType="XML" fill="freeze" dur="0.5s" type="scale" values="1,1;1,1" additive="sum" begin="gotxt.begin+50s"/><animateTransform attributeName="transform" attributeType="XML" fill="freeze" dur="0.5s" type="rotate" values="-0.007;-0.001" additive="sum" begin="gotxt.begin+50s"/></use><use href="#tile4" fill="#00BFFF" transform="translate(62.352,-300.005) scale(1,1) rotate(-0.006)" class="tiledropped" stroke="#777"><animateTransform attributeName="transform" attributeType="XML" fill="freeze" dur="0.5s" type="translate" values="62.352,-300.005;-62.354,72" begin="gotxt.begin+46s"/><animateTransform attributeName="transform" attributeType="XML" fill="freeze" dur="0.5s" type="scale" values="1,1;1,1" additive="sum" begin="gotxt.begin+46s"/><animateTransform attributeName="transform" attributeType="XML" fill="freeze" dur="0.5s" type="rotate" values="-0.006;0" additive="sum" begin="gotxt.begin+46s"/></use><use href="#tile17" fill="#FF0000" stroke="#777" transform="translate(109.113,-327.007) scale(1,1) rotate(-0.005)" class="tiledropped"><animateTransform attributeName="transform" attributeType="XML" fill="freeze" dur="0.5s" type="translate" values="109.113,-327.007;-15.588,-99" begin="gotxt.begin+47s"/><animateTransform attributeName="transform" attributeType="XML" fill="freeze" dur="0.5s" type="scale" values="1,1;1,1" additive="sum" begin="gotxt.begin+47s"/><animateTransform attributeName="transform" attributeType="XML" fill="freeze" dur="0.5s" type="rotate" values="-0.005;0.001" additive="sum" begin="gotxt.begin+47s"/></use><use href="#tile29" fill="#FF8C00" stroke="#777" transform="translate(140.289,-327.009) scale(1,1) rotate(-0.005)" class="tiledropped"><animateTransform attributeName="transform" attributeType="XML" fill="freeze" dur="4s" type="translate" values="140.289,-327.009;109.118,-45;109.118,-45;109.118,-45;109.118,-45;109.118,-45;140.289,-327.009;140.289,-327.009;-46.765,-99" begin="gotxt.begin+52s"/><animateTransform attributeName="transform" attributeType="XML" fill="freeze" dur="4s" type="scale" values="1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1;1,1" additive="sum" begin="gotxt.begin+52s"/><animateTransform attributeName="transform" attributeType="XML" fill="freeze" dur="4s" type="rotate" values="-0.005;-0.001;-0.001;-0.001;-0.001;-0.001;-0.005;-0.005;-0.001" additive="sum" begin="gotxt.begin+52s"/></use><use href="#tile5" fill="#00BFFF" stroke="#777" transform="translate(124.704,-300.009) scale(1,1) rotate(-0.006)" class="tiledropped"><animateTransform attributeName="transform" attributeType="XML" fill="freeze" dur="0.5s" type="translate" values="124.703,-300.008;93.529,53.999" begin="gotxt.begin+51s"/><animateTransform attributeName="transform" attributeType="XML" fill="freeze" dur="0.5s" type="scale" values="1,1;1,1" additive="sum" begin="gotxt.begin+51s"/><animateTransform attributeName="transform" attributeType="XML" fill="freeze" dur="0.5s" type="rotate" values="-0.004;-0.002" additive="sum" begin="gotxt.begin+51s"/></use><use href="#tile31" fill="#FF8C00" transform="translate(109.115,327.007) scale(1,1) rotate(0.003)" class="tilesnapped tiledropped" stroke="#777"><animateTransform attributeName="transform" attributeType="XML" fill="freeze" dur="0.5s" type="translate" values="109.115,327.007;-77.942,99" begin="gotxt.begin+47.5s"/><animateTransform attributeName="transform" attributeType="XML" fill="freeze" dur="0.5s" type="scale" values="1,1;1,1" additive="sum" begin="gotxt.begin+47.5s"/><animateTransform attributeName="transform" attributeType="XML" fill="freeze" dur="0.5s" type="rotate" values="0.003;-0.001" additive="sum" begin="gotxt.begin+47.5s"/></use><use href="#tile36" fill="#ca5326" stroke="#436" transform="translate(603.692,-4.852) scale(1,1) rotate(0)" class="tilemoving" stroke-width="4"><animateTransform attributeName="transform" attributeType="XML" fill="freeze" dur="0.01s" type="translate" values="546.602,8.039;-53.766,-28.793" begin="gotxt.begin+30.7s"/><animateTransform attributeName="transform" attributeType="XML" fill="freeze" dur="0.01s" type="scale" values="1,1;1,1" additive="sum" begin="gotxt.begin+30.7s"/><animateTransform attributeName="transform" attributeType="XML" fill="freeze" dur="0.01s" type="rotate" values="0;0" additive="sum" begin="gotxt.begin+30.7s"/><animate attributeName="opacity" dur="2s" values="0;1;0.7;1;0" fill="freeze" begin="gotxt.begin+31s"/><set attributeName="opacity" to="0" dur="1s" fill="freeze" begin="gotxt.begin+30s"/><animateTransform attributeName="transform" attributeType="XML" fill="freeze" dur="2s" type="translate" values="-53.766,-28.793;-53.766,-28.793;-53.766,-28.793;-53.766,-28.793;-53.766,-28.793" begin="gotxt.begin+31s"/><animateTransform attributeName="transform" attributeType="XML" fill="freeze" dur="2s" type="scale" values="1,1;0.7,0.7;1,1;0.7,0.7;1,1" additive="sum" begin="gotxt.begin+31s"/><animateTransform attributeName="transform" attributeType="XML" fill="freeze" dur="2s" type="rotate" values="0;0;0;0;0" additive="sum" begin="gotxt.begin+31s"/><animateTransform attributeName="transform" attributeType="XML" fill="freeze" dur="2s" type="translate" values="-79.549,9.881;-79.549,9.881;-79.549,9.881;-79.549,9.881;-79.549,9.881" begin="gotxt.begin+41s"/><animateTransform attributeName="transform" attributeType="XML" fill="freeze" dur="2s" type="scale" values="1,1;0.7,0.7;1,1;0.7,0.7;1,1" additive="sum" begin="gotxt.begin+41s"/><animateTransform attributeName="transform" attributeType="XML" fill="freeze" dur="2s" type="rotate" values="0;0;0;0;0" additive="sum" begin="gotxt.begin+41s"/><animate attributeName="opacity" dur="2s" values="0;1;0.7;1;0" fill="freeze" begin="gotxt.begin+41s"/><animateTransform attributeName="transform" attributeType="XML" fill="freeze" dur="2s" type="translate" values="108.296,-15.902;108.296,-15.902;108.296,-15.902;108.296,-15.902;108.296,-15.902" begin="gotxt.begin+52.5s"/><animateTransform attributeName="transform" attributeType="XML" fill="freeze" dur="2s" type="scale" values="1,1;0.7,0.7;1,1;0.7,0.7;1,1" additive="sum" begin="gotxt.begin+52.5s"/><animateTransform attributeName="transform" attributeType="XML" fill="freeze" dur="2s" type="rotate" values="0;0;0;0;0" additive="sum" begin="gotxt.begin+52.5s"/><animate attributeName="opacity" dur="2s" values="0;1;0.7;1;0" fill="freeze" begin="gotxt.begin+52.5s"/></use></g><animate attributeName="y" dur="66s" values="180;120;60;0;-60;-60;-120;-180;-240;-300;-360;-360;-360;-360;-360;-360;-360;-360;-360;-420;-480;-540" href="#thetext" calcMode="discrete" fill="freeze" id="gotxt"/><animate attributeName="opacity" dur="1s" values="1;0" href="#trtitile" fill="freeze" begin="gotxt.begin+6s"/><animate attributeName="opacity" dur="10s" values="0;1;1;1;1;1;1;1;0" href="#trpiece" fill="freeze" begin="gotxt.begin+7s"/><animate attributeName="opacity" dur="8s" values="0;1;1;1;1;1;0" href="#trori" fill="freeze" begin="gotxt.begin+9s"/><animateTransform attributeName="transform" attributeType="XML" href="#etanidrop" fill="freeze" dur="4s" type="translate" values="240,240;240,240;240,240;240,240" begin="gotxt.begin+12s"/><animateTransform attributeName="transform" attributeType="XML" href="#etanidrop" fill="freeze" dur="4s" type="scale" values="1,1;0.64,0.64;0.64,0.64;1,1" additive="sum" begin="gotxt.begin+12s"/><animateTransform attributeName="transform" attributeType="XML" href="#etanidrop" fill="freeze" dur="4s" type="rotate" values="0;0;0;0" additive="sum" begin="gotxt.begin+12s"/><animate attributeName="opacity" dur="5s" values="0;1;1;1;1;0" href="#tr12" fill="freeze" begin="gotxt.begin+12s"/><animateTransform attributeName="transform" attributeType="XML" href="#tr12" fill="freeze" dur="5s" type="translate" values="0,0;-60,0;-60,0;-60,0;-60,0;0,0" begin="gotxt.begin+12s"/><animateTransform attributeName="transform" attributeType="XML" href="#tr12" fill="freeze" dur="5s" type="scale" values="1,1;1,1;1,1;1,1;1,1;1,1" additive="sum" begin="gotxt.begin+12s"/><animateTransform attributeName="transform" attributeType="XML" href="#tr12" fill="freeze" dur="5s" type="rotate" values="0;0;0;0;0;0" additive="sum" begin="gotxt.begin+12s"/></svg>
https://ejsoon.vip/
弈趣極光：享受思維樂趣
页首
头像
ejsoon
圈圈精英
圈圈精英
帖子： 4388
注册时间： 2022年 11月 18日 17:36
为圈友点赞： 171 次
被圈友点赞： 200 次
联系：
联系 ejsoon

Re: 將為三菱棋做個規則介紹動畫

帖子 由 ejsoon »

外鏈：

图片
https://ejsoon.vip/
弈趣極光：享受思維樂趣
页首
头像
ejsoon
圈圈精英
圈圈精英
帖子： 4388
注册时间： 2022年 11月 18日 17:36
为圈友点赞： 171 次
被圈友点赞： 200 次
联系：
联系 ejsoon

Re: 將為三菱棋做個規則介紹動畫

帖子 由 ejsoon »

做字幕程式：

代码： 全选

做一個js+css程式：

一，探測頁面上是否存在object.ejtatut和pre.ejtatxt。

如果有一個不存在，則停止。

如果都存在，則繼續往下執行。

二，object.ejtatut是一個svg動畫，當它onload時，觸發：

2.1，pre.ejtatxt隱藏。新增div.ejtatxtrun。

2.2，把pre.ejtatxt的每一行的字符串放進一個數組中。

2.3，開始時div.ejtatxtrun顯示第一個字符串。

2.4，pre.ejtatxt如果有屬性dur="x"，則每隔x秒，div.ejtatxtrun的文本就切換到下一個。x的默認值為3。

2.5，pre.ejtatxt如果有屬性spe="3:6,7:9"，則在特別設置第n行的文字的停留時間。n:m，n為第幾個，m為幾秒。n從1開始計。

2.6，pre.ejtatxt如果有屬性end="y"，則在最後一行的停留時間結束後，要經過y秒，才回到第一行。默認y是0。

2.7，pre.ejtatxt如果有font-size="z"，則把div.ejtatxtrun的字體大小設置為z，單位是px。默認z=18。

2.8，div.ejtatxtrun的padding和行高合理設置一下，背景為淺綠色。適配手機端。

三，點擊事件

3.1，當點擊object.ejtatut時，動畫將暫停（用到svgRoot.pauseAnimations()和svgRoot.setCurrentTime(0)）。div.ejtatxtrun的文字切換也將暫停，其背景從淺綠變成淺紅色。

3.2，再次點擊object.ejtatut時，動畫繼續播放，div.ejtatxtrun的文字繼續切換。

3.3，當處於動畫暫停狀態時，點擊div.ejtatxtrun，則它將消失，並顯示一個textarea.ejtaedit，它的內容是pre.ejtatxt的內容。合理設置它的行高、字號、背景。

3.4，textarea.ejtaedit的下方還將出現兩個按鈕，button.ejtaeditconfirm和button.ejtaeditcancel。如果確認，則字幕內容將重載，動畫從頭開始。如果取消，則回到之前暫停的狀態。

四，所有代碼都要使用英文。

代码： 全选

<p><img src="" alt="" width="480" height="480" class="aligncenter size-full wp-image-18671" /></p>
<p>做了好幾日，終於做完了！</p>
<p>還要配個中文字幕<!--more-->。</p>
<object class="ejtatut" data="" type="image/svg+xml" width="auto" height="auto">object</object>
<pre class="ejtatxt" dur="3" spe="10:15" end="3" font-size="18">trirhombus是由抽象桌遊設計師ejsoon於2021年創作的遊戲。其規則在2025年得到完善。
該棋構思巧妙，攜帶方便，是居家旅行必備的遊戲。
trirhombus有三種菱形棋子，DeepSkyBlue，Red，DarkOrange。
它們的擺放方向都是固定不變的，深天藍為横向，紅色為斜向，暗橙色為反斜向。
每種顏色的棋子有十二個，雙方平分。
遊戲開始。第一個棋子必須由先手方放藍色棋子至棋盤中間。
除了第一顆棋子之外，以後的所有棋子都保留必須跟場上已有的棋子邊與邊貼合。
第二個棋子必須由後手方放紅色棋子。
之後雙方輪流落子。
唯一的禁止形狀是形成一個空洞。
當雙方的棋子都落完，則開始計分。
以雙方視角為基準，藍色為每個立方體的頂面，其餘兩種顏色為側面，計算立方體的數量。
以本局為例，先手方的分數為14分。
後手方的分數為13分。
之後雙方先後手交換再戰一局，兩局總分高者獲勝。
以上就是trirhombus的全部規則。
任何建議或想法請發送郵件至i@ejsoon.vip。</pre>
https://ejsoon.vip/
弈趣極光：享受思維樂趣
页首
头像
ejsoon
圈圈精英
圈圈精英
帖子： 4388
注册时间： 2022年 11月 18日 17:36
为圈友点赞： 171 次
被圈友点赞： 200 次
联系：
联系 ejsoon

Re: 將為三菱棋做個規則介紹動畫

帖子 由 ejsoon »

gemini（ 不能用）

代码： 全选

<style>
/* Container for the running text */
div.ejtatxtrun {
    display: block;
    width: 100%;
    padding: 15px;
    box-sizing: border-box;
    background-color: #d1f2d1; /* Light green default */
    color: #333;
    line-height: 1.6;
    border-radius: 8px;
    margin-top: 10px;
    cursor: pointer;
    transition: background-color 0.3s ease;
    word-wrap: break-word;
    font-family: sans-serif;
}

/* Pause state style (light red) */
div.ejtatxtrun.paused {
    background-color: #f2d1d1;
}

/* Edit mode components */
.ejta-edit-container {
    margin-top: 10px;
    width: 100%;
}

textarea.ejtaedit {
    width: 100%;
    min-height: 120px;
    padding: 10px;
    box-sizing: border-box;
    font-family: monospace;
    font-size: 14px;
    line-height: 1.4;
    border: 1px solid #ccc;
    border-radius: 5px;
    background-color: #fff;
    resize: vertical;
}

.ejta-btn-group {
    margin-top: 8px;
    display: flex;
    gap: 10px;
}

button.ejtaeditconfirm, 
button.ejtaeditcancel {
    padding: 8px 16px;
    cursor: pointer;
    border: none;
    border-radius: 4px;
    font-size: 14px;
}

button.ejtaeditconfirm {
    background-color: #4CAF50;
    color: white;
}

button.ejtaeditcancel {
    background-color: #f44336;
    color: white;
}
</style>
<script>
(function() {
    // 1. Detection Phase
    const objSvg = document.querySelector('object.ejtatut');
    const preTxt = document.querySelector('pre.ejtatxt');

    if (!objSvg || !preTxt) {
        console.warn("Script stopped: 'object.ejtatut' or 'pre.ejtatxt' not found.");
        return;
    }

    // State Variables
    let textArray = [];
    let currentIndex = 0;
    let timerId = null;
    let isPaused = false;
    let config = {
        dur: 3,      // Default duration per line
        end: 0,      // Delay after loop
        spe: {},     // Specific line durations
        fontSize: 18 // Default font size
    };

    // DOM Elements for UI
    let divRun = null;
    let editContainer = null;
    let textArea = null;

    // 2. Initialization on SVG Load
    objSvg.addEventListener('load', function() {
        initInterface();
        parseConfigAndText();
        startAnimationLoop();
        setupInteractions();
    });

    // Helper: Initialize UI Elements
    function initInterface() {
        // 2.1 Hide pre, create div.ejtatxtrun
        preTxt.style.display = 'none';

        if (!divRun) {
            divRun = document.createElement('div');
            divRun.className = 'ejtatxtrun';
            preTxt.parentNode.insertBefore(divRun, preTxt.nextSibling);
        }
        
        // Reset styles
        divRun.classList.remove('paused');
        divRun.style.display = 'block';
    }

    // Helper: Parse Configuration and Text
    function parseConfigAndText() {
        // 2.2 Text to Array
        const rawText = preTxt.innerText.trim();
        textArray = rawText.split('\n').map(line => line.trim()).filter(line => line.length > 0);

        // 2.4 Attribute: dur (default 3)
        const attrDur = preTxt.getAttribute('dur');
        config.dur = attrDur ? parseFloat(attrDur) : 3;

        // 2.5 Attribute: spe (n:m format)
        config.spe = {};
        const attrSpe = preTxt.getAttribute('spe'); // e.g., "3:6,7:9"
        if (attrSpe) {
            const pairs = attrSpe.split(',');
            pairs.forEach(pair => {
                const [lineNum, seconds] = pair.split(':');
                if (lineNum && seconds) {
                    config.spe[parseInt(lineNum)] = parseFloat(seconds);
                }
            });
        }

        // 2.6 Attribute: end (default 0)
        const attrEnd = preTxt.getAttribute('end');
        config.end = attrEnd ? parseFloat(attrEnd) : 0;

        // 2.7 Attribute: font-size (default 18)
        const attrFs = preTxt.getAttribute('font-size');
        config.fontSize = attrFs ? parseInt(attrFs) : 18;
        
        // Apply Styles
        divRun.style.fontSize = config.fontSize + 'px';
    }

    // Helper: The Text Loop Logic
    function startAnimationLoop() {
        if (textArray.length === 0) return;
        
        // 2.3 Show first string immediately
        showCurrentLine();
    }

    function showCurrentLine() {
        if (isPaused) return;

        // Update Text
        divRun.innerText = textArray[currentIndex];

        // Calculate Duration
        // Note: Human logic is 1-based, array is 0-based. spe uses 1-based.
        let duration = config.dur;
        if (config.spe[currentIndex + 1]) {
            duration = config.spe[currentIndex + 1];
        }

        // Check if last line to add 'end' delay
        if (currentIndex === textArray.length - 1) {
            duration += config.end;
        }

        // Set Timer for next line
        clearTimeout(timerId);
        timerId = setTimeout(() => {
            currentIndex++;
            if (currentIndex >= textArray.length) {
                currentIndex = 0;
            }
            showCurrentLine();
        }, duration * 1000);
    }

    // 3. Interactions
    function setupInteractions() {
        const svgDoc = objSvg.contentDocument;
        const svgRoot = svgDoc ? svgDoc.documentElement : null;

        if (!svgRoot) {
            console.error("Cannot access SVG content. Ensure same-origin policy.");
            return;
        }

        // 3.1 & 3.2 Click Object to Toggle Pause
        // We attach listener to the object wrapper or internal root
        // Note: Attaching to objSvg usually requires pointer-events tweaking, 
        // safest is attaching to the internal root.
        svgRoot.addEventListener('click', function() {
            toggleSystem(svgRoot);
        });
        
        // Also attach to the object tag itself for broader compatibility
        objSvg.addEventListener('click', function() {
             toggleSystem(svgRoot);
        });

        // 3.3 Click div.ejtatxtrun (Only when paused)
        divRun.addEventListener('click', function() {
            if (isPaused) {
                openEditor(svgRoot);
            }
        });
    }

    function toggleSystem(svgRoot) {
        if (!isPaused) {
            // 3.1 Pause Action
            isPaused = true;
            clearTimeout(timerId); // Stop text switching
            
            // SVG specific commands
            svgRoot.pauseAnimations();
            svgRoot.setCurrentTime(0);

            // UI Changes
            divRun.classList.add('paused'); // Turns light red
        } else {
            // 3.2 Resume Action
            isPaused = false;
            
            // SVG specific commands
            svgRoot.unpauseAnimations();
            
            // UI Changes
            divRun.classList.remove('paused'); // Back to light green
            
            // Resume text loop
            showCurrentLine();
        }
    }

    // 3.3 & 3.4 Editor Logic
    function openEditor(svgRoot) {
        // Hide run div
        divRun.style.display = 'none';

        // Create Editor if not exists
        if (!editContainer) {
            createEditorDOM();
        }

        // Populate content
        textArea.value = preTxt.innerText;
        editContainer.style.display = 'block';

        // Button Actions
        const btnConfirm = editContainer.querySelector('.ejtaeditconfirm');
        const btnCancel = editContainer.querySelector('.ejtaeditcancel');

        // Remove old listeners to prevent duplicates (cloning is a quick hack, but re-assigning onclick is safer here)
        btnConfirm.onclick = () => {
            // Confirm: Update PRE text
            preTxt.innerText = textArea.value;
            
            // Reload configuration
            parseConfigAndText();
            
            // Reset Animation
            currentIndex = 0;
            isPaused = false; // Reset pause state logic
            
            // Reset SVG
            svgRoot.unpauseAnimations();
            svgRoot.setCurrentTime(0);

            // Restore UI
            editContainer.style.display = 'none';
            divRun.style.display = 'block';
            divRun.classList.remove('paused');

            // Start Loop
            startAnimationLoop();
        };

        btnCancel.onclick = () => {
            // Cancel: Revert to paused state
            editContainer.style.display = 'none';
            divRun.style.display = 'block';
            // Remain paused (red)
        };
    }

    function createEditorDOM() {
        editContainer = document.createElement('div');
        editContainer.className = 'ejta-edit-container';

        textArea = document.createElement('textarea');
        textArea.className = 'ejtaedit';
        
        const btnGroup = document.createElement('div');
        btnGroup.className = 'ejta-btn-group';

        const confirmBtn = document.createElement('button');
        confirmBtn.className = 'ejtaeditconfirm';
        confirmBtn.innerText = 'Confirm';

        const cancelBtn = document.createElement('button');
        cancelBtn.className = 'ejtaeditcancel';
        cancelBtn.innerText = 'Cancel';

        btnGroup.appendChild(confirmBtn);
        btnGroup.appendChild(cancelBtn);

        editContainer.appendChild(textArea);
        editContainer.appendChild(btnGroup);

        // Insert after divRun
        divRun.parentNode.insertBefore(editContainer, divRun.nextSibling);
    }

})();
</script>
https://ejsoon.vip/
弈趣極光：享受思維樂趣
页首
头像
ejsoon
圈圈精英
圈圈精英
帖子： 4388
注册时间： 2022年 11月 18日 17:36
为圈友点赞： 171 次
被圈友点赞： 200 次
联系：
联系 ejsoon

Re: 將為三菱棋做個規則介紹動畫

帖子 由 ejsoon »

grok

代码： 全选

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>SVG Animation with Dynamic Subtitle</title>
<style>
    /* Basic styling for mobile compatibility */
    body {
        margin: 0;
        padding: 0;
        font-family: sans-serif;
        display: flex;
        flex-direction: column;
        align-items: center;
        background: #f0f0f0;
    }

    /* Subtitle display area */
    div.ejtatxtrun {
        width: 90%;
        max-width: 800px;
        padding: 15px 20px;
        margin: 10px auto;
        background: lightgreen;
        color: #000;
        font-size: 18px;
        line-height: 1.5;
        text-align: center;
        border-radius: 8px;
        box-shadow: 0 2px 6px rgba(0,0,0,0.2);
        transition: background 0.3s;
    }

    /* Paused state */
    div.ejtatxtrun.paused {
        background: lightcoral;
    }

    /* Edit textarea */
    textarea.ejtaedit {
        width: 90%;
        max-width: 800px;
        height: 200px;
        padding: 15px;
        margin: 10px auto;
        font-size: 16px;
        line-height: 1.5;
        background: #fff;
        border: 1px solid #ccc;
        border-radius: 8px;
        box-shadow: 0 2px 6px rgba(0,0,0,0.2);
        resize: vertical;
    }

    /* Buttons */
    .ejtaedit-buttons {
        display: flex;
        gap: 10px;
        margin-bottom: 20px;
    }

    button.ejtaeditconfirm,
    button.ejtaeditcancel {
        padding: 10px 20px;
        font-size: 16px;
        border: none;
        border-radius: 6px;
        cursor: pointer;
    }

    button.ejtaeditconfirm {
        background: #4CAF50;
        color: white;
    }

    button.ejtaeditcancel {
        background: #f44336;
        color: white;
    }
</style>
</head>
<body>

<!-- Example usage (you can replace these with your own) -->
<object id="ejtatut" data="your-animation.svg" type="image/svg+xml" width="800" height="450"></object>

<pre id="ejtatxt" dur="4" spe="2:6,5:8" end="2" font-size="22">
Line 1: Welcome to the animation
Line 2: This line stays longer
Line 3: Normal timing
Line 4: Another line
Line 5: This one stays even longer
Line 6: The end
</pre>

<script>
// Main script - all in English
document.addEventListener("DOMContentLoaded", function () {
    const svgObj = document.getElementById("ejtatut");
    const preText = document.getElementById("ejtatxt");

    // Step 1: Check if both elements exist
    if (!svgObj || !preText) {
        console.log("Required elements (object#ejtatut or pre#ejtatxt) not found. Script stopped.");
        return;
    }

    let lines = [];
    let currentIndex = 0;
    let timer = null;
    let isPaused = false;
    let svgDoc = null;
    let svgRoot = null;

    // Configuration from pre attributes
    const dur = parseFloat(preText.getAttribute("dur")) || 3; // default 3 seconds
    const endDelay = parseFloat(preText.getAttribute("end")) || 0;
    const fontSize = parseInt(preText.getAttribute("font-size")) || 18;

    // Parse special timings: spe="3:6,7:9"
    const specialTimings = {};
    const speAttr = preText.getAttribute("spe");
    if (speAttr) {
        speAttr.split(",").forEach(pair => {
            const [idx, sec] = pair.split(":");
            if (idx && sec) {
                specialTimings[parseInt(idx)] = parseFloat(sec);
            }
        });
    }

    // Create display div
    const displayDiv = document.createElement("div");
    displayDiv.className = "ejtatxtrun";
    displayDiv.style.fontSize = fontSize + "px";
    preText.parentNode.insertBefore(displayDiv, preText.nextSibling);

    // Hide the original pre
    preText.style.display = "none";

    // Split text into lines
    lines = preText.textContent.trim().split("\n").map(line => line.trim()).filter(line => line.length > 0);

    if (lines.length === 0) {
        console.log("No lines found in pre.ejtatxt");
        return;
    }

    // Function to show current line
    function showLine() {
        displayDiv.textContent = lines[currentIndex];
    }

    // Get delay for current line (1-based index)
    function getDelayForLine(index1based) {
        return specialTimings[index1based] !== undefined ? specialTimings[index1based] : dur;
    }

    // Start cycling text
    function startTextCycle() {
        if (isPaused) return;
        showLine();
        const delay = getDelayForLine(currentIndex + 1) * 1000;

        timer = setTimeout(() => {
            currentIndex = (currentIndex + 1) % lines.length;
            if (currentIndex === 0 && endDelay > 0) {
                // Extra delay after last line
                setTimeout(startTextCycle, endDelay * 1000);
            } else {
                startTextCycle();
            }
        }, delay);
    }

    // Stop text cycle
    function stopTextCycle() {
        if (timer) {
            clearTimeout(timer);
            timer = null;
        }
    }

    // Reset and restart everything
    function restartAll() {
        stopTextCycle();
        currentIndex = 0;
        isPaused = false;
        displayDiv.classList.remove("paused");
        if (svgRoot) {
            svgRoot.unpauseAnimations();
        }
        startTextCycle();
    }

    // Load SVG and prepare
    svgObj.addEventListener("load", function () {
        svgDoc = svgObj.contentDocument;
        if (svgDoc) {
            svgRoot = svgDoc.rootElement; // SVG root for animation control
        }

        // Show first line immediately
        showLine();

        // Start text cycling
        startTextCycle();
    });

    // Click on SVG object to pause/resume
    svgObj.addEventListener("click", function () {
        if (!svgRoot) return;

        if (isPaused) {
            // Resume
            svgRoot.unpauseAnimations();
            displayDiv.classList.remove("paused");
            startTextCycle();
            isPaused = false;
        } else {
            // Pause
            svgRoot.pauseAnimations();
            svgRoot.setCurrentTime(0); // Optional: reset animation to start when paused
            stopTextCycle();
            displayDiv.classList.add("paused");
            isPaused = true;
        }
    });

    // Click on display div when paused → enter edit mode
    displayDiv.addEventListener("click", function () {
        if (!isPaused) return;

        // Hide display div
        displayDiv.style.display = "none";

        // Create textarea
        const textarea = document.createElement("textarea");
        textarea.className = "ejtaedit";
        textarea.value = lines.join("\n");

        // Create buttons
        const btnContainer = document.createElement("div");
        btnContainer.className = "ejtaedit-buttons";

        const confirmBtn = document.createElement("button");
        confirmBtn.className = "ejtaeditconfirm";
        confirmBtn.textContent = "Confirm";

        const cancelBtn = document.createElement("button");
        cancelBtn.className = "ejtaeditcancel";
        cancelBtn.textContent = "Cancel";

        btnContainer.appendChild(confirmBtn);
        btnContainer.appendChild(cancelBtn);

        // Insert after displayDiv
        displayDiv.parentNode.insertBefore(textarea, displayDiv.nextSibling);
        displayDiv.parentNode.insertBefore(btnContainer, textarea.nextSibling);

        // Confirm: reload text and restart
        confirmBtn.addEventListener("click", function () {
            const newText = textarea.value.trim();
            if (newText) {
                lines = newText.split("\n").map(l => l.trim()).filter(l => l.length > 0);
                preText.textContent = textarea.value; // Update original pre for persistence if needed
            }

            // Clean up edit UI
            textarea.remove();
            btnContainer.remove();
            displayDiv.style.display = "block";

            // Restart animation and text from beginning
            if (svgRoot) {
                svgRoot.setCurrentTime(0);
                svgRoot.unpauseAnimations();
            }
            restartAll();
        });

        // Cancel: back to paused state
        cancelBtn.addEventListener("click", function () {
            textarea.remove();
            btnContainer.remove();
            displayDiv.style.display = "block";
        });
    });
});
</script>

</body>
</html>
https://ejsoon.vip/
弈趣極光：享受思維樂趣
页首
头像
ejsoon
圈圈精英
圈圈精英
帖子： 4388
注册时间： 2022年 11月 18日 17:36
为圈友点赞： 171 次
被圈友点赞： 200 次
联系：
联系 ejsoon

Re: 將為三菱棋做個規則介紹動畫

帖子 由 ejsoon »

保持object中的svg的長寬比：

代码： 全选

要讓 `<object>` 元素內嵌的 SVG 保持與其內容一致的長寬比（aspect ratio），或讓內部的 SVG 自動適應 `<object>` 的寬度（responsive），關鍵在於 SVG 檔案本身的屬性設定，以及 `<object>` 的 CSS 樣式。

### 1. **先確保 SVG 檔案本身支援縮放**
SVG 必須有 `viewBox` 屬性，這定義了內部內容的原始座標範圍與比例。預設的 `preserveAspectRatio="xMidYMid meet"` 會自動保持長寬比。

- 推薦在 SVG 根元素 `<svg>` 上設定：
  ```xml
  <svg viewBox="0 0 原始寬度 原始高度" preserveAspectRatio="xMidYMid meet" xmlns="http://www.w3.org/2000/svg">
    <!-- 你的 SVG 內容 -->
  </svg>
  ```
  - `viewBox` 的值通常是 `0 0 你的設計寬度 你的設計高度`（例如 `0 0 100 100`）。
  - 如果 SVG 原本有固定 `width` 和 `height` 屬性（如 `width="500px" height="300px"`），建議移除或改成百分比（如 `width="100%" height="100%"`），否則會限制縮放。

如果 SVG 沒有 `viewBox`，內部內容就不會根據容器比例自動調整。

### 2. **HTML 中的 `<object>` 使用方式**
```html
<div class="svg-container">
  <object type="image/svg+xml" data="your-svg-file.svg"></object>
</div>
```

### 3. **CSS 讓它適應寬度並保持比例**
```css
.svg-container {
  width: 100%; /* 或你想要的寬度，例如 600px */
  max-width: 100%; /* 響應式，避免超出父容器 */
}

.svg-container object {
  width: 100%;    /* 填滿容器寬度 */
  height: auto;   /* 高度自動根據比例計算 */
  display: block; /* 移除 inline 元素的底部間隙 */
}
```

- 這樣 SVG 會：
  - 完全適應外層容器的寬度。
  - 自動計算高度，保持內部 SVG 的原始長寬比（不會變形）。
  - 在不同螢幕大小下響應式縮放。

### 4. **進階選項（根據需求調整對齊方式）**
如果想改變 SVG 在容器內的對齊或填滿方式，可以修改 SVG 檔案中的 `preserveAspectRatio`：
- `xMidYMid meet`（預設）：保持比例，完整顯示內容，容器有多餘空間時會留白（類似 `object-fit: contain`）。
- `xMidYMid slice`：保持比例，填滿整個容器，多餘部分裁切（類似 `object-fit: cover`）。
- `none`：不保持比例，直接拉伸填滿（會變形，通常不推薦）。

### 注意事項
- 如果 SVG 是外部檔案，修改需編輯該檔案本身（或用工具如 Inkscape/Illustrator 匯出時加入 `viewBox`）。
- 測試瀏覽器相容性：現代瀏覽器（Chrome、Firefox、Safari、Edge）都支援良好。
- 如果 SVG 內有互動（如連結、動畫），`<object>` 比 `<img>` 更好，因為它允許內部腳本執行。

這樣設定後，`<object>` 的長寬比就會跟內部 SVG 內容一致，且 SVG 會自動適應寬度而不失真。如果你的 SVG 檔案目前沒有 `viewBox`，這是最常見的問題來源！
https://ejsoon.vip/
弈趣極光：享受思維樂趣
页首
头像
ejsoon
圈圈精英
圈圈精英
帖子： 4388
注册时间： 2022年 11月 18日 17:36
为圈友点赞： 171 次
被圈友点赞： 200 次
联系：
联系 ejsoon

Re: 將為三菱棋做個規則介紹動畫

帖子 由 ejsoon »

代码： 全选

有三個問題，一是當停止時，svg動畫回到了最開始，應該停在當前位置。二是當點擊編輯再確認時，所有行...

這裡針對你的三個問題，提供需要修改的代碼部分。
修改重點說明：

    暫停位置：在 toggleSystem 函數中去掉了 setCurrentTime(0)，這樣動畫就會停在當前幀。
    編輯換行問題：在確認按鈕的事件中，將 innerText 改為 textContent。innerText 有時會忽略隱藏元素中的換行符，而 textContent 能完整保留文本格式（包括換行）。
    時間同步問題：

    引入了 startTime 和 remainingTime 來計算時間差。
    原因：之前的代碼在「暫停後再點擊繼續」時，會重新開始計時完整的持續時間，導致文字比動畫慢（看起來就是動畫變快了）。現在改為記錄「剩餘時間」，確保繼續播放時，文字只等待剩下的秒數。

請用以下代碼替換原有的對應部分：
1. 新增全局變量 (在 isPaused = false; 下方增加)

我們需要追踪當前這一行文字開始的時間，以及暫停時剩下的時間。

JavaScript

    // ... existing variables ...
   let isPaused = false;
   
   // --- [新增/修改] 用於精確時間控制的變量 ---
   let startTime = 0;       // 記錄文字顯示開始的時間點
   let remainingTime = 0;   // 記錄暫停時還剩多少毫秒
   // ---------------------------------------

   let config = { ... };
2. 修改 showCurrentLine 函數 (解決時間漂移與暫停重置問題)

將原本簡單的 setTimeout 改為可被記錄的計時邏輯。

JavaScript

    function showCurrentLine(resumeTime = null) {
       if (isPaused) return;

       // 顯示文字
       divRun.innerText = textArray[currentIndex];

       // 計算該行的總持續時間 (秒 -> 毫秒)
       let durationSec = config.dur;
       if (config.spe[currentIndex + 1]) {
           durationSec = config.spe[currentIndex + 1];
       }
       if (currentIndex === textArray.length - 1) {
           durationSec += config.end;
       }
       
       // 如果傳入了 resumeTime (暫停後恢復)，則使用剩餘時間，否則使用全新時間
       let finalDuration = resumeTime !== null ? resumeTime : (durationSec * 1000);
       
       // [新增] 記錄開始時間，並設置剩餘時間初始值
       startTime = Date.now();
       remainingTime = finalDuration;

       clearTimeout(timerId);
       timerId = setTimeout(() => {
           currentIndex++;
           if (currentIndex >= textArray.length) {
               currentIndex = 0;
           }
           // 下一行是全新的開始，所以不傳參數
           showCurrentLine();
       }, finalDuration);
   }
3. 修改 toggleSystem 函數 (解決動畫回到開頭問題 + 時間計算)

去掉了 setCurrentTime(0)，並在暫停時計算流逝的時間。

JavaScript

    function toggleSystem(svgRoot) {
       if (!isPaused) {
           // --- 暫停動作 ---
           isPaused = true;
           clearTimeout(timerId);
           
           // [新增] 計算已經過了多久，更新剩餘時間
           let elapsed = Date.now() - startTime;
           remainingTime -= elapsed;

           svgRoot.pauseAnimations();
           // [刪除] svgRoot.setCurrentTime(0);  <-- 這行被刪除了，讓動畫停在原地

           divRun.classList.add('paused');
       } else {
           // --- 繼續動作 ---
           isPaused = false;
           
           svgRoot.unpauseAnimations();
           
           divRun.classList.remove('paused');
           
           // [修改] 傳入剩餘時間繼續播放
           showCurrentLine(remainingTime);
       }
   }
4. 修改 openEditor 中的 btnConfirm.onclick (解決換行變成一行問題)

將 innerText 改為 textContent，並確保用 textContent 重新解析。

JavaScript

        btnConfirm.onclick = () => {
           // [修改] 使用 textContent 以保留換行符 (\n)
           preTxt.textContent = textArea.value;
           
           // 重新解析配置
           parseConfigAndText();
           
           // 重置狀態
           currentIndex = 0;
           isPaused = false;
           
           // SVG 重置 (因為內容變了，建議從頭開始)
           svgRoot.unpauseAnimations();
           svgRoot.setCurrentTime(0);

           // 恢復 UI
           editContainer.style.display = 'none';
           divRun.style.display = 'block';
           divRun.classList.remove('paused');

           // 開始循環
           startAnimationLoop();
       };
5. 同步修改 parseConfigAndText (確保讀取時也用 textContent)

為了配合第4點，確保讀取時也不會漏掉換行。

JavaScript

    function parseConfigAndText() {
       // [修改] 改用 textContent 讀取
       const rawText = preTxt.textContent.trim();
       textArray = rawText.split('\n').map(line => line.trim()).filter(line => line.length > 0);

       // ... 其餘代碼不變 ...
https://ejsoon.vip/
弈趣極光：享受思維樂趣
页首
回复

回到 “茶座”

在线用户

正浏览此版面之用户： 没有注册用户 和 1 访客