Group C Team Getty
✨ นายดรณ์ นุตเวช
<html> <head> <title>Let's Start </title> <style> body{ background:#333; margin:1em; font-family:sans-serif; } svg{ background:#eee; } </style> </head> <body> <svg viewbox="0 0 40 40"> <circle cx=12 cy="9" fill="#" r="3" stroke="#000000" stroke-width="0.1"></circle> <circle cx=28 cy="9" fill="#" r="3" stroke="#000000" stroke-width="0.1"></circle> <circle cx="20" cy="15" fill="#ffffff" r="10" stroke="#000000" stroke-width="0.1"></circle> <circle cx=16 cy="13" fill="#0000" r="2" stroke="#000000" stroke-width=""></circle>eye <circle cx=24 cy="13" fill="#0000" r="2" stroke="#000000" stroke-width=""></circle> <ellipse cx = "20" cy = "16" rx = "1.5" ry = "1"></ellipse> <circle cx=20 cy="20" fill="#ff3050" r="2" stroke="#000000" stroke-width="0.1"></circle> <text x="27" y="4" fill="black" style="font-size:1.5;">วี-วีระวัฒน์</text> </svg> <svg viewbox="0 0 40 40"> <circle cx="28" cy="4" fill="#" r="3" stroke="#000000" stroke-width="0.1"></circle> <circle cx="12" cy="4" fill="#" r="3" stroke="#000000" stroke-width="0.1"></circle> <circle cx="12" cy="4" fill="#FFC0CB" r="2" stroke="#F0F0F0" stroke-width="0.1"></circle> <circle cx="28" cy="4" fill="#FFC0CB" r="2" stroke="#F0F0F0" stroke-width="0.1"></circle> <circle cx="20" cy="11" fill="#909090" r="10" stroke="#808080 " stroke-width="0.1"></circle> <!-- <circle cx="25" cy="8" fill="#" r="2" stroke="#000000" stroke-width="0.1"></circle> --> <!-- <circle cx="15" cy="8" fill="#" r="2" stroke="#000000" stroke-width="0.1"></circle> --> <ellipse cx="15" cy="9" rx="2" ry="3" fill="#000000" /> <ellipse cx="25" cy="9" rx="2" ry="3" fill="#000000" /> <ellipse cx="20" cy="14" rx="2" ry="1" fill="#FFC0CB" /> <circle cx="15" cy="7" fill="white" r="0.75" stroke-width=""></circle> <circle cx="25" cy="7" fill="white" r="0.75" stroke-width=""></circle> <line x1="16" y1="13" x2="6" y2="7" stroke="#000000" stroke-width="0.1" /> <line x1="16" y1="14" x2="6" y2="14" stroke="#000000" stroke-width="0.1" /> <line x1="16" y1="15" x2="6" y2="19" stroke="#000000" stroke-width="0.1" /> <line x1="24" y1="13" x2="36" y2="7" stroke="#000000" stroke-width="0.1" /> <line x1="24" y1="14" x2="36" y2="14" stroke="#000000" stroke-width="0.1" /> <line x1="24" y1="15" x2="36" y2="19" stroke="#000000" stroke-width="0.1" /> <ellipse cx="20" cy="17.5" rx="3" ry="1" fill="#E0E0E0" /> <rect x="19" y="16.58" width="1" height="1" fill="#FFFFFF" stroke="#E8E8E8" stroke-width="0.1"/> <rect x="20" y="16.58" width="1" height="1" fill="#FFFFFF"stroke="#E8E8E8" stroke-width="0.1"/> <ellipse cx="20" cy="18.25" rx="1.5" ry="0.25" fill="red" /> <text x="1" y="5" fill="black" style="font-size:1.5;">ดอน-ดรณ์</text> <!-- <line x1="24" y1="12" x2="36" y2="6" stroke="hsl(30,70%,30%)" stroke-width="0.1" /> <line x1="24" y1="13" x2="36" y2="13" stroke="hsl(30,70%,30%)" stroke-width="0.1" /> <line x1="24" y1="14" x2="36" y2="18" stroke="hsl(30,70%,30%)" stroke-width="0.1" /> --> </svg> <svg viewBox="0 0 40 40"> <text x="25" y="5" fill="black" style="font-size:2;">นัท-ธนาพงศ์</text> <rect x="17" y="-4" width="6" height="6" rx="2.3" fill="#999999" style="transform: rotateZ(50deg);"/> <rect x="25.8" y="-14" width="6" height="6" rx="2.3" fill="#999999" style="transform: rotateZ(50deg);"/> <rect x="12" y="14" width="16" height="16" rx="6" fill="#999999"/> <ellipse cx="20" cy="30" rx="11" ry="7" fill="#c6c6c6" /> <circle cx="16" cy="20" r="1" fill="black" > <!-- <animate attributeName="r" values="1;.5;.5;.6;1;" dur="10s" repeatCount="indefinite" /> --> <animate attributeName="cx" values="16;16;15;15;16;" dur="15s" repeatCount="indefinite" /> </circle> <circle cx="24" cy="20" r="1" fill="black" > <!-- <animate attributeName="r" values="1;.5;.5;.6;1;" dur="10s" repeatCount="indefinite" /> --> <animate attributeName="cx" values="24;24;23;23;24;" dur="15s" repeatCount="indefinite" /> </circle> <ellipse cx="16" cy="26" rx="1.5" ry=".8" fill="#999999" /> <ellipse cx="24" cy="26" rx="1.5" ry=".8" fill="#999999" /> <path d="M 15 31 Q 15 35, 18 32.3" stroke="white" stroke-width=".1" fill="white" /> <path d="M 25 31 Q 26 35, 22.5 32.3" stroke="white" stroke-width=".1" fill="white" /> <path d="M 14 30 Q 20 35, 26 30" stroke="black" stroke-width=".5" fill="transparent" /> <rect x="14.5" y="17" width="4" height="1" fill="#757575"></rect> <rect x="22.2" y="17" width="4" height="1" fill="#757575"></rect> </svg> <svg viewBox="0 0 70 70"> <ellipse cx="10" cy="36" rx="9" ry="6" style="fill:yellow;stroke:black;stroke-width:0.1" /> <circle cx="6" cy="34" r="1" stroke="black" stroke-width="0.01" fill="black" /> <ellipse cx="9" cy=28 rx="0.4" ry="4" style="fill:black;stroke:black;stroke-width:0.1" /> <circle cx="5.5" cy="33.5" r="0.4" stroke="black" stroke-width="0.01" fill="white" /> <circle cx="4" cy="38" r="2" stroke="black" stroke-width="0.01" fill="red" > <animate attributeName="r" values="1;1.5;1" dur="2s" repeatCount="indefinite" /></circle> <ellipse cx="25" cy="36" rx="7" ry="6" style="fill:black;stroke:black;stroke-width:0.1" /> <ellipse cx="25" cy="47" rx="0.4" ry="7" style="fill:black;stroke:black;stroke-width:0.1" /> <ellipse cx="35" cy="45" rx="0.4" ry="7" style="fill:black;stroke:black;stroke-width:0.1" /> <ellipse cx="45" cy="46" rx="0.4" ry="7" style="fill:black;stroke:black;stroke-width:0.1" /> <ellipse cx="55" cy="48" rx="0.4" ry="7" style="fill:black;stroke:black;stroke-width:0.1" /> <ellipse cx="49" cy="36" rx="18" ry="10"style="fill:yellow;stroke:black;stroke-width:0.1" > <animate attributeName="ry" values="10;7;7;7;7" dur="2s" repeatCount="indefinite" /> </ellipse> <ellipse class="flys" cx="44" cy="30" rx="20" ry="5"style="fill:white;stroke:black;stroke-width:0.1" 1 /> <ellipse class="flys "cx="41" cy="31.5" rx="20" ry="5"style="fill:white;stroke:black;stroke-width:0.1" 1 /> <ellipse class="flys "cx="40" cy="32.5" rx="20" ry="5"style="fill:white;stroke:black;stroke-width:0.1" 1 /> <ellipse class="flys "cx="39.5" cy="33.5" rx="20" ry="5"style="fill:white;stroke:black;stroke-width:0.1" 1 /> <text x="25" y="15" fill="black" style="font-size:2;">อาร์ต - ธรรมนูญ</text> </svg> <style> body{ background:#333; margin:1em; } @keyframes fly{ from{transform: rotatez(0deg);} to{transform: rotatez(3deg);} } .flys{ animation: fly 0.5s infinite alternate; } svg{ background-image:url("https://image.freepik.com/free-vector/cartoon-forest-scene-with-many-trees_43633-5045.jpg"); background-repeat:no-repeat; background-size: 150%; } </style> </body> </html>