למד ליצור גרפיקה אינטראקטיבית עם תחילת העבודה עם עיבוד - 💡 Fix My Ideas

למד ליצור גרפיקה אינטראקטיבית עם תחילת העבודה עם עיבוד

למד ליצור גרפיקה אינטראקטיבית עם תחילת העבודה עם עיבוד


המחבר: Ethan Holmes, 2019

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

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

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

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

כדי לקבל מושג איך עובד עובד, הנה שתי דוגמאות מתוך הספר - אחד מן ההתחלה ואחד ליד הסוף. זוהי דוגמה 3-18; הוא מראה כיצד להגדיר צבעים שקופים:

גודל (480, 120); noStroke (); רקע (204, 226, 225); / / מילוי צבע כחול בהיר (255, 0, 0, 160); // צבע אדום אליפסה (132, 82, 200, 200); // מילוי מעגל אדום (0, 255, 0, 160); // צבע ירוק אליפסה (228, -16, 200, 200); // מילוי מעגל ירוק (0, 0, 255, 160); // צבע כחול אליפסה (268, 118, 200, 200); // הכחולים

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

ערים בערים; הגדרת Void () {size (240, 120); ערים = loadTable ("cities.csv", "כותרת"); שבץ (255); } חלל ריק () {רקע (0, 26, 51); צף xoffset = מפה (mouseX, 0, רוחב, רוחב * 3, רוחב); לתרגם (xoffset, -300); קנה מידה (10); strokeWeight (0.1); עבור (i i = 0; i <city.getRowCount (); i + +) {float latitude = cities.getFloat (i, "lat"); צף קו אורך = cities.getFloat (i, "lng"); setXY (קו רוחב, קו אורך); }} חלל setXY (לצוף, lng לצוף) {לצוף x = מפה (lng, -180, 180, 0, רוחב); צף y = מפה (lat, 90, -90, 0, גובה); נקודה (x, y); }

ניתן להוריד את כל הדוגמאות בספר באמצעות מנהל עיבוד תרומות 3 החדש ולאחר מכן פתח את התפריט File (קובץ). לאחר ש'מנהל התרומות 'פתוח, בחר' תחילת העבודה עם עיבוד 'ולאחר מכן' התקן 'כדי להוסיף אותם לגרסת העיבוד שלך.

בנוסף לספר זה, עבדנו עם לורן מקארתי כדי ליצור תחילת העבודה עם p5.js ועם אליסון פאריש ליצור תחילת העבודה עם Processing.py. לורן העבירה את הספר המקורי ל- JavaScript באמצעות פרויקט p5.js. אליסון העבירה את הספר לפייתון דרך הפרויקט Project.py. שני הספרים משנים את התוכן המקורי בהתאם לשפות התכנות השונות. הספר של לורן זמין כעת, ואליסון תלך בעוד מספר חודשים.

עיבוד, p5.js ו- Processing.py נתמכים כולם על ידי קרן עיבוד. התחלנו את הקרן בשנת 2012 עם המשימה כפולה כדי לקדם אוריינות תוכנה בתוך אמנות חזותית, אוריינות ויזואלית בתחומי הטכנולוגיה הקשורים. המטרה העיקרית שלנו היא להוריד את המכשול של הכניסה קידוד שאינם מפתחים, ולקדם את האמנות החזותית לאנשים מכל הרקע.

אנו שמחים לשתף עיבוד 3 ואת המהדורה השנייה של תחילת העבודה עם עיבוד איתך.



אתה עשוי להתעניין

לשים את כליו לתוך השאלה

לשים את כליו לתוך השאלה


פאב אישי - בניית טחנת CNC

פאב אישי - בניית טחנת CNC


קומפקט עיצוב רבעים חמים: מגשי ישיבה על ידי טניה Aguiñiga

קומפקט עיצוב רבעים חמים: מגשי ישיבה על ידי טניה Aguiñiga


כוח למטה עם DMAIC

כוח למטה עם DMAIC






פוסטים אחרונים