Group D Team Getty
✨ Chakraphat Sudjai
<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="14" cy="15" fill="#ff9a9f" r="3" stroke="#ffb9b4" stroke-width="1"></circle> <circle cx="26" cy="15" fill="#ff9a9f" r="3" stroke="#ffb9b4" stroke-width="1"></circle> <circle cx="20" cy="20" fill="#ffb9b4" r="8"></circle> <circle cx="17" cy="20" fill="#4b3f4e" r="0.5"></circle> <circle cx="23" cy="20" fill="#4b3f4e" r="0.5"></circle> <ellipse cx="20" cy="24" fill="#ff9a9f" rx="3" ry="2"></ellipse> <circle cx="19" cy="24" fill="#bd4150" r=0.7></circle> <circle cx="21" cy="24" fill="#bd4150" r=0.7></circle> <text x="27" y="4" fill="black" style="font-size:1.5;">ฟิวส์-วริศ</text> <!-- Grid --> <defs> <pattern id="grid" viewBox="0,0,10,10" width="1%" height="1%"> <rect fill="#0001" width="1" height="10" x="1" y="0"/> <rect fill="#0001" width="1" height="10" x="3" y="0"/> <rect fill="#0001" width="1" height="10" x="5" y="0"/> <rect fill="#0001" width="1" height="10" x="7" y="0"/> <rect fill="#0001" width="1" height="10" x="9" y="0"/> <rect fill="#0001" width="10" height="1" x="0" y="1"/> <rect fill="#0001" width="10" height="1" x="0" y="3"/> <rect fill="#0001" width="10" height="1" x="0" y="5"/> <rect fill="#0001" width="10" height="1" x="0" y="7"/> <rect fill="#0001" width="10" height="1" x="0" y="9"/> <path d="M0 0 h10 L9 1 h-8 v8 L0 10 z" fill="#ff05"/> <path d="M10 10 h-10 L1 9 h8 v-8 L10 0 z" fill="#0f05"/> <rect fill="#0002" width="10" height=".1" x="0" y="9.9"/> <rect fill="#0002" width="10" height=".1" x="0" y="0"/> <rect fill="#0002" height="10" width=".1" y="0" x="9.9"/> <rect fill="#0002" height="10" width=".1" y="0" x="0"/> </pattern> </defs> <!--<rect fill="url(#grid)" width="1000" height="1000" x="0" y="0"/>--> </svg> </body> </html> <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="14" r="5" style="fill:#F29318"></circle> <circle cx="12" cy="14" r="3.5" style="fill:black"></circle> <svg x="20"> <circle cx="8" cy="14" r="5" style="fill:#F29318"></circle> <circle cx="8" cy="14" r="3.5" style="fill:black"></circle> </svg> <ellipse cx="20" cy="22" rx="13" ry="12" style="fill:#F29318" stroke="hsl(180,10%,10%)" stroke-width="0.01" /> <path d = "M 12.5 15 q 3 0 6 0" stroke = "hsl(30,70%,10%)"></path> <path d = "M 21.5 15 q 4 0 6 0" stroke = "hsl(30,70%,10%)"></path> <svg x="0.9"> <ellipse cx="15" cy="19" rx="1.5" ry="1.5" fill="hsl(30,70%,10%)" /> <circle cx="15" cy="19" rx="0.3" ry="0.3" fill="white"> <animate attributeName="r" values="0.1;0.2;0.3" dur="4s" repeatCount="indefinite" /> </circle> </svg> <svg x="7.2"> <ellipse cx="17" cy="19" rx="1.5" ry="1.5" fill="hsl(30,70%,10%)" /> <circle cx="17" cy="19" rx="0.3" ry="0.3" fill="white"> <animate attributeName="r" values="0.1;0.2;0.3" dur="4s" repeatCount="indefinite" /> </circle> </svg> <svg x="7" y = "-3"> <line x1="24" y1="24" x2="21" y2="25" stroke="hsl(30,70%,30%)" stroke-width="0.2" /> </svg> <svg x="7" y = "-2"> <line x1="24" y1="24" x2="21" y2="25" stroke="hsl(30,70%,30%)" stroke-width="0.2" /> </svg> <svg x="7" y = "-1"> <line x1="24" y1="24" x2="21" y2="25" stroke="hsl(30,70%,30%)" stroke-width="0.2" /> </svg> <svg x="-9" y = "-3"> <line x1="18" y1="24" x2="21" y2="25" stroke="hsl(30,70%,30%)" stroke-width="0.2" /> </svg> <svg x="-9" y = "-2"> <line x1="18" y1="24" x2="21" y2="25" stroke="hsl(30,70%,30%)" stroke-width="0.2" /> </svg> <svg x="-9" y = "-1"> <line x1="18" y1="24" x2="21" y2="25" stroke="hsl(30,70%,30%)" stroke-width="0.2" /> </svg> <svg y="3"> <ellipse cx="20" cy="22" rx="3" ry="2" fill="hsl(30,70%,10%)" stroke="red" stroke-width="0.02" /> <line x1="20" y1="24" x2="20" y2="29" stroke="hsl(30,70%,30%)" stroke-width="0.1" stroke-linecap="round" /> <ellipse cx="20" cy="29" rx="2" ry="1" fill="hsl(30,70%,10%)" stroke="red" stroke-width="0.02" > <animate attributeName="rx" values="2;1;2" dur="4s" repeatCount="indefinite" /> </ellipse> <text x="27" y="4" fill="black" style="font-size:1.5;">ต้นกล้า จักราภัทร</text> </svg> <!-- Grid --> <defs> <pattern id="grid" viewBox="0,0,10,10" width="1%" height="1%"> <rect fill="#0001" width="1" height="10" x="1" y="0"/> <rect fill="#0001" width="1" height="10" x="3" y="0"/> <rect fill="#0001" width="1" height="10" x="5" y="0"/> <rect fill="#0001" width="1" height="10" x="7" y="0"/> <rect fill="#0001" width="1" height="10" x="9" y="0"/> <rect fill="#0001" width="10" height="1" x="0" y="1"/> <rect fill="#0001" width="10" height="1" x="0" y="3"/> <rect fill="#0001" width="10" height="1" x="0" y="5"/> <rect fill="#0001" width="10" height="1" x="0" y="7"/> <rect fill="#0001" width="10" height="1" x="0" y="9"/> <path d="M0 0 h10 L9 1 h-8 v8 L0 10 z" fill="#ff05"/> <path d="M10 10 h-10 L1 9 h8 v-8 L10 0 z" fill="#0f05"/> <rect fill="#0002" width="10" height=".1" x="0" y="9.9"/> <rect fill="#0002" width="10" height=".1" x="0" y="0"/> <rect fill="#0002" height="10" width=".1" y="0" x="9.9"/> <rect fill="#0002" height="10" width=".1" y="0" x="0"/> </pattern> </defs> <!-- <rect fill="url(#grid)" width="1000" height="1000" x="0" y="0"/> --> </svg> </body> </html> <html> <head> <style> body{ background:black; } svg{ background:white; } </style> </head> <body> <svg viewbox="0 0 200 200"> <rect width="100%" height="100%" style="fill:white"/> <path d="M 170 55 Q 160 0 110 30" stroke="black" fill="hsl(34, 83%, 74%)"/> <circle cx="100" cy="100" r="75" stroke-width="1" fill="hsl(34, 83%, 74%)" stroke="black" /> <polygon fill="hsl(0, 83%, 74%)" points="80, 125,100,110,120,125"/> <path d="M 100 110 Q 120 140 140 110" stroke="black" fill="hsl(34, 83%, 74%)"/> <path d="M 100 110 Q 80 140 60 110" stroke="black" fill="hsl(34, 83%, 74%)"/> <path d="M 120 125 Q 100 200 80 125" stroke="black" fill="hsl(0, 83%, 74%)"/> <ellipse cx="100" cy="105" rx="8" ry="5" fill="black"/> <path d="M 120 30 Q 135 20 150 55" stroke="black" fill="hsl(34, 83%, 74%)"/> <path d="M 150 55 Q 160 80 170 55" stroke="black" fill="hsl(34, 83%, 74%)"/> <path d="M 170 55 Q 160 0 110 30" stroke="black" fill="hsl(34, 83%, 74%)"/> <path d="M 80 30 Q 65 20 50 55" stroke="black" fill="hsl(34, 83%, 74%)"/> <path d="M 50 55 Q 40 80 30 55" stroke="black" fill="hsl(34, 83%, 74%)"/> <path d="M 30 55 Q 40 0 90 30" stroke="black" fill="hsl(34, 83%, 74%)"/> <polygon fill="hsl(34, 83%, 74%)" points="150,45,170,55,160,60"/> <polygon fill="hsl(34, 83%, 74%)" points="50,45,30,55,40,60"/> <circle cx="130" cy="75" r="10" fill="white" /> <circle cx="130" cy="75" r="7" fill="black" /> <circle cx="127" cy="72" r="1.5" fill="white" /> <circle cx="70" cy="75" r="10" fill="white" /> <circle cx="70" cy="75" r="7" fill="black" /> <circle cx="73" cy="72" r="1.5" fill="white" /> <line x1="100" y1="110" x2="100" y2="150" stroke="black" /> <circle cx="120" cy="120" r="1" fill="black" /> <circle cx="125" cy="114" r="1" fill="black" /> <circle cx="117" cy="116" r="1" fill="black" /> <circle cx="115" cy="110" r="1" fill="black" /> <circle cx="84" cy="114" r="1" fill="black" /> <circle cx="89" cy="113" r="1" fill="black" /> <circle cx="80" cy="122" r="1" fill="black" /> <circle cx="78" cy="115" r="1" fill="black" /> <text x="150" y="11" fill="black" style="font-size:7;">พี-เมษา</text> </svg> </body> </html> <html> <head> <title>Let's Start </title> </head> <body> <svg viewBox ="0 0 40 30"> <circle cx = "13" cy = "15" r = "3" fill = "hsl(30, 80%, 30%)"></circle> <circle cx = "27" cy = "15" r = "3" fill = "hsl(30, 80%, 30%)"></circle> <ellipse cx = "13" cy = "15" rx = "2" ry = "2.25" fill = "hsl(30, 70%, 80%)"></ellipse> <ellipse cx = "27" cy = "15" rx = "2" ry = "2.25" fill = "hsl(30, 70%, 80%)"></ellipse> <ellipse cx = "20" cy = "15" rx = "7" ry = "8" fill = "hsl(30, 80%, 30%)"></ellipse> <ellipse cx = "17.5" cy = "14" rx = "3" ry = "4" fill = "hsl(30, 70%, 80%)"></ellipse> <ellipse cx = "22.5" cy = "14" rx = "3" ry = 4 fill = "hsl(30, 70%, 80%)"></ellipse> <ellipse cx = "20" cy = "18" rx = "6" ry = "4.5" fill = "hsl(30, 70%, 80%)"></ellipse> <ellipse cx = "17.5" cy = "14" rx = "1" ry = "1.5" fill = "white"></ellipse> <ellipse cx = "17.5" cy = "14" rx = "0.6" ry = "1"></ellipse> <ellipse cx = "22.5" cy = "14" rx = "1" ry = "1.5" fill = "white"></ellipse> <ellipse cx = "22.5" cy = "14" rx = "0.6" ry = "1"></ellipse> <ellipse cx = "20" cy = "16.5" rx = "1" ry = "0.6" fill = "hsl(30, 80%, 30%)"></ellipse> <path d = "M 19 19 q 1 3 2 0" stroke = "black" stroke-width="0.1"></path> <path d = "M 16.5 12 q 1 -1 2 0" stroke = "black"></path> <path d = "M 21.5 12 q 1 -1 2 0" stroke = "black"></path> <text x="27" y="4" fill="black" style="font-size:1.5;">คิม ภาสกร</text> </svg> </body> </html> <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 100 100"> <circle cx="50" cy="50" r="25" fill="#fbd3b1 " /> <circle cx="50" cy="75" r="2" fill="#603c1b" /> <path d="M 27 40 Q 50 10 73 40" fill="#e28437"/> <path d="M 27 40 Q 60 10 50 73 " fill="#e28437"/> <path d="M 73 40 Q 40 10 50 73 " fill="#e28437"/> <line x1="71" y1="57" x2="80" y2="54" stroke="#060606" stroke-width="0.5" /> <line x1="69" y1="61" x2="80" y2="58" stroke="#060606" stroke-width="0.5" /> <line x1="67" y1="65" x2="80" y2="62" stroke="#060606" stroke-width="0.5" /> <line x1="31" y1="57" x2="21" y2="52" stroke="#060606" stroke-width="0.5" /> <line x1="33" y1="61" x2="21" y2="56" stroke="#060606" stroke-width="0.5" /> <line x1="35" y1="65" x2="21" y2="60" stroke="#060606" stroke-width="0.5" /> <circle cx="60" cy="65" r="1" fill="#603c1b" /> <circle cx="40" cy="65" r="1" fill="#603c1b" /> <polygon points="30,20 30,40 40,30" fill="#e28437" /> <polygon points="32,25 31,34 38,30" fill="#d37026" /> <polygon points="70,20 70,40 60,30" fill="#e28437" /> <polygon points="68,25 69,34 62,30" fill="#d37026" /> <ellipse cx = "65" cy = "60" rx = "2" ry = "6" fill = "#fdeee1" /> <ellipse cx = "35" cy = "60" rx = "2" ry = "6" fill = "#fdeee1" /> <text x="70" y="8" fill="black" style="font-size:3.5;">เฟรม-พสุธา</text> </svg> </body> </html>