【制作中】もぐらたたき用 点数SVG案

　どうも！LSSです！！

なかなか時間が取れず、進まずにいた

【制作中】もぐらたたき「倍速もぐら と 超速もぐら」

の制作ですが、「もぐらを叩いた時に点数が出てくる」ようにするための「点数表示」をSVGで描いてみました！

レトロゲーム風

コード

<svg xmlns="http://www.w3.org/2000/svg" width="100%" viewbox="0 0 100 100" stroke="black" style="border: 1px solid black; background-color: green;">
<path d="M 26,41 l 0,9 6,0 0,3 -6,0 0,3 9,0 0,-9 -6,0 0,-3 6,0 0,-3 -9,0" stroke="red" stroke-width="0.1" fill="red"></path>
<path d="M 25,40 l 0,9 6,0 0,3 -6,0 0,3 9,0 0,-9 -6,0 0,-3 6,0 0,-3 -9,0" stroke="yellow" stroke-width="0.1" fill="yellow"></path>
<path d="M 38,47 l 0,10 3,0 0,-3 6,0 0,-7 -9,0 " stroke="red" stroke-width="0.1" fill="red"></path><path d="M 37,46 l 0,10 3,0 0,-3 6,0 0,-7 -9,0 " stroke="yellow" stroke-width="0.1" fill="yellow"></path>
<path d="M 50,47 l 0,3 3,0 0,6 6,0 0,-3 -3,0 0,-3 3,0 0,-3 -3,0 0,-3 -3,0 0,3 ,0" stroke="red" stroke-width="0.1" fill="red"></path>
<path d="M 49,46 l 0,3 3,0 0,6 6,0 0,-3 -3,0 0,-3 3,0 0,-3 -3,0 0,-3 -3,0 0,3 -3,0" stroke="yellow" stroke-width="0.1" fill="yellow"></path>
<path d="M 62,48 l 0,5 6,0 0,1 -6,0 0,2 9,0 0,-5 -6,0 0,-1 6,0 0,-2 -9,0" stroke="red" stroke-width="0.1" fill="red"></path>
<path d="M 61,47 l 0,5 6,0 0,1 -6,0 0,2 9,0 0,-5 -6,0 0,-1 6,0 0,-2 -9,0" stroke="yellow" stroke-width="0.1" fill="yellow"></path>
</svg>

実際の表示サイズはこのぐらいかな

文字のバランスとか、ちょっと修正したほうがいいかも？と同時に、小さく表示になるのでそれほど細かく気にしなくてもいいような気もしますねｗ

ってなとこで、はなはだ短いですが、今回はこのへんで！

次回もまた、よろしくお願いします^^