jumpingBlockMaterial.svg 2.3 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950
  1. <svg xmlns="http://www.w3.org/2000/svg" width="640" height="360" viewBox="0 0 640 360">
  2. <defs>
  3. <radialGradient id="floorGlow" cx="50%" cy="76%" r="58%">
  4. <stop offset="0" stop-color="#1a1d22"/>
  5. <stop offset="0.62" stop-color="#08090b"/>
  6. <stop offset="1" stop-color="#000000"/>
  7. </radialGradient>
  8. <radialGradient id="chrome" cx="34%" cy="22%" r="72%">
  9. <stop offset="0" stop-color="#ffffff"/>
  10. <stop offset="0.18" stop-color="#777d82"/>
  11. <stop offset="0.34" stop-color="#050505"/>
  12. <stop offset="0.54" stop-color="#cfd4d6"/>
  13. <stop offset="0.72" stop-color="#1a1d20"/>
  14. <stop offset="1" stop-color="#000000"/>
  15. </radialGradient>
  16. <linearGradient id="sweep" x1="0" y1="0" x2="1" y2="0">
  17. <stop offset="0.14" stop-color="#02ffd0"/>
  18. <stop offset="0.506" stop-color="#ff0aff"/>
  19. <stop offset="0.985" stop-color="#ffffff"/>
  20. </linearGradient>
  21. <filter id="blurGlow" x="-80%" y="-80%" width="260%" height="260%">
  22. <feGaussianBlur stdDeviation="7" result="blur"/>
  23. <feMerge>
  24. <feMergeNode in="blur"/>
  25. <feMergeNode in="SourceGraphic"/>
  26. </feMerge>
  27. </filter>
  28. </defs>
  29. <rect width="640" height="360" fill="#000"/>
  30. <ellipse cx="320" cy="284" rx="270" ry="74" fill="url(#floorGlow)"/>
  31. <ellipse cx="170" cy="260" rx="72" ry="18" fill="#000" opacity=".55"/>
  32. <ellipse cx="438" cy="266" rx="92" ry="20" fill="#000" opacity=".55"/>
  33. <circle cx="164" cy="176" r="72" fill="url(#chrome)"/>
  34. <path d="M105 207c36 22 88 18 123-8" fill="none" stroke="url(#sweep)" stroke-width="10" stroke-linecap="round" filter="url(#blurGlow)"/>
  35. <path d="M104 214c41 18 84 17 125-3" fill="none" stroke="#fff" stroke-opacity=".26" stroke-width="2"/>
  36. <g transform="translate(382 106)">
  37. <path d="M0 38 82 0l86 34-84 40z" fill="#f5f5f5"/>
  38. <path d="M84 74 168 34v96l-84 44z" fill="#0d0f13"/>
  39. <path d="M0 38 84 74v100L0 132z" fill="#050608"/>
  40. <path d="M8 94c18-16 30-1 47-7 18-7 29-31 48-26 23 6 26 42 57 25" fill="none" stroke="url(#sweep)" stroke-width="9" stroke-linecap="round" filter="url(#blurGlow)"/>
  41. <g stroke="#ffffff" stroke-opacity=".22" stroke-width="2">
  42. <path d="M0 70 84 106 168 66"/>
  43. <path d="M0 100 84 136 168 96"/>
  44. <path d="M28 50v94"/>
  45. <path d="M56 62v94"/>
  46. <path d="M112 60v96"/>
  47. <path d="M140 48v96"/>
  48. </g>
  49. </g>
  50. </svg>