SHio
בואו נתחיל
← לספרייה
גרדיאנטים

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

₪45

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

contour.glsl
WebGL2 · Live

Mint Frost

Elevation contour-line shader

₪45New

Select palette

Dark
Warm
Light

Fine-tune colors

Controls

const CONFIG = {
  colorA: '#fbfaf7',
  colorB: '#bbf7d0',
  colorC: '#67e8f9',
  colorD: '#c4b5fd',
  speed: 0.6,
  grain: 0.05,
  contrast: 1.15,
  scale: 1.4,
  seed: 0,
}

UI templates

Bare

142₪45
לפי סוג

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

הפרומפט

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

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

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

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

לספרייה המלאהצור קשר

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

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

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