אוטומציה

שלושה כלים ב-Scissor עושים בשבילכם את העבודה החוזרת: פעולות מקליטות רצף פקודות ומפעילות אותו שוב, משתנים מחליפים טקסט ונראות מתוך טבלת נתונים כך שעיצוב אחד הופך לרבים, וסקריפטים מפעילים את העורך כולו מתוך JavaScript. אף אחד מהם לא צריך חשבון או שרת – כמו כל שאר Scissor, הם פועלים במחשב שלכם.

פעולות: מקליטים פעם אחת, מפעילים בכל מקום

חלונית פעולות (חלון › פעולות) מקליטה את מה שאתם עושים ומפעילה אותו שוב על בחירה חדשה. לחצו על הקלטה, הריצו את הפקודות שברצונכם ללכוד – יישור, היסט, הוספת צל, כל רצף שהוא – ואז לחצו על עצירה ותנו לפעולה שם. היא מצטרפת לרשימה ומציגה כמה שלבים היא מכילה.

לחצו על פעולה כדי להפעיל אותה על מה שנבחר כעת; ⌥-לחיצה על פעולה מוחקת אותה. מכיוון שפעולה היא פשוט רשימת פקודות, היא חוזרת על שגרה מדויקת בהרבה אובייקטים בלי שתצטרכו ללחוץ על כל שלב בכל פעם.

משתנים: עיצוב אחד, גרסאות רבות

חלונית משתנים (חלון › משתנים) הופכת עיצוב קבוע לתבנית שמונעת על ידי נתונים. שני דברים באובייקט יכולים להפוך לדינמיים:

הפיכת טקסט לדינמי

קושרת את המילים של אובייקט טקסט למשתנה, כך שערכות נתונים שונות יכולות להציב טקסט שונה באותו מקום.

הפיכת נראות לדינמית

קושרת את השאלה אם אובייקט מוצג, כך שערכה יכולה להפעיל או לכבות חלקים מהעיצוב.

ביטול קישור הופך אובייקט קשור לקבוע שוב.

ערכות נתונים

ערכת נתונים היא שורה אחת של ערכים עבור המשתנים האלה – תג אחד, כרטיס אחד, מסגרת אחת. לכידה שומרת את הערכים הנוכחיים כערכה חדשה; החצים עוברים מערכה אחת לבאה והעיצוב מתעדכן בהתאם. ייבוא CSV… קורא אצווה שלמה בבת אחת – עמודה אחת לכל משתנה, שורה אחת לכל ערכה – וייצוא CSV כותב את הערכות בחזרה כדי לערוך אותן בגיליון אלקטרוני.

ייצוא כל הערכות בבת אחת

ייצוא ערכות נתונים… מעבד את משטח הציור הפעיל פעם אחת לכל ערכת נתונים וכותב את כולן במעבר אחד, כ-PNG,‏ JPEG,‏ WebP או SVG. דף של תגי שם, סדרת באנרים מתורגמים או רצף של כרטיסים לרשתות חברתיות יוצאים כאצווה מסודרת של קבצים, כל אחד עם הנתונים שלו.

סקריפטים: מפעילים את Scissor מתוך JavaScript

כל מה שתפריט לא יכול לבטא, סקריפט יכול. קובץ › סקריפטים › מסוף סקריפטים… פותח עורך שבו כותבים JavaScript ומריצים אותו על המסמך הפתוח; סקריפט אחר… (⌘F12) מריץ קובץ .js מהדיסק. סקריפט רץ ב-Web Worker, בנפרד מהעמוד, ולכן הוא לא יכול לגעת בממשק או בקבצים שלכם אלא דרך האובייקט scissor שהוא מקבל – כל קריאה מבוצעת במנוע והתשובה מוחזרת.

האובייקט scissor מכסה את הצרכים הנפוצים:

יצירת צורות וטקסט

scissor.rect,‏ roundedRect,‏ ellipse,‏ polygon,‏ star,‏ path ו-text מציירים גרפיקה; כל אחד מקבל מיקום וגודל ואובייקט אפשרויות עבור fill,‏ stroke ו-strokeWidth (הצבעים הם כל צבע CSS).

קריאת המסמך

await scissor.document() מחזיר את האפליקציה, הבחירה, השכבות ומשטחי הציור כפי שהחלוניות רואות אותם; scissor.selection() מחזיר רק את מה שנבחר.

פעולה עליו

scissor.select,‏ group ו-undo, ו-scissor.run(command) לכל פקודת מנוע שהיא – אותן פקודות שהתפריטים שולחים.

תגובה בחזרה

scissor.log מדפיס למסוף; scissor.alert מציג הודעה.

דוגמה קצרה – טבעת של נקודות צבעוניות וכיתוב:

const doc = await scissor.document();
scissor.log('Boards:', doc.artboards.length);
for (let i = 0; i < 12; i++) {
  const a = (i / 12) * Math.PI * 2;
  await scissor.ellipse(300 + Math.cos(a) * 120, 260 + Math.sin(a) * 120, 36, 36,
    { fill: `hsl(${i * 30} 80% 60%)` });
}
await scissor.text(230, 270, 'Hello, Scissor', { size: 24 });

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