API tools faq
paste
Guest User

Untitled

a guest
Feb 19th, 2026
27
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 19.18 KB | None | 0 0
raw download clone embed print report
  1. <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 800 600" width="100%" height="100%">
  2. <defs>
  3. <!-- Background Gradients -->
  4. <radialGradient id="bgGrad" cx="50%" cy="50%" r="60%">
  5. <stop offset="0%" stop-color="#bf360c" />
  6. <stop offset="50%" stop-color="#4e342e" />
  7. <stop offset="100%" stop-color="#212121" />
  8. </radialGradient>
  9. <radialGradient id="matGrad" cx="50%" cy="50%" r="50%">
  10. <stop offset="0%" stop-color="#424242" />
  11. <stop offset="100%" stop-color="#1a1a1a" />
  12. </radialGradient>
  13. <!-- Character Gradients -->
  14. <linearGradient id="duckFeather" x1="0%" y1="0%" x2="0%" y2="100%">
  15. <stop offset="0%" stop-color="#ffffff" />
  16. <stop offset="100%" stop-color="#e0e0e0" />
  17. </linearGradient>
  18. <linearGradient id="tigerFur" x1="0%" y1="0%" x2="0%" y2="100%">
  19. <stop offset="0%" stop-color="#ff9800" />
  20. <stop offset="100%" stop-color="#e65100" />
  21. </linearGradient>
  22. </defs>
  23.  
  24. <style>
  25. /* Global Animation Timings
  26. Action loop is 2.0s.
  27. 0-15%: Wind up
  28. 15-20%: Strike (Impact at 20%)
  29. 20-50%: Retreat & Recover
  30. 50-100%: Idle/Stance
  31. */
  32.  
  33. @keyframes bob {
  34. 0%, 100% { transform: translateY(0); }
  35. 50% { transform: translateY(6px); }
  36. }
  37. .bobbing {
  38. animation: bob 0.8s ease-in-out infinite;
  39. }
  40. .bobbing-delayed {
  41. animation: bob 0.8s ease-in-out infinite;
  42. animation-delay: 0.2s;
  43. }
  44.  
  45. @keyframes shadow-tiger {
  46. 0%, 50%, 100% { transform: translateX(0) scale(1); opacity: 0.5; }
  47. 15%, 20% { transform: translateX(40px) scale(0.9); opacity: 0.3; }
  48. }
  49. .shadow-tiger-anim { animation: shadow-tiger 2s cubic-bezier(0.25, 1, 0.5, 1) infinite; }
  50.  
  51. @keyframes shadow-duck {
  52. 0%, 50%, 100% { transform: translateX(0) scale(1); opacity: 0.5; }
  53. 15%, 20% { transform: translateX(-50px) scale(0.6); opacity: 0.2; }
  54. }
  55. .shadow-duck-anim { animation: shadow-duck 2s cubic-bezier(0.25, 1, 0.5, 1) infinite; }
  56.  
  57. @keyframes tiger-strike {
  58. 0%, 50%, 100% { transform: translateX(0); }
  59. 15%, 20% { transform: translateX(40px); }
  60. }
  61. .tiger-jump-anim { animation: tiger-strike 2s cubic-bezier(0.25, 1, 0.5, 1) infinite; }
  62.  
  63. @keyframes tiger-jab {
  64. 0%, 50%, 100% { transform: rotate(0deg) scale(1); }
  65. 15%, 20% { transform: rotate(-70deg) scale(1.15); }
  66. }
  67. .tiger-jab-anim {
  68. animation: tiger-jab 2s cubic-bezier(0.25, 1, 0.5, 1) infinite;
  69. transform-origin: 25px -60px;
  70. }
  71.  
  72. @keyframes tiger-knee-raise {
  73. 0%, 50%, 100% { transform: rotate(0deg); }
  74. 15%, 20% { transform: rotate(-70deg); }
  75. }
  76. .tiger-knee-anim {
  77. animation: tiger-knee-raise 2s cubic-bezier(0.25, 1, 0.5, 1) infinite;
  78. transform-origin: 15px 20px;
  79. }
  80.  
  81. @keyframes tail-swish {
  82. 0%, 100% { transform: rotate(0deg); }
  83. 50% { transform: rotate(15deg); }
  84. }
  85. .tail-anim {
  86. animation: tail-swish 1.2s ease-in-out infinite;
  87. transform-origin: 0px 0px;
  88. }
  89.  
  90. @keyframes duck-jump {
  91. 0%, 50%, 100% { transform: translateY(0) translateX(0) rotate(0deg); }
  92. 15%, 20% { transform: translateY(-90px) translateX(-50px) rotate(15deg); }
  93. }
  94. .duck-jump-anim { animation: duck-jump 2s cubic-bezier(0.25, 1, 0.5, 1) infinite; }
  95.  
  96. @keyframes duck-kick-extend {
  97. 0%, 50%, 100% { transform: rotate(0deg); }
  98. 15%, 20% { transform: rotate(95deg); }
  99. }
  100. .duck-kick-anim {
  101. animation: duck-kick-extend 2s cubic-bezier(0.25, 1, 0.5, 1) infinite;
  102. transform-origin: -15px 10px;
  103. }
  104.  
  105. @keyframes belt-flap {
  106. 0%, 100% { transform: rotate(0deg); }
  107. 15%, 20% { transform: rotate(-50deg); }
  108. 50% { transform: rotate(10deg); }
  109. }
  110. .belt-anim {
  111. animation: belt-flap 2s ease-in-out infinite;
  112. transform-origin: -5px 10px;
  113. }
  114.  
  115. @keyframes impact-flash {
  116. 0%, 14%, 25%, 100% { opacity: 0; transform: scale(0.2) rotate(0deg); }
  117. 15% { opacity: 1; transform: scale(1.6) rotate(15deg); }
  118. 18% { opacity: 1; transform: scale(1.3) rotate(-10deg); }
  119. 22% { opacity: 0; transform: scale(1.8) rotate(20deg); }
  120. }
  121. .impact-burst {
  122. animation: impact-flash 2s ease-out infinite;
  123. transform-origin: center;
  124. }
  125.  
  126. @keyframes speed-line-flash {
  127. 0%, 14%, 25%, 100% { opacity: 0; }
  128. 15%, 20% { opacity: 1; }
  129. }
  130. .speed-lines {
  131. animation: speed-line-flash 2s ease-out infinite;
  132. }
  133. </style>
  134.  
  135. <!-- Background Room -->
  136. <rect width="800" height="600" fill="url(#bgGrad)" />
  137.  
  138. <!-- Focus Rays -->
  139. <g fill="#ffffff" opacity="0.05">
  140. <polygon points="400,350 -100,-100 100,-100" />
  141. <polygon points="400,350 300,-100 500,-100" />
  142. <polygon points="400,350 700,-100 900,-100" />
  143. <polygon points="400,350 900,100 900,300" />
  144. <polygon points="400,350 900,500 900,700" />
  145. <polygon points="400,350 700,700 500,700" />
  146. <polygon points="400,350 300,700 100,700" />
  147. <polygon points="400,350 -100,700 -100,500" />
  148. <polygon points="400,350 -100,300 -100,100" />
  149. </g>
  150.  
  151. <!-- Ring Ropes -->
  152. <g stroke-width="5" fill="none" opacity="0.4">
  153. <!-- Bottom Rope -->
  154. <path d="M 0,380 Q 400,410 800,380" stroke="#d32f2f" />
  155. <path d="M 0,385 Q 400,415 800,385" stroke="#ffffff" />
  156. <!-- Middle Rope -->
  157. <path d="M 0,310 Q 400,340 800,310" stroke="#1976d2" />
  158. <path d="M 0,315 Q 400,345 800,315" stroke="#ffffff" />
  159. <!-- Top Rope -->
  160. <path d="M 0,240 Q 400,270 800,240" stroke="#d32f2f" />
  161. <path d="M 0,245 Q 400,275 800,245" stroke="#ffffff" />
  162. </g>
  163.  
  164. <!-- Ring Floor Mat -->
  165. <ellipse cx="400" cy="480" rx="350" ry="80" fill="url(#matGrad)" />
  166. <ellipse cx="400" cy="480" rx="330" ry="70" fill="none" stroke="#b71c1c" stroke-width="5" opacity="0.8"/>
  167. <ellipse cx="400" cy="480" rx="320" ry="62" fill="none" stroke="#fff" stroke-width="2" opacity="0.2"/>
  168.  
  169. <!-- Speed Lines -->
  170. <g class="speed-lines" stroke="#fff" stroke-width="3" stroke-dasharray="15 10" opacity="0.5">
  171. <!-- Tiger speed lines -->
  172. <path d="M 150,260 L 250,260 M 120,300 L 220,300 M 170,340 L 270,340" />
  173. <!-- Duck speed lines -->
  174. <path d="M 650,200 L 550,230 M 680,240 L 580,270 M 640,290 L 540,320" />
  175. </g>
  176.  
  177. <!-- Shadows -->
  178. <ellipse cx="300" cy="450" rx="55" ry="12" fill="#000" class="shadow-tiger-anim" />
  179. <ellipse cx="500" cy="460" rx="45" ry="10" fill="#000" class="shadow-duck-anim" />
  180.  
  181. <!-- ============================== -->
  182. <!-- MUAY TIGER -->
  183. <!-- ============================== -->
  184. <g transform="translate(300, 430)">
  185. <g class="bobbing">
  186. <g class="tiger-jump-anim">
  187.  
  188. <!-- Left Arm (Back) -->
  189. <g transform="translate(-15, -70)">
  190. <path d="M 0,0 L -15,25 L -5,45" fill="none" stroke="#d84315" stroke-width="16" stroke-linecap="round" stroke-linejoin="round"/>
  191. <ellipse cx="-2" cy="50" rx="16" ry="22" fill="#b71c1c" stroke="#212121" stroke-width="3" transform="rotate(-20, -2, 50)"/>
  192. <path d="M -13,5 L 2,13" stroke="#ffca28" stroke-width="5"/>
  193. </g>
  194.  
  195. <!-- Left Leg (Back) -->
  196. <g transform="translate(-15, 20)">
  197. <path d="M 0,0 L -15,50 L -10,80" fill="none" stroke="#d84315" stroke-width="18" stroke-linecap="round" stroke-linejoin="round"/>
  198. <path d="M -10,80 L 10,80" stroke="#d84315" stroke-width="16" stroke-linecap="round"/>
  199. <!-- Ankle wrap -->
  200. <path d="M -15,50 L -4,55 M -14,60 L -3,65 M -13,70 L -2,75" stroke="#fff" stroke-width="3"/>
  201. </g>
  202.  
  203. <!-- Tail -->
  204. <g transform="translate(-40, -20)">
  205. <g class="tail-anim">
  206. <path d="M 0,0 Q -50,-10 -40,-60" fill="none" stroke="url(#tigerFur)" stroke-width="14" stroke-linecap="round"/>
  207. <path d="M -7,-10 L -14,-1 L -22,-14 L -28,-7 L -34,-30 L -41,-26 L -37,-45 L -45,-43" stroke="#212121" stroke-width="4" fill="none" opacity="0.8"/>
  208. </g>
  209. </g>
  210.  
  211. <!-- Body & Belly -->
  212. <ellipse cx="0" cy="-40" rx="45" ry="60" fill="url(#tigerFur)" stroke="#212121" stroke-width="4"/>
  213. <ellipse cx="15" cy="-40" rx="25" ry="50" fill="#fff" opacity="0.9"/>
  214. <path d="M -45,-60 L -25,-55 M -45,-40 L -20,-35 M -40,-20 L -20,-18" stroke="#212121" stroke-width="4" stroke-linecap="round"/>
  215.  
  216. <!-- Muay Thai Shorts -->
  217. <path d="M -40,0 L 40,0 L 45,40 L 15,30 L 0,40 L -15,30 L -45,40 Z" fill="#d32f2f" stroke="#212121" stroke-width="4"/>
  218. <path d="M 15,30 L 44,39 M -15,30 L -44,39 M -1,40 L 14,31 M -1,40 L -14,31" stroke="#ffca28" stroke-width="4" fill="none"/>
  219. <rect x="-35" y="-10" width="70" height="15" rx="5" fill="#212121"/>
  220. <text x="0" y="25" font-family="Arial Black, Impact, sans-serif" font-size="14" font-style="italic" fill="#ffca28" text-anchor="middle" transform="rotate(-5, 0, 25)">MUAY</text>
  221.  
  222. <!-- Head -->
  223. <g transform="translate(0, -100)">
  224. <!-- Mongkhon Tail -->
  225. <path d="M -35,-25 Q -45,-5 -35,25" fill="none" stroke="#ffca28" stroke-width="6" stroke-linecap="round"/>
  226.  
  227. <!-- Ears -->
  228. <path d="M -25,-35 Q -35,-55 -15,-45 Z" fill="url(#tigerFur)" stroke="#212121" stroke-width="3"/>
  229. <path d="M 25,-40 Q 35,-60 45,-40 Z" fill="url(#tigerFur)" stroke="#212121" stroke-width="3"/>
  230. <circle cx="-20" cy="-42" r="5" fill="#fff"/>
  231. <circle cx="33" cy="-43" r="5" fill="#fff"/>
  232.  
  233. <!-- Face Base -->
  234. <circle cx="5" cy="-5" r="40" fill="url(#tigerFur)" stroke="#212121" stroke-width="4"/>
  235.  
  236. <!-- Face Stripes -->
  237. <path d="M -25,-5 L -5,-5 M -30,-15 L -10,-13 M -15,-30 L -5,-20" stroke="#212121" stroke-width="3" stroke-linecap="round"/>
  238.  
  239. <!-- Muzzle & Nose -->
  240. <ellipse cx="20" cy="5" rx="22" ry="16" fill="#fff" stroke="#212121" stroke-width="3"/>
  241. <path d="M 25,0 L 35,0 L 30,7 Z" fill="#212121"/>
  242. <path d="M 15,10 Q 25,5 33,13" fill="none" stroke="#212121" stroke-width="2"/>
  243. <path d="M 33,13 L 33,17 L 30,15 Z" fill="#fff" stroke="#212121" stroke-width="1"/>
  244.  
  245. <!-- Eyes & Expression -->
  246. <path d="M 10,-15 L 20,-10 L 10,-5 Z" fill="#fff" stroke="#212121" stroke-width="2"/>
  247. <path d="M 25,-15 L 35,-10 L 27,-5 Z" fill="#fff" stroke="#212121" stroke-width="2"/>
  248. <circle cx="17" cy="-10" r="2.5" fill="#212121"/>
  249. <circle cx="31" cy="-10" r="2.5" fill="#212121"/>
  250. <path d="M 5,-20 L 20,-13 M 23,-20 L 37,-13" stroke="#212121" stroke-width="4" stroke-linecap="round"/>
  251.  
  252. <!-- Mongkhon (Headband) -->
  253. <path d="M -30,-20 Q 5,-35 40,-20" fill="none" stroke="#fff8e1" stroke-width="8" stroke-linecap="round"/>
  254. <path d="M -30,-20 Q 5,-35 40,-20" fill="none" stroke="#ffca28" stroke-width="8" stroke-dasharray="4 6" stroke-linecap="round"/>
  255. </g>
  256.  
  257. <!-- Right Leg (Front / Knee Block) -->
  258. <g class="tiger-knee-anim">
  259. <path d="M 15,20 L 30,55 L 20,95" fill="none" stroke="url(#tigerFur)" stroke-width="20" stroke-linecap="round" stroke-linejoin="round"/>
  260. <path d="M 20,95 L 40,95" stroke="url(#tigerFur)" stroke-width="16" stroke-linecap="round"/>
  261. <!-- Ankle wrap -->
  262. <path d="M 20,65 L 32,65 M 19,75 L 30,75 M 18,85 L 28,85" stroke="#fff" stroke-width="3"/>
  263. <path d="M 15,20 L 30,55 L 20,95" fill="none" stroke="#212121" stroke-width="20" stroke-linecap="round" stroke-linejoin="round" opacity="0.1"/>
  264. </g>
  265.  
  266. <!-- Right Arm (Front / Jab) -->
  267. <g class="tiger-jab-anim">
  268. <path d="M 25,-60 L 45,-30 L 65,-50" fill="none" stroke="url(#tigerFur)" stroke-width="18" stroke-linecap="round" stroke-linejoin="round"/>
  269. <path d="M 30,-50 L 42,-40" stroke="#ffca28" stroke-width="5"/>
  270. <ellipse cx="70" cy="-55" rx="18" ry="25" fill="#d32f2f" stroke="#212121" stroke-width="3" transform="rotate(45, 70, -55)"/>
  271. <!-- Glove highlight -->
  272. <ellipse cx="65" cy="-60" rx="8" ry="12" fill="#fff" opacity="0.3" transform="rotate(45, 65, -60)"/>
  273. </g>
  274.  
  275. </g>
  276. </g>
  277. </g>
  278.  
  279.  
  280. <!-- ============================== -->
  281. <!-- TAEKWONDUCK -->
  282. <!-- ============================== -->
  283. <g transform="translate(500, 440)">
  284. <g class="bobbing-delayed">
  285. <g class="duck-jump-anim">
  286.  
  287. <!-- Right Leg (Back) -->
  288. <g transform="translate(15, 10)">
  289. <path d="M 0,0 L 10,40 L 25,35 Z" fill="#fff" stroke="#bdbdbd" stroke-width="2"/>
  290. <path d="M 10,40 L 5,70 L 25,75 L 20,70 Z" fill="#fb8c00" stroke="#ef6c00" stroke-width="2"/>
  291. </g>
  292.  
  293. <!-- Right Arm/Wing (Back) -->
  294. <g transform="translate(20, -30)">
  295. <path d="M 0,0 Q 30,10 20,-20" fill="none" stroke="#e0e0e0" stroke-width="14" stroke-linecap="round" stroke-linejoin="round"/>
  296. </g>
  297.  
  298. <!-- Tail Feathers -->
  299. <path d="M 30,-20 L 60,-30 L 50,-10 Z" fill="url(#duckFeather)" stroke="#bdbdbd" stroke-width="2"/>
  300.  
  301. <!-- Body / Dobok -->
  302. <ellipse cx="0" cy="-30" rx="35" ry="45" fill="url(#duckFeather)"/>
  303. <path d="M -35,-30 L 35,-30 L 40,15 L -40,15 Z" fill="#fff" stroke="#bdbdbd" stroke-width="2"/>
  304. <path d="M -15,-30 L 0,-5 L 15,-30" fill="none" stroke="#212121" stroke-width="3"/>
  305.  
  306. <!-- Chest Logo (Taeguk style) -->
  307. <path d="M -15,-15 A 5,5 0 1,1 -5,-15 A 5,5 0 1,1 -15,-15" fill="#d32f2f"/>
  308. <path d="M -15,-15 A 5,5 0 0,0 -5,-15 Z" fill="#1976d2"/>
  309.  
  310. <!-- Black Belt -->
  311. <rect x="-42" y="5" width="84" height="10" fill="#212121"/>
  312. <rect x="-8" y="3" width="12" height="14" rx="2" fill="#212121"/>
  313. <g class="belt-anim">
  314. <path d="M -5,15 Q -25,35 -30,50 Q -10,45 0,15 Z" fill="#212121"/>
  315. <path d="M -5,15 Q 5,40 10,55 Q 20,50 -2,15 Z" fill="#212121"/>
  316. </g>
  317.  
  318. <!-- Left Leg (Front / High Kick) -->
  319. <g class="duck-kick-anim">
  320. <path d="M -15,10 L -25,50 L -5,55 Z" fill="#fff" stroke="#bdbdbd" stroke-width="2"/>
  321. <path d="M -20,50 L -35,80 L -15,85 L -5,80 Z" fill="#fb8c00" stroke="#ef6c00" stroke-width="2"/>
  322. </g>
  323.  
  324. <!-- Left Arm/Wing (Front) -->
  325. <g transform="translate(-15, -30)">
  326. <path d="M 0,0 Q -30,-10 -25,-35" fill="none" stroke="#fff" stroke-width="16" stroke-linecap="round" stroke-linejoin="round"/>
  327. <path d="M -20,-20 L -30,-30 M -15,-25 L -25,-35" stroke="#bdbdbd" stroke-width="2"/>
  328. </g>
  329.  
  330. <!-- Head -->
  331. <g transform="translate(0, -80)">
  332. <!-- Helmet Back/Base -->
  333. <circle cx="5" cy="0" r="32" fill="#1976d2" stroke="#0d47a1" stroke-width="3"/>
  334.  
  335. <!-- Face -->
  336. <circle cx="-5" cy="0" r="28" fill="url(#duckFeather)"/>
  337.  
  338. <!-- Angry Eye -->
  339. <path d="M -20,-15 L -10,-10 L -20,-5 Z" fill="#212121"/>
  340. <line x1="-25" y1="-20" x2="-8" y2="-12" stroke="#212121" stroke-width="3" stroke-linecap="round"/>
  341.  
  342. <!-- Beak (Quacking/Battle Cry) -->
  343. <path d="M -30,-5 Q -60,-10 -65,5 Q -40,15 -25,10 Z" fill="#fb8c00" stroke="#e65100" stroke-width="2"/>
  344. <path d="M -65,5 Q -45,5 -30,5" fill="none" stroke="#e65100" stroke-width="2"/>
  345.  
  346. <!-- Cheek Blush -->
  347. <circle cx="-5" cy="10" r="6" fill="#ff8a80" opacity="0.7"/>
  348.  
  349. <!-- Helmet Overlays -->
  350. <circle cx="15" cy="0" r="10" fill="#0d47a1"/>
  351. <circle cx="15" cy="0" r="3" fill="#000" opacity="0.5"/>
  352. <path d="M 5,30 L -15,25" stroke="#1976d2" stroke-width="6" stroke-linecap="round"/>
  353. <line x1="-10" y1="-30" x2="20" y2="-30" stroke="#0d47a1" stroke-width="8" stroke-linecap="round"/>
  354. </g>
  355.  
  356. </g>
  357. </g>
  358. </g>
  359.  
  360. <!-- ============================== -->
  361. <!-- IMPACT EXPLOSION -->
  362. <!-- ============================== -->
  363. <!-- Positioned exactly where duck kick meets tiger head/block -->
  364. <g transform="translate(410, 260)" class="impact-burst">
  365. <!-- Outer Blast -->
  366. <path d="M 0,-50 L 15,-20 L 45,-20 L 20,5 L 30,40 L 0,20 L -30,40 L -20,5 L -45,-20 L -15,-20 Z" fill="#ffeb3b" stroke="#e65100" stroke-width="4"/>
  367. <!-- Inner Blast -->
  368. <path d="M 0,-30 L 8,-10 L 25,-10 L 12,3 L 18,22 L 0,12 L -18,22 L -12,3 L -25,-10 L -8,-10 Z" fill="#ffffff"/>
  369.  
  370. <!-- Action Text -->
  371. <text x="0" y="8" font-family="Impact, sans-serif" font-size="24" font-style="italic" fill="#d32f2f" text-anchor="middle" font-weight="bold">POW!</text>
  372.  
  373. <!-- Flying Particles -->
  374. <circle cx="50" cy="-40" r="4" fill="#ffeb3b"/>
  375. <circle cx="-40" cy="50" r="5" fill="#ffffff"/>
  376. <circle cx="60" cy="30" r="3" fill="#ffeb3b"/>
  377. <circle cx="-50" cy="-20" r="4" fill="#ffffff"/>
  378. <circle cx="0" cy="55" r="3" fill="#ffeb3b"/>
  379.  
  380. <!-- Sparks -->
  381. <line x1="30" y1="-30" x2="45" y2="-45" stroke="#ffeb3b" stroke-width="3" stroke-linecap="round"/>
  382. <line x1="-30" y1="30" x2="-45" y2="45" stroke="#ffffff" stroke-width="3" stroke-linecap="round"/>
  383. </g>
  384.  
  385. </svg>
Tags: ai
Add Comment
Please, Sign In to add comment
Public Pastes
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy.  OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!