SVG Isometric Grid (Branch 7037)
✨ RUJRAWEE MEELA
<html><head><title>เนย รุจรวี มีลา (63070151)</title> <style> body{ margin:0; } svg{ width:100%; background-image: radial-gradient(circle,#c29d57, #ba831c,#b87737,#8f5a27, #593a1d,#14100b ); } #chicken{ transform-style: preserve-3d; animation: fly 0.8s infinite alternate; } @keyframes fly { from{transform: translate(40%,60%);} to {transform: translate(40%,57% );} } #wing{ transform-style: preserve-3d; animation: pay 0.8s infinite alternate; } @keyframes pay{ from{transform:rotate(0deg);} to{transform:rotate(40deg);} } #balloonpink{ cursor:pointer; } #balloonpink:hover{ cursor:pointer; } #balloongreen{ cursor:pointer; } #balloongreen{ cursor:pointer; } .shoes1{ fill:#2608AD; stroke:#2608AD; } .shoes1:hover{ cursor:pointer; fill:#6a14c7; stroke:#6a14c7; } .shoes2{ fill:#368906; stroke:#368906; } .shoes2:hover{ cursor:pointer; fill:#db0933; stroke:#db0933; } .firee{ animation:fireee 2s infinite 0.5s alternate; } @keyframes fireee{ 0%{transform:scale(4);} } .firee2 { animation:fireee2 3s infinite 1s alternate; } @keyframes fireee2{ 0%{transform:scale(4);} } </style> </head> <body> <svg viewBox="0 0 100 100"> <!--<defs> <pattern id="isometric" width="10" height="5" viewBox="0 0 10 5" patternUnits="userSpaceOnUse" x="0" y="0"> <g stroke="#0004" stroke-dasharray="2 1" stroke-width=".25"> <path d="m0,0 v100"></path> <path d="m10,0 v100"></path> </g> <path d="m5,0 v100" stroke-width=".25" stroke="#0004" stroke-dasharray=".5"></path> <g stroke-width=".25" stroke="#0004"> <path d="m0,0 l10,5"></path> <path d="m10,0 l-10,5"></path> </g> </pattern> </defs> <rect fill="url(#isometric)" width="1000" height="1000"></rect>--> <g transform="translate(0 0)"> <path d="M0 20 l6,-6 l6,6 " fill="#ebca9d" stroke-width="0" stroke="#ffd900" stroke-linejoin="round" stroke-linecap="round"></path> <path d="M10 20 l6,-6 l6,6 " fill="#ebca9d" stroke-width="0" stroke="#ffd900" stroke-linejoin="round" stroke-linecap="round"></path> <path d="M20 20 l6,-6 l6,6 " fill="#ebca9d" stroke-width="0" stroke="#ffd900" stroke-linejoin="round" stroke-linecap="round"></path> <path d="M30 20 l6,-6 l6,6 " fill="#ebca9d" stroke-width="0" stroke="#ffd900" stroke-linejoin="round" stroke-linecap="round"></path> <path d="M40 20 l6,-6 l6,6 " fill="#ebca9d" stroke-width="0" stroke="#ffd900" stroke-linejoin="round" stroke-linecap="round"></path> <path d="M50 20 l6,-6 l6,6 " fill="#ebca9d" stroke-width="0" stroke="#ffd900" stroke-linejoin="round" stroke-linecap="round"></path> <path d="M60 20 l6,-6 l6,6 " fill="#ebca9d" stroke-width="0" stroke="#ffd900" stroke-linejoin="round" stroke-linecap="round"></path> <path d="M70 20 l6,-6 l6,6 " fill="#ebca9d" stroke-width="0" stroke="#ffd900" stroke-linejoin="round" stroke-linecap="round"></path> <path d="M80 20 l6,-6 l6,6 " fill="#ebca9d" stroke-width="0" stroke="#ffd900" stroke-linejoin="round" stroke-linecap="round"></path> <path d="M90 20 l6,-6 l6,6 " fill="#ebca9d" stroke-width="0" stroke="#ffd900" stroke-linejoin="round" stroke-linecap="round"></path> <path d="M-6 14 l6,6 l6,-6 " fill="#c4a376" stroke-width="0" stroke="#ffd900" stroke-linejoin="round" stroke-linecap="round"></path> <path d="M4 14 l6,6 l6,-6 " fill="#c4a376" stroke-width="0" stroke="#ffd900" stroke-linejoin="round" stroke-linecap="round"></path> <path d="M14 14 l6,6 l6,-6 " fill="#c4a376" stroke-width="0" stroke="#ffd900" stroke-linejoin="round" stroke-linecap="round"></path> <path d="M24 14 l6,6 l6,-6 " fill="#c4a376" stroke-width="0" stroke="#ffd900" stroke-linejoin="round" stroke-linecap="round"></path> <path d="M34 14 l6,6 l6,-6 " fill="#c4a376" stroke-width="0" stroke="#ffd900" stroke-linejoin="round" stroke-linecap="round"></path> <path d="M44 14 l6,6 l6,-6 " fill="#c4a376" stroke-width="0" stroke="#ffd900" stroke-linejoin="round" stroke-linecap="round"></path> <path d="M54 14 l6,6 l6,-6 " fill="#c4a376" stroke-width="0" stroke="#ffd900" stroke-linejoin="round" stroke-linecap="round"></path> <path d="M64 14 l6,6 l6,-6 " fill="#c4a376" stroke-width="0" stroke="#ffd900" stroke-linejoin="round" stroke-linecap="round"></path> <path d="M74 14 l6,6 l6,-6 " fill="#c4a376" stroke-width="0" stroke="#ffd900" stroke-linejoin="round" stroke-linecap="round"></path> <path d="M84 14 l6,6 l6,-6 " fill="#c4a376" stroke-width="0" stroke="#ffd900" stroke-linejoin="round" stroke-linecap="round"></path> <path d="M94 14 l6,6 l6,-6 " fill="#c4a376" stroke-width="0" stroke="#ffd900" stroke-linejoin="round" stroke-linecap="round"></path> </g> <g transform="translate(0 0)"> <path d="M0 40 l6,-6 l6,6 " fill="#61431a" stroke-width="0" stroke="#ffd900" stroke-linejoin="round" stroke-linecap="round"></path> <path d="M10 40 l6,-6 l6,6 " fill="#61431a" stroke-width="0" stroke="#ffd900" stroke-linejoin="round" stroke-linecap="round"></path> <path d="M20 40 l6,-6 l6,6 " fill="#61431a" stroke-width="0" stroke="#ffd900" stroke-linejoin="round" stroke-linecap="round"></path> <path d="M30 40 l6,-6 l6,6 " fill="#61431a" stroke-width="0" stroke="#ffd900" stroke-linejoin="round" stroke-linecap="round"></path> <path d="M40 40 l6,-6 l6,6 " fill="#61431a" stroke-width="0" stroke="#ffd900" stroke-linejoin="round" stroke-linecap="round"></path> <path d="M50 40 l6,-6 l6,6 " fill="#61431a" stroke-width="0" stroke="#ffd900" stroke-linejoin="round" stroke-linecap="round"></path> <path d="M60 40 l6,-6 l6,6 " fill="#61431a" stroke-width="0" stroke="#ffd900" stroke-linejoin="round" stroke-linecap="round"></path> <path d="M70 40 l6,-6 l6,6 " fill="#61431a" stroke-width="0" stroke="#ffd900" stroke-linejoin="round" stroke-linecap="round"></path> <path d="M80 40 l6,-6 l6,6 " fill="#61431a" stroke-width="0" stroke="#ffd900" stroke-linejoin="round" stroke-linecap="round"></path> <path d="M90 40 l6,-6 l6,6 " fill="#61431a" stroke-width="0" stroke="#ffd900" stroke-linejoin="round" stroke-linecap="round"></path> <path d="M-6 34 l6,6 l6,-6 " fill="#c4a376" stroke-width="0" stroke="#ffd900" stroke-linejoin="round" stroke-linecap="round"></path> <path d="M4 34 l6,6 l6,-6 " fill="#c4a376" stroke-width="0" stroke="#ffd900" stroke-linejoin="round" stroke-linecap="round"></path> <path d="M14 34 l6,6 l6,-6 " fill="#c4a376" stroke-width="0" stroke="#ffd900" stroke-linejoin="round" stroke-linecap="round"></path> <path d="M24 34 l6,6 l6,-6 " fill="#c4a376" stroke-width="0" stroke="#ffd900" stroke-linejoin="round" stroke-linecap="round"></path> <path d="M34 34 l6,6 l6,-6 " fill="#c4a376" stroke-width="0" stroke="#ffd900" stroke-linejoin="round" stroke-linecap="round"></path> <path d="M44 34 l6,6 l6,-6 " fill="#c4a376" stroke-width="0" stroke="#ffd900" stroke-linejoin="round" stroke-linecap="round"></path> <path d="M54 34 l6,6 l6,-6 " fill="#c4a376" stroke-width="0" stroke="#ffd900" stroke-linejoin="round" stroke-linecap="round"></path> <path d="M64 34 l6,6 l6,-6 " fill="#c4a376" stroke-width="0" stroke="#ffd900" stroke-linejoin="round" stroke-linecap="round"></path> <path d="M74 34 l6,6 l6,-6 " fill="#c4a376" stroke-width="0" stroke="#ffd900" stroke-linejoin="round" stroke-linecap="round"></path> <path d="M84 34 l6,6 l6,-6 " fill="#c4a376" stroke-width="0" stroke="#ffd900" stroke-linejoin="round" stroke-linecap="round"></path> <path d="M94 34 l6,6 l6,-6 " fill="#c4a376" stroke-width="0" stroke="#ffd900" stroke-linejoin="round" stroke-linecap="round"></path> </g> <g transform="translate(0 0)"> <path d="M0 60 l6,-6 l6,6 " fill="#ebca9d" stroke-width="0" stroke="#ffd900" stroke-linejoin="round" stroke-linecap="round"></path> <path d="M10 60 l6,-6 l6,6 " fill="#ebca9d" stroke-width="0" stroke="#ffd900" stroke-linejoin="round" stroke-linecap="round"></path> <path d="M20 60 l6,-6 l6,6 " fill="#ebca9d" stroke-width="0" stroke="#ffd900" stroke-linejoin="round" stroke-linecap="round"></path> <path d="M30 60 l6,-6 l6,6 " fill="#ebca9d" stroke-width="0" stroke="#ffd900" stroke-linejoin="round" stroke-linecap="round"></path> <path d="M60 60 l6,-6 l6,6 " fill="#ebca9d" stroke-width="0" stroke="#ffd900" stroke-linejoin="round" stroke-linecap="round"></path> <path d="M50 60 l6,-6 l6,6 " fill="#ebca9d" stroke-width="0" stroke="#ffd900" stroke-linejoin="round" stroke-linecap="round"></path> <path d="M60 60 l6,-6 l6,6 " fill="#ebca9d" stroke-width="0" stroke="#ffd900" stroke-linejoin="round" stroke-linecap="round"></path> <path d="M70 60 l6,-6 l6,6 " fill="#ebca9d" stroke-width="0" stroke="#ffd900" stroke-linejoin="round" stroke-linecap="round"></path> <path d="M80 60 l6,-6 l6,6 " fill="#ebca9d" stroke-width="0" stroke="#ffd900" stroke-linejoin="round" stroke-linecap="round"></path> <path d="M90 60 l6,-6 l6,6 " fill="#ebca9d" stroke-width="0" stroke="#ffd900" stroke-linejoin="round" stroke-linecap="round"></path> <path d="M-6 54 l6,6 l6,-6 " fill="#c4a376" stroke-width="0" stroke="#ffd900" stroke-linejoin="round" stroke-linecap="round"></path> <path d="M4 54 l6,6 l6,-6 " fill="#c4a376" stroke-width="0" stroke="#ffd900" stroke-linejoin="round" stroke-linecap="round"></path> <path d="M14 54 l6,6 l6,-6 " fill="#c4a376" stroke-width="0" stroke="#ffd900" stroke-linejoin="round" stroke-linecap="round"></path> <path d="M24 54 l6,6 l6,-6 " fill="#c4a376" stroke-width="0" stroke="#ffd900" stroke-linejoin="round" stroke-linecap="round"></path> <path d="M34 54 l6,6 l6,-6 " fill="#c4a376" stroke-width="0" stroke="#ffd900" stroke-linejoin="round" stroke-linecap="round"></path> <path d="M44 54 l6,6 l6,-6 " fill="#c4a376" stroke-width="0" stroke="#ffd900" stroke-linejoin="round" stroke-linecap="round"></path> <path d="M54 54 l6,6 l6,-6 " fill="#c4a376" stroke-width="0" stroke="#ffd900" stroke-linejoin="round" stroke-linecap="round"></path> <path d="M64 54 l6,6 l6,-6 " fill="#c4a376" stroke-width="0" stroke="#ffd900" stroke-linejoin="round" stroke-linecap="round"></path> <path d="M74 54 l6,6 l6,-6 " fill="#c4a376" stroke-width="0" stroke="#ffd900" stroke-linejoin="round" stroke-linecap="round"></path> <path d="M84 54 l6,6 l6,-6 " fill="#c4a376" stroke-width="0" stroke="#ffd900" stroke-linejoin="round" stroke-linecap="round"></path> <path d="M94 54 l6,6 l6,-6 " fill="#c4a376" stroke-width="0" stroke="#ffd900" stroke-linejoin="round" stroke-linecap="round"></path> <path d="M0 66 l6,-6 l6,6 " fill="#61431a" stroke-width="0" stroke="#ffd900" stroke-linejoin="round" stroke-linecap="round"></path> <path d="M10 66 l6,-6 l6,6 " fill="#61431a" stroke-width="0" stroke="#ffd900" stroke-linejoin="round" stroke-linecap="round"></path> <path d="M20 66 l6,-6 l6,6 " fill="#61431a" stroke-width="0" stroke="#ffd900" stroke-linejoin="round" stroke-linecap="round"></path> <path d="M30 66 l6,-6 l6,6 " fill="#61431a" stroke-width="0" stroke="#ffd900" stroke-linejoin="round" stroke-linecap="round"></path> <path d="M40 66 l6,-6 l6,6 " fill="#61431a" stroke-width="0" stroke="#ffd900" stroke-linejoin="round" stroke-linecap="round"></path> <path d="M50 66 l6,-6 l6,6 " fill="#61431a" stroke-width="0" stroke="#ffd900" stroke-linejoin="round" stroke-linecap="round"></path> <path d="M60 66 l6,-6 l6,6 " fill="#61431a" stroke-width="0" stroke="#ffd900" stroke-linejoin="round" stroke-linecap="round"></path> <path d="M70 66 l6,-6 l6,6 " fill="#61431a" stroke-width="0" stroke="#ffd900" stroke-linejoin="round" stroke-linecap="round"></path> <path d="M80 66 l6,-6 l6,6 " fill="#61431a" stroke-width="0" stroke="#ffd900" stroke-linejoin="round" stroke-linecap="round"></path> <path d="M90 66 l6,-6 l6,6 " fill="#61431a" stroke-width="0" stroke="#ffd900" stroke-linejoin="round" stroke-linecap="round"></path> <path d="M-6 60 l6,6 l6,-6 " fill="#ebca9d" stroke-width="0" stroke="#ffd900" stroke-linejoin="round" stroke-linecap="round"></path> <path d="M4 60 l6,6 l6,-6 " fill="#ebca9d" stroke-width="0" stroke="#ffd900" stroke-linejoin="round" stroke-linecap="round"></path> <path d="M14 60 l6,6 l6,-6 " fill="#ebca9d" stroke-width="0" stroke="#ffd900" stroke-linejoin="round" stroke-linecap="round"></path> <path d="M24 60 l6,6 l6,-6 " fill="#ebca9d" stroke-width="0" stroke="#ffd900" stroke-linejoin="round" stroke-linecap="round"></path> <path d="M34 60 l6,6 l6,-6 " fill="#ebca9d" stroke-width="0" stroke="#ffd900" stroke-linejoin="round" stroke-linecap="round"></path> <path d="M44 60 l6,6 l6,-6 " fill="#ebca9d" stroke-width="0" stroke="#ffd900" stroke-linejoin="round" stroke-linecap="round"></path> <path d="M54 60 l6,6 l6,-6 " fill="#ebca9d" stroke-width="0" stroke="#ffd900" stroke-linejoin="round" stroke-linecap="round"></path> <path d="M64 60 l6,6 l6,-6 " fill="#ebca9d" stroke-width="0" stroke="#ffd900" stroke-linejoin="round" stroke-linecap="round"></path> <path d="M74 60 l6,6 l6,-6 " fill="#ebca9d" stroke-width="0" stroke="#ffd900" stroke-linejoin="round" stroke-linecap="round"></path> <path d="M84 60 l6,6 l6,-6 " fill="#ebca9d" stroke-width="0" stroke="#ffd900" stroke-linejoin="round" stroke-linecap="round"></path> <path d="M94 60 l6,6 l6,-6 " fill="#ebca9d" stroke-width="0" stroke="#ffd900" stroke-linejoin="round" stroke-linecap="round"></path> </g> <g transform="translate(0 60)"> <path d="M35 31 l2,-9 l9,15 " fill="#FF0000" stroke-width="0.8" stroke=" #FF0000 " stroke-linejoin="round" stroke-linecap="round"></path> <path d="0 31 l2,-9 l9,15 " fill="#FF0000" stroke-width="0.8" stroke=" #FF0000 " stroke-linejoin="round" stroke-linecap="round"></path> <path d="M70 31 l12,-18 l60,35 " fill="#FF0000" stroke-width="0.8" stroke=" #FF0000 " stroke-linejoin="round" stroke-linecap="round"></path> <path d="M4.5 27 l8,5 l15,-15 " fill="#8C0000" stroke-width="0.8" stroke="#b5091c" stroke-linejoin="round" stroke-linecap="round"></path> <path d="M-10 29 l12,-10 l12,15 " fill="#8C0000" stroke-width="0.8" stroke="#b5091c" stroke-linejoin="round" stroke-linecap="round"></path> <path d="M20 30 l6,-10 l13,15 " fill="#8C0000" stroke-width="0.8" stroke="#b5091c" stroke-linejoin="round" stroke-linecap="round"></path> <path d="M40 31 l25,-6 l12,18 " fill="#8C0000" stroke-width="0.8" stroke="#b5091c" stroke-linejoin="round" stroke-linecap="round"></path> <path d="M108 31 l-15,-10 l-12,18 " fill="#8C0000" stroke-width="0.8" stroke="#b5091c" stroke-linejoin="round" stroke-linecap="round"></path> <path d="M0 40 l6,-6 l6,6 " fill="#ffa60d" stroke-width="0.8" stroke="#ffd900" stroke-linejoin="round" stroke-linecap="round"></path> <path d="M1 40 l20,-10 l10,20 " fill="#ffa60d" stroke-width="0.8" stroke="#ffd900" stroke-linejoin="round" stroke-linecap="round"></path> <path d="M20 40 l6,-6 l6,6 " fill="#ffa60d" stroke-width="0.8" stroke="#ffd900" stroke-linejoin="round" stroke-linecap="round"></path> <path d="M30 40 l16,-15 l1,20 " fill="#ffa60d" stroke-width="0.8" stroke="#ffd900" stroke-linejoin="round" stroke-linecap="round"></path> <path d="M40 40 l6,-6 l6,6 " fill="#ffa60d" stroke-width="0.8" stroke="#ffd900" stroke-linejoin="round" stroke-linecap="round"></path> <path d="M50 40 l6,-6 l6,6 " fill="#ffa60d" stroke-width="0.8" stroke="#ffd900" stroke-linejoin="round" stroke-linecap="round"></path> <path d="M60 40 l6,-6 l6,6 " fill="#ffa60d" stroke-width="0.8" stroke="#ffd900" stroke-linejoin="round" stroke-linecap="round"></path> <path d="M70 40 l15,-7 l12,7 " fill="#ffa60d" stroke-width="0.8" stroke="#ffd900" stroke-linejoin="round" stroke-linecap="round"></path> <path d="M80 40 l6,-6 l6,6 " fill="#ffa60d" stroke-width="0.8" stroke="#ffd900" stroke-linejoin="round" stroke-linecap="round"></path> <path d="M90 40 l6,-6 l6,6 " fill="#ffa60d" stroke-width="0.8" stroke="#ffd900" stroke-linejoin="round" stroke-linecap="round"></path> <path d="M-6 34 l6,6 l6,-6 " fill="#f7300c" stroke-width="0.8" stroke="#ff3c00" stroke-linejoin="round" stroke-linecap="round"></path> <path d="M-5 30 l13,9 9,-5 " fill="#f7300c" stroke-width="0.8" stroke="#ff3c00" stroke-linejoin="round" stroke-linecap="round"></path> <path d="M20 30 l-18,12 l-6,-6 " fill="#f7300c" stroke-width="0.8" stroke="#ff3c00" stroke-linejoin="round" stroke-linecap="round"></path> <path d="M17 30 l12,8 l3,-6 " fill="#f7300c" stroke-width="0.8" stroke="#ff3c00" stroke-linejoin="round" stroke-linecap="round"></path> <path d="M26 33 l6,6 l6,-6 " fill="#f7300c" stroke-width="0.8" stroke="#ff3c00" stroke-linejoin="round" stroke-linecap="round"></path> <path d="M44 28 l1,16 l6,-6 " fill="#f7300c" stroke-width="0.8" stroke="#ff3c00" stroke-linejoin="round" stroke-linecap="round"></path> <path d="M62 30 l-12,9 l-6,-6 " fill="#f7300c" stroke-width="0.8" stroke="#ff3c00" stroke-linejoin="round" stroke-linecap="round"></path> <path d="M65 33 l12,10 l12,-20 " fill="#f7300c" stroke-width="0.8" stroke="#ff3c00" stroke-linejoin="round" stroke-linecap="round"></path> <path d="M51 33 l12,6 l6,-6 " fill="#f7300c" stroke-width="0.8" stroke="#ff3c00" stroke-linejoin="round" stroke-linecap="round"></path> <path d="M80 30 l15,10 l6,-6 " fill="#f7300c" stroke-width="0.8" stroke="#ff3c00" stroke-linejoin="round" stroke-linecap="round"></path> <path d="M94 33 l6,6 l6,-6 " fill="#f7300c" stroke-width="0.8" stroke="#ff3c00" stroke-linejoin="round" stroke-linecap="round"></path>--> </g> <path class="firee" d="M-200 100 Q 1 16, 40 87 T 190 100 z" stroke="" fill="#f05000" opacity="40%"/> <path class="firee2" d="M100 120 Q 180 -10, 40 87 T 230 100 z" stroke="" fill="#ff2626" opacity="35%"/> <g id="chicken" transform="translate(40% 60%)"> <path d="M9,-28.5 l-1,-3 l3,1.5 z" fill="red" stroke-width="0.1" stroke="red" stroke-linejoin="round" stroke-linecap="round"></path> <path d="M8.5,-27 l-1,-3 l3,1.5 z" fill="red" stroke-width="0.1" stroke="red" stroke-lin5ejoin="round" stroke-linecap="round"></path> <path d="M11.5,-30 l1,-0.9 l2.2,1 v2 z" fill="red" stroke-width="0.1" stroke="red" stroke-linejoin="round" stroke-linecap="round"></path> <path d="M-1,7.1 l-3,-0 l-4,2 l4,2 z " fill="#cfba9b" stroke-width="0.2" stroke="#cfba9b"></path> <path d="M13.7,7.3 l11.2,-5 l-5,-14 l-9,4.3 z" fill="#f5d198" stroke-width="0.25" stroke="#f5d198"></path> <path d="M0,0 l14,7 l-4,10 l-12,-10" fill="#f5d198" stroke-width="0.25" stroke="#f5d198" stroke-linejoin="round" stroke-linecap="round"></path> <path d="M14,7 l11,-5 l-4,10 l-11,5" fill="#8f7654"></path> <path d="M0,0 l11,-7.5 l3,14.6 z " fill="#fadeb1" stroke-width=".25" stroke=""></path> <path d="M0,0 l2,-9 l9,1.8 z " fill="#fce6c2" stroke-width="0" stroke="black" stroke-linejoin="round" stroke-linecap="round"></path> <path d="M2,-9 l5,-18 l4,-3 l 4,1 l1,2 l-2.5,6 l6.6,10 l-8.9,4.5 z " fill="#fadeb1" stroke-width="0.3" stroke="#fadeb1" stroke-linejoin="round" stroke-linecap="round"></path> <path d="M15.3,-24.8 l-1.5,4.5 l-4.5,0.1 l1.5,-4.5z" fill="#f5d198" stroke-width="0" stroke="#f5d198" stroke-linejoin="round" stroke-linecap="round"></path> <path d="M21.2,9.4 l-1,7 l-1.5,-0.6 l1,-7" fill="#d19c15" stroke-width="0.2" stroke="#d19c15"></path> <path d="M20.8,8.4 l-1,7 l1.5,-0.6 l1,-7" fill="#EABF00" stroke-width="0.2" stroke="#D1B96A"></path> <path class="shoes1" d="M18.8,19.5 c8,3 8,-5 0,-5z " fill="#2608AD" stroke-width="0.2" stroke="#2608AD"></path> <path d="M16.9,15.2 l1,7 l-1.5,-0.6 l-1,-7" fill="#d19c15" stroke-width="0.2" stroke="#d19c15"></path> <path d="M16.5,15 l1,7 l1.5,-0.6 l-1,-7" fill="#EABF00" stroke-width="0.2" stroke="#D1B96A"></path> <path class="shoes2"d="M16.8,25 c10,-1 6,-8 -1,-5z c-10,-1 2 -1,-5" fill="#368906" stroke-width="0.2" stroke="#368906"></path> <path d="M19,6.5 l0.6,3.5 l-2,1z" fill="#634c2a" stroke-width="0.1" stroke="#634c2a"></path> <path d="M22,8.9 l-5,4 v-2" fill="#634c2a" stroke-width="0.2" stroke="#634c2a"></path> <path d="M-1.1,7.9 l-3,-0 l-7,2 l8,6 l6,2 l7.4,-1 z " fill="#dbbb88" stroke-width="0.2" stroke="#ebc994"></path> <path d="M15.6,11 l-0.1,4.5 l2.7,-1 l-0.1,-4.2 z" fill="#dbbb88" stroke-width="0.2" stroke="#dbbb88"></path> <path d="M19,6.5 l0.6,3.5 l2.9,-1.2 l-1,-3.5 z" fill="#dbbb88" stroke-width="0.2" stroke="#dbbb88"></path> <path d="M15.6,11 l-0.1,4.5 l-3,-1z" fill="#634c2a" stroke-width="0.2" stroke="#634c2a"></path> <path d="M15.6,11 l-0.1,4.5 l-3,-1z" fill="#634c2a" stroke-width="0.2" stroke="#634c2a"></path> <!--wing--> <g id="wing"> <path d="M-8.5,3.9 c9,7 20,-3 4,-5 l-5,6" fill="#e6cc9e" stroke-width="0.2" stroke="#e6cc9e"></path> <path d="M-10,4 l3,2 l5,-0" fill="#dbbb88" stroke-width="0" stroke="#dbbb88"></path> <path d="M-10,4 l3,2 l5,-0" fill="#8f7654" stroke-width="0" stroke="#8f7654"></path> <path d="M-10,4 c9,7 20,-3 4,-5 l1,1 l-3,0.6 l0,3 l-2,-0" fill="#dbbb88" stroke-width="0.2" stroke="#dbbb88"></path></g> <!--wing--> <path d="M12.5,-27.6 l5,0 l-5,2z" fill="#d1b243" stroke-width="1" stroke="#d1b243" stroke-linejoin="round" stroke-linecap="round"></path> <path d="M12.5,-28.1 l4,-1 l-4,3z" fill="#fd747" stroke-width="1" stroke="#ffd747" stroke-linejoin="round" stroke-linecap="round"></path> <g transform="translate(-3 -60)"> <circle cx="12.5" cy="33.5" fill="#f5d198" r="1.5"/> <circle cx="12.5" cy="33.5" fill="black" r="1"/> <circle cx="12.25" cy="33.25" fill="white" r="0.4"/> </g> <g transform="translate(11.5 -22.5)"> <path d="M0,0 c-3,3 3,2 2,-1z" fill="#c71a0e" stroke-width="0.2" stroke="#c71a0e"></path> <path d="M0,0 c6,3 4,-1 2,-1z" fill="#c71a0e" stroke-width="0.2" stroke="#c71a0e"></path> </g> <g transform="translate(11.5 -23)"> <path d="M0,0 c-3,3 3,2 2,-1z" fill="red" stroke-width="0.2" stroke="red"></path> <path d="M0,0 c6,3 4,-1 2,-1z" fill="red" stroke-width="0.2" stroke="red"></path> </g> <g transform="translate(27.5 -38.1)"> <path d="M8 2 Q -4 5, -10 10 T -1 -3" stroke="black" fill="transparent" stroke-width="0.3"/> </g> <g id="balloongreen "transform="translate(37 -37.6) rotate(40)" onclick="balloonn(this)"> <path d="M-7.1 -7.6 l2,-5.5 l5,-3.5 v7z" fill=" #42ad47" stroke-width="0.3" stroke="#42ad47" stroke-linejoin="round" stroke-linecap="round"/> <path d="M0.2 -9.5 v-7 l4.5,2 l3,6" fill=" #42ad47" stroke-width="0.3" stroke="#42ad47" stroke-linejoin="round" stroke-linecap="round"/> <path d="M-3 -6 l0.3,-8 l2.5,-2.5 l2.5,2.5 l0.3,6.8" fill=" #53c956" stroke-width="0.3" stroke="#53c956" stroke-linejoin="round" stroke-linecap="round"/> <path d="M-6.1 -4.4 l-1,-4 l5.5,-0.4 l-0.3,4" fill=" #2c912f" stroke-width="0.3" stroke="#2c912f" stroke-linejoin="round" stroke-linecap="round"/> <path d="M-1.6 -4.4 l0.3,-4.5 h5 l-0.5,4" fill=" #4cb04f" stroke-width="0.3" stroke="#4cb04f" stroke-linejoin="round" stroke-linecap="round"/> <path d="M2.1 -4.4 l0.3,-4.5 h5.5 l-2,4.4" fill=" #32a635" stroke-width="0.3" stroke="#32a635" stroke-linejoin="round" stroke-linecap="round"/> <path d="M-4.1 -2.4 l-2,-2 4.5,-0.3 l-0.5,3" fill=" #145c16" stroke-width="0.3" stroke="#145c16" stroke-linejoin="round" stroke-linecap="round"/> <path d="M-1.8 -2.4 l0.5,-2.4 l4.3,-0.1 l0.5,3" fill="#329c34" stroke-width="0.3" stroke="#329c34" stroke-linejoin="round" stroke-linecap="round"/> <path d="M2.6 -2.5 l-0.5,-2.5 h4 l-2.6,3" fill="#2c912f" stroke-width="0.3" stroke="#2c912f" stroke-linejoin="round" stroke-linecap="round"/> <path d="M0 0 l-1.5,2 h3 z" fill="#0e260e" stroke-width="0.3" stroke="#0e260e" stroke-linejoin="round" stroke-linecap="round"/> <path d="M0 -0.3 l4,-2 h-8 z" fill=" #173d18 " stroke-width="0.3" stroke=" #173d18 " stroke-linejoin="round" stroke-linecap="round"/> </g> <g id="balloonnah "transform="translate(-20 0) " onclick="balloonnn(this)"> <path d="M-7.1 -7.6 l2,-5.5 l5,-3.5 v7z" fill=" #42ad47" stroke-width="0.3" stroke="#42ad47" stroke-linejoin="round" stroke-linecap="round"/> <path d="M0.2 -9.5 v-7 l4.5,2 l3,6" fill=" #42ad47" stroke-width="0.3" stroke="#42ad47" stroke-linejoin="round" stroke-linecap="round"/> <path d="M-3 -6 l0.3,-8 l2.5,-2.5 l2.5,2.5 l0.3,6.8" fill=" #53c956" stroke-width="0.3" stroke="#53c956" stroke-linejoin="round" stroke-linecap="round"/> <path d="M-6.1 -4.4 l-1,-4 l5.5,-0.4 l-0.3,4" fill=" #2c912f" stroke-width="0.3" stroke="#2c912f" stroke-linejoin="round" stroke-linecap="round"/> <path d="M-1.6 -4.4 l0.3,-4.5 h5 l-0.5,4" fill=" #4cb04f" stroke-width="0.3" stroke="#4cb04f" stroke-linejoin="round" stroke-linecap="round"/> <path d="M2.1 -4.4 l0.3,-4.5 h5.5 l-2,4.4" fill=" #32a635" stroke-width="0.3" stroke="#32a635" stroke-linejoin="round" stroke-linecap="round"/> <path d="M-4.1 -2.4 l-2,-2 4.5,-0.3 l-0.5,3" fill=" #145c16" stroke-width="0.3" stroke="#145c16" stroke-linejoin="round" stroke-linecap="round"/> <path d="M-1.8 -2.4 l0.5,-2.4 l4.3,-0.1 l0.5,3" fill="#329c34" stroke-width="0.3" stroke="#329c34" stroke-linejoin="round" stroke-linecap="round"/> <path d="M2.6 -2.5 l-0.5,-2.5 h4 l-2.6,3" fill="#2c912f" stroke-width="0.3" stroke="#2c912f" stroke-linejoin="round" stroke-linecap="round"/> <path d="M0 0 l-1.5,2 h3 z" fill="#0e260e" stroke-width="0.3" stroke="#0e260e" stroke-linejoin="round" stroke-linecap="round"/> <path d="M0 -0.3 l4,-2 h-8 z" fill=" #173d18 " stroke-width="0.3" stroke=" #173d18 " stroke-linejoin="round" stroke-linecap="round"/> </g> <g id="balloonpink" transform="translate(27 -42.6) rotate(20)" onclick="balloon(this)"> <path d="M-6.2 -6.4 l2,-4.5 l5,-3.5 v6z" fill=" #f06cae" stroke-width="0.3" stroke="#f06cae" stroke-linejoin="round" stroke-linecap="round"/> <path d="M0.7 -8.5 v-6 l4,3 l1.8,4" fill=" #f06cae" stroke-width="0.3" stroke="#f06cae" stroke-linejoin="round" stroke-linecap="round"/> <path d="M-1 -6 l0.3,-5.8 l1.5,-2.5 l1.5,2.5 l0.3,5.8" fill=" #ff96ca" stroke-width="0.3" stroke="#ff96ca" stroke-linejoin="round" stroke-linecap="round"/> <path d="M-6.1 -4.4 l0,-3 l4.5,-0.4 l-0.3,4" fill=" #cf5b95" stroke-width="0.3" stroke="#cf5b95" stroke-linejoin="round" stroke-linecap="round"/> <path d="M-1.6 -4.4 l0.3,-3.5 h5 l-0.5,3" fill=" #eb6ead" stroke-width="0.3" stroke="#eb6ead" stroke-linejoin="round" stroke-linecap="round"/> <path d="M2.1 -4.4 l0.3,-3.5 h4 l-0.5,3" fill=" #f2499e" stroke-width="0.3" stroke="#f2499e" stroke-linejoin="round" stroke-linecap="round"/> <path d="M-4.1 -2.4 l-2,-2 4.5,-0.3 l-0.5,3" fill=" #ba4580" stroke-width="0.3" stroke="#ba4580" stroke-linejoin="round" stroke-linecap="round"/> <path d="M-1.8 -2.4 l0.5,-2.4 l4.3,-0.1 l0.5,3" fill="#de5d9e" stroke-width="0.3" stroke="#de5d9e" stroke-linejoin="round" stroke-linecap="round"/> <path d="M2.6 -2.5 l-0.5,-2.5 h4 l-2.6,3" fill="#d44c90" stroke-width="0.3" stroke="#d44c90" stroke-linejoin="round" stroke-linecap="round"/> <path d="M0 0 l-1.5,2 h3 z" fill="#7a003e" stroke-width="0.3" stroke="#7a003e" stroke-linejoin="round" stroke-linecap="round"/> <path d="M0 -0.3 l4,-2 h-8 z" fill=" #c44384 " stroke-width="0.3" stroke=" #c44384 " stroke-linejoin="round" stroke-linecap="round"/> </g> </g> </svg> <img src="https://cdn.discordapp.com/attachments/798606239537954816/840553738989338644/unknown.png"> <script> function balloon(){ alert("“น้องไก่น่ารักมั้ยค้าบบ :p ”") } function balloonn(){ alert("“วิชามัลติสนุกที่สุดเลยค่าา :)”") } function balloonnn(){ alert("“ไ่ก่อบโอ่งร้อนๆคับบ”") } </script> </body> </html>