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

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

49

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

flow.glsl
WebGL2 · Live

Ember

Flow-field streakline shader

49New

Select palette

Dark
Warm
Light

Fine-tune colors

Controls

const CONFIG = {
  colorA: '#0a0a0f',
  colorB: '#7c3aed',
  colorC: '#ec4899',
  colorD: '#fb923c',
  speed: 0.6,
  grain: 0.05,
  contrast: 1.15,
  scale: 1.4,
  seed: 0,
}

UI templates

Bare

14249
לפי סוג

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

הפרומפט

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

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

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

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

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

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

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