SHio
← לספרייה
גרדיאנטים

גרדיאנט WebGL עם תאי פסיפס אנימטיביים שנעים ונדחסים זה לצד זה — קווי אור בהירים על הגבולות בין התאים, כמו זכוכית סדוקה חיה. מגיב לתנועת העכבר.

45

עובד עם: Claude, ChatGPT, Cursor — או כל כלי AI אחר שמייצר קוד.

cells.glsl
WebGL2 · Live

Violet Dream

Animated Voronoi cell shader

45New

Select palette

Dark
Warm
Light

Fine-tune colors

Controls

const CONFIG = {
  colorA: '#08050f',
  colorB: '#4c1d95',
  colorC: '#c026d3',
  colorD: '#fbcfe8',
  speed: 0.6,
  grain: 0.05,
  contrast: 1.15,
  scale: 1.4,
  seed: 0,
}

UI templates

Bare

14245
לפי סוג

  1. 1בוחרים פלטה ומכווני פרמטריםמשחקים עם הפלטה, הסליידרים וכפתור ה-Randomize עד שמוצאים גרסה שאוהבים.
  2. 2מוסיפים לעגלה ומשלימים רכישהלוחצים Add to cart ועוברים לתשלום מאובטח, בדיוק כמו בכל תבנית באתר.
  3. 3מקבלים את הפרומפט במיילתוך דקות נשלח לינק לפרומפט המלא, כולל קוד השיידר והפלטה שבחרתם.
  4. 4מדביקים בכלי ה-AI שלכםClaude, ChatGPT, Cursor — כל כלי שמייצר קוד. מקבלים אלמנט עצמאי שמטמיעים בכל עמוד.

הפרומפט

// רסיסי פסיפסגרדיאנטים
Build a גרדיאנטים component with the following behavior:
- תאי פסיפס דינמיים שמשתנים בזמן אמת
- קווי גבול בהירים בין התאים, כמו זכוכית סדוקה
...

הפרומפט המלא נפתח לאחר רכישה — מעתיקים, מדביקים בכלי ה-AI שלכם, ומקבלים את השכבה הזו מוכנה בקוד שלכם.

  • תאי פסיפס דינמיים שמשתנים בזמן אמת
  • קווי גבול בהירים בין התאים, כמו זכוכית סדוקה
  • מגיב לתנועת עכבר או מגע
  • אותה ספריית פלטות ובקרות כמו כל גרדיאנט אחר

בחרו שכבה בודדת, או קבלו גישה לכל הספרייה במנוי או בתשלום חד-פעמי.

רוצים גישה לכל הספרייה?

במקום לרכוש שכבה בודדת, אפשר לקבל גישה לכל הספרייה במנוי חודשי או בתשלום חד-פעמי לתמיד.

לכל התוכניות ←