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

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

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

מחולל כיסוי האלבום

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

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

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

כדי להתקין את 'עיבוד', עבור אל דף ההורדה באתר ולחץ על הקישור לפלטפורמה שלך. כאשר הוא מוריד, הוצא את קובץ ה- ZIP וגרור את היישום לתיקיית היישומים שלך.

להפוך אותו PDF

הצעד הראשון הוא לטעון את ספריית יצירת PDF:

 מעבד import.pdf. *; 

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

 גודל (500, 500); 

ברור את הפלט הוא גרפיקה וקטורית PDF, אז זה יכול להיות scaled לכל גודל ללא השפלה או שורות jaggy.

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

 beginRecord (PDF, "cover.pdf"); 

צבעי התמונה מוגדרים אז. הרקע שחור:

 רקע (0); 

להתאהב,

כדי ליצור את הצבעים של גדילי הוחלט כי הם צריכים להיות בעיקר ירוק אבל עם וריאציות. האסטרטגיה היתה כי RGB של הצבעים להיות אקראי אבל עם אלמנט ירוק תמיד להיות מסוגל ללכת גבוה יותר מאשר אדום או כחול. ירוק יכול ללכת עד 256, אבל שני ערוצים אחרים הם כתרים על 100.

לכן אנו מגדירים את המשתנים הצפים אדום, ירוק וכחול עם הערכים הבאים:

 צף אדום = אקראי (100); צף ירוק = אקראי (255); צף כחול = אקראי (100); 

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

שיער, עלים או עלים? מי יודע!

עכשיו את הקוד עבור ציור strands. משקל הקו של כל גדיל הוא אקראי, ואת המיקום האופקי של החלק העליון והתחתון של גדילי גם מגוונות באופן אקראי בפרמטרים מסוימים. גדילי הם 60% שקוף, וכתוצאה מכך נעים כמו שיער גדיל השפעה:

 עבור (i i = 0; i <500; i ++) {צף r = אקראי (10); strokeWeight (r); שבץ (אדום, ירוק, כחול, 60); לצוף לקזז = r * 5.0; (i-20, 500, i + לקזז, 0); } 

עכשיו קצת טקסט

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

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

 גופן PFont; font = createFont ("CooperBlackMS", 24); textFont (גופן); 

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

 טקסט ("מבחן סינטרה", 10, 20); טקסט ("ambientertainment", 250, 490); 

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

תעטוף את זה

לאחר מכן ההקלטה של ​​PDF מסתיימת, לעצור ביעילות את התוכנית ולכתוב את התמונה הסתיימה בדיסק עם שם הקובץ שהוגדר לעיל:

 endRecord (); 

לבסוף התוכנית מדפיסה הודעה לקונסולה כדי לציין שהיא הסתיימה:

 ("בוצע אלבום חדש נוצר"); 

חידודים

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

כמו כן, תוכנית עיבוד ב- Mac כותב Java כברירת מחדל עבור יצירת יישומים, וזה מה זה היה בשימוש במקרה זה, אבל אתה יכול לכלול מצבים אחרים כגון Coffeescript, Javascript ו Python אם אתה רוצה. גם תחת חקירה היא גירסה של התוכנה המקודדת עבור Javascript שיוצר את כיסוי האלבום באמצעות דף אינטרנט ומוריד אותו למחשב של המשתמש.

יצירת אמנות באמצעות תוכנה היא מגמה הולכת וגוברת באמנות המודרנית. האם היה לך ניסיון כלשהו בעיבוד או ביצירת אמנות? ספר לנו על המחשבות שלך בהערות הבאות.