การเรียนรู้ที่ไม่คาดคิดจากงานเขียนโค้ดทุกวันเป็นเวลาห้าปี

เผยแพร่แล้ว: 2022-03-10
สรุปโดยย่อ ↬ การ เขียนโค้ดงานศิลปะหลายพันชิ้นจะสอนคุณเกี่ยวกับกระบวนการสร้างสรรค์สิ่งหนึ่งหรือสองอย่าง ไม่ว่าคุณจะต้องการเอาชนะความสมบูรณ์แบบ เรียนรู้ทักษะใหม่ๆ หรือเพียงแค่สำรวจด้านขี้เล่นของการเขียนโค้ด โปรเจ็กต์ปกติอาจเป็นสิ่งที่คุณต้องการ

เป็นเวลากว่าห้าปีที่ฉันได้สร้างงานศิลปะดิจิทัลหนึ่งชิ้นต่อวัน โดยใช้โค้ดเพื่อสร้างรูปแบบ รูปร่าง และแอนิเมชั่น โครงการศิลปะประจำวันของฉันช่วยให้ฉันได้สำรวจสไตล์ศิลปะของฉันและเรียนรู้การฝึกเขียนโค้ดอย่างสนุกสนาน เมื่อฉันเริ่มโครงการ มันเป็นความท้าทายที่จะนำเสนอบางสิ่งบางอย่างในแต่ละวันและเผยแพร่ทางออนไลน์ ตอนนี้มันเป็นเพียงส่วนหนึ่งของชีวิตประจำวันของฉัน

เวลาที่ใช้ไปกับ "ชีวิตประจำวัน" ของฉันคือช่วงเวลาที่ฉันมีอิสระในการสำรวจและสร้างสรรค์ เมื่อสิ่งต่างๆ น่าเบื่อ ฉันรู้ว่าฉันต้องท้าทายตัวเองอีกครั้งเพื่อสร้างสรรค์สิ่งที่แปลกใหม่และแปลกใหม่ ฉันยินดีที่จะแบ่งปันความคิดและประสบการณ์ของฉัน และหวังว่าจะได้แรงบันดาลใจที่คุณต้องการเพื่อเริ่มโครงการที่คล้ายกันของคุณเอง

เริ่มต้น

แล้วฉันลงเอยที่หลุมกระต่ายนี้ในการสร้างงานศิลปะในแต่ละวันได้อย่างไร?

ระหว่างเรียน ฉันได้รับการแนะนำให้รู้จักกับการเขียนโปรแกรมแต่ไม่มีเวลาที่จะเข้าใจมันดีพอ ไม่ใช่เพราะฉันขี้เกียจ ฉันเชื่อ แต่เพราะฉันเก่งในการออกแบบมากกว่าในโค้ด อย่างไรก็ตาม ความปรารถนาที่จะเข้าใจวิธีเขียนโค้ดสำหรับงานศิลปะเชิงทัศนศิลป์ยังคงอยู่กับฉันหลังจากที่ฉันเรียนจบ

ในปี 2014 ฉันเริ่มภารกิจเพื่อกลับไปสำรวจการปฏิบัติทางศิลปะของฉัน เนื่องจากการศึกษาของฉันในด้านการออกแบบกราฟิกและการโต้ตอบมุ่งเน้นไปที่การสร้างประสบการณ์ที่มีความหมายมากขึ้น ฉันต้องการสำรวจอย่างอิสระมากขึ้นและยังคงใช้ความรู้ด้านการออกแบบที่ฉันได้เรียนรู้ ฉันเริ่มสำรวจการสร้างรูปแบบกำเนิด งานศิลปะแบบตารางและแอนิเมชั่น

น่ากลัวที่จะเริ่มต้นใหม่อีกครั้งในการสำรวจวิธีเขียนโค้ด เนื่องจากฉันเชื่อว่ามันอาจจะยากเกินไปสำหรับฉันที่จะเรียนรู้ คุณไม่ควรปล่อยให้ประสบการณ์ในอดีตของคุณลดความปรารถนาที่จะเรียนรู้

ระหว่างการค้นหาวิชาต่างๆ ฉันต้องการสำรวจ ฉันได้พบกับ "HYPE Framework" และชั้นเรียน SkillShare โดยนักออกแบบ Joshua Davis สิ่งนี้ทำให้ฉันสร้างรูปแบบการกำเนิด มันเป็นการผสมผสานที่ลงตัวของการใช้ทักษะของฉันในการสร้างรูปร่างใน Illustrator และการใช้เฟรมเวิร์กเพื่อเรียนรู้วิธีการทำงานของโค้ด เมื่อคุณเริ่มต้น การค้นหาบางสิ่งที่จะเรียนรู้ที่ผสมผสานกับทักษะที่คุณมีอยู่แล้วจะช่วยให้บรรลุผลตามที่ต้องการได้ง่ายขึ้น

เอาชนะความสมบูรณ์แบบ

ในช่วงเวลานั้นเองที่ฉันเริ่มสร้างแอนิเมชั่นด้วยซอฟต์แวร์วาดภาพแบบกริด “Hexels” ซึ่งบางครั้งรวมรูปร่างที่ฉันสร้างด้วย Hexels เพื่อใช้กับ HYPE Framework ฉันมีความสุขที่ได้สำรวจและสร้างสรรค์เครื่องมือต่างๆ ที่กำลังเรียนรู้ มีเพียงปัจจัยเดียวที่ฉุดรั้งฉันไว้ นั่นคือ ความสมบูรณ์แบบ งานที่ฉันสร้างไม่เคย "ดีพอที่จะ" ให้คนอื่นเห็น นี่คือสิ่งที่ทำให้ฉันท้าทายตัวเองในการเริ่มการทดลอง "รายวัน"; ฉันจะสร้างงานศิลปะหนึ่งชิ้นในแต่ละวันเป็นเวลาหนึ่งเดือนและอัปโหลดไปยังบล็อก Tumblr ของฉัน

งานศิลป์โดย Saskia Freeke
ซ้าย : Geometric Shapes / 141117 สร้างด้วย Hype Framework และรูปภาพ svg ขวา : Geometric Shapes / 141210, Geometric Shapes / 141210-02, รูปทรงหลายรูปถูกวาดใน Hexels และใช้เพื่อสร้างรูปร่างใหม่ (ตัวอย่างขนาดใหญ่)

การเริ่มสิ่งใหม่เป็นสิ่งที่ท้าทาย แต่มันทำให้ฉันออกจากเขตสบายของฉัน การบรรลุเป้าหมายเล็กๆ น้อยๆ ที่อยู่นอกเขตความสะดวกสบายของคุณ ทำให้คุณอยากบรรลุเป้าหมายที่ยิ่งใหญ่ขึ้นเรื่อยๆ หลังจากที่ฉันเสร็จสิ้นเดือนแรกในเดือนกันยายน 2014 ฉันก็ยังคงทำงานศิลปะเป็นเวลาเกือบทุกวัน แต่ก็ยอมให้ตัวเองข้ามงานอื่นๆ เมื่อถึงวันที่ 1 มกราคม 2558 ฉันคิดว่าเราจะกลับมาทำทุกวัน บางทีฉันอาจทำสองเดือนอาจจะมากกว่านั้น ฉันคิดว่าฉันจะสร้างทุกอย่างที่ฉันสามารถจินตนาการได้ในเวลาเพียงไม่กี่เดือน แต่อย่างที่คุณเห็น มันยังคงดำเนินต่อไป! คุณไม่เคยจบด้วยการสร้างสรรค์

เครื่องมือ

HYPE Framework ช่วยให้ฉันกลับไปเขียนโค้ดและกลับมาสร้างงานศิลปะโดยใช้ "การประมวลผล" ได้ การประมวลผลคือสภาพแวดล้อมสำหรับการเรียนรู้วิธีการเขียนโค้ดในบริบทของทัศนศิลป์ ซึ่งเป็นโครงการโอเพนซอร์ซที่เริ่มต้นในปี 2544 HYPE Framework คือกลุ่มของคลาสการประมวลผล การใช้ HYPE Framework ฉันสร้างรูปแบบโดยใช้ภาพวาดเวกเตอร์ขนาดเล็กและสุ่มวางไว้บนผืนผ้าใบ

การกำหนดสีต่างๆ และเล่นกับพารามิเตอร์อื่นๆ ที่หลากหลาย ฉันสามารถสร้างองค์ประกอบต่างๆ ได้ การใช้ Hexels ฉันสามารถวาดแอนิเมชั่นหรือสร้างรูปร่างเวกเตอร์ขนาดเล็กที่ฉันสามารถใช้เพื่อสร้างรูปแบบได้ รูปร่างขนาดเล็กเหล่านี้จะพิสูจน์ว่าเหมาะอย่างยิ่งสำหรับการสร้างรูปแบบและรูปร่างที่ซับซ้อนมากขึ้น ซึ่งเป็นสิ่งที่ฉันทำไม่ได้หากไม่มีโค้ดอย่างรวดเร็ว การเล่นกับจำนวนรูปร่าง ชนิดของรูปร่าง สี และอื่นๆ ทำให้ฉันมีตัวเลือกมากมายในการสำรวจ

เพิ่มเติมหลังกระโดด! อ่านต่อด้านล่าง↓

วิวัฒนาการ

ในเดือนสิงหาคม 2015 แปดเดือนแล้วในการสร้างงานศิลปะประจำวัน ฉันเริ่มเขียนโค้ดแอนิเมชั่นเรื่องแรกจากสเก็ตช์การประมวลผลที่ว่างเปล่า ฉันใช้เวลาพอสมควรในการค้นคว้าเกี่ยวกับวิธีการดำเนินการเกี่ยวกับกระบวนการสร้างแอนิเมชันและวิธีสร้างสิ่งที่วนซ้ำอย่างแม่นยำ และฉันคัดลอกโค้ดบางส่วนให้มากที่สุดเท่าที่จะหาได้

รหัสอาจดูยุ่งเหยิงมาก และอาจไม่มีประสิทธิภาพนัก แต่ฉันได้สิ่งที่ใช้ได้ผล ในแง่นั้น ไม่สำคัญหรอกว่าโค้ดนั้นไม่ได้ถูกเข้ารหัสอย่างสมบูรณ์ หรือแม้แต่คุณจะเข้าใจวิธีการทำงานอย่างแท้จริง การสร้างบางสิ่งเป็นผลจากการวิจัยของคุณและลองใช้ตัวอย่างอื่นๆ เพื่อสร้างสิ่งใหม่เป็นการเริ่มต้นที่ดีในทุกมุมที่คุณมอง

แอนิเมชั่นเรขาคณิตแอนิเมชั่นเรขาคณิตแอนิเมชั่นเรขาคณิต

เล่นและเรียนรู้

เห็นได้ชัดว่าคุณไม่จำเป็นต้องรู้ว่าบางสิ่งทำงานอย่างไรเพื่อเริ่มเล่นกับมัน แนวทางที่ขี้เล่นช่วยให้ฉันเรียนรู้และเข้าใจว่าสิ่งต่างๆ ทำงานอย่างไร ผลลัพธ์ที่ได้คือภาพที่ได้ช่วยฉันในการทำซ้ำเล็กๆ น้อยๆ เมื่อเรียนรู้สิ่งใหม่ ฉันจะเปลี่ยนโค้ดเล็กน้อยเพื่อพยายามทำความเข้าใจว่าสิ่งเหล่านี้ทำอะไรได้บ้าง ในตอนแรกฉันไม่ค่อยเข้าใจอะไรมากนัก แต่ด้วยการเล่นโค้ดซ้ำๆ ทีละเล็กทีละน้อย ฉันก็ค่อยๆ เข้าใจมันทีละน้อย

ในโครงการเช่นนี้ ศิลปะที่คุณสร้างขึ้นไม่จำเป็นต้องเขียนขึ้นใหม่ทุกครั้ง การวนซ้ำเป็นกุญแจสำคัญในการสร้าง ในปีแรก การสำรวจรายวันมีหลากหลาย ในตอนเช้าฉันจะนึกถึงสิ่งที่ฉันสามารถทำได้ในวันนั้น ซึ่งบางครั้งก็เป็นการรำลึกถึงภาพร่างครั้งก่อนๆ แหล่งที่มาของแรงบันดาลใจอื่นๆ จะเป็นสิ่งที่ปรากฏแก่ฉันในวันนั้น ซึ่งมักจะไม่เกี่ยวข้องกับโค้ดและศิลปะอย่างน่าประหลาดใจ ภายในขอบเขตนี้ ฉันสามารถค้นหาพื้นที่ที่ฉันอยากสำรวจเพิ่มเติมได้

ไม่เป็นไรเลยที่จะเริ่มสร้างสรรค์ด้วยความรู้ที่จำกัดและไม่มีแผนใหญ่ในสิ่งที่คุณต้องการจะทำ คุณจะเข้าใจและเรียนรู้มากขึ้น

ตั้งค่าธีม

นอกเหนือจากความท้าทายในชีวิตประจำวันแล้ว ฉันค่อยๆ ก้าวขึ้นมาพร้อมกับความท้าทายอย่างต่อเนื่อง ตัวอย่างเช่น ฉันจะท้าทายตัวเองให้ใช้จานสีเดียวกันเป็นเวลาสามวันติดต่อกัน แต่ยังคงสร้างองค์ประกอบที่แตกต่างกันโดยใช้องค์ประกอบที่แตกต่างกัน นี่เป็นวิธีที่ยอดเยี่ยมในการสำรวจว่าสีทำงานร่วมกับรูปร่างและองค์ประกอบเฉพาะอย่างไร

ความท้าทายเหล่านี้กลายเป็นความท้าทายที่ยืดเยื้อ ซึ่งฉันจะอธิบายเป็นหัวข้อ ในปีที่ 4 ของงานประจำวันของฉัน ฉันเริ่มทำงานกับธีมรายเดือน ซึ่งจะกระตุ้นให้ฉันลองใช้ความคิดสร้างสรรค์ภายในกรอบงานหรือขอบเขตเฉพาะ สิ่งนี้ช่วยประหยัดเวลาได้มาก เนื่องจากฉันไม่ต้องคิดเกี่ยวกับสิ่งที่ฉันต้องการจะทำในวันนั้น แต่ควรสนุกไปกับกรอบงานที่ฉันเริ่มต้น ขยาย ปรับเปลี่ยน และอื่นๆ นอกเหนือจากการทำให้กระบวนการบางส่วนของฉันง่ายขึ้นและมีประสิทธิภาพมากขึ้นแล้ว สิ่งนี้ยังช่วยและท้าทายให้ฉันมีความคิดสร้างสรรค์ด้วยชุดกฎที่บังคับตนเองเพิ่มขึ้นเรื่อยๆ

หนึ่งเดือนโดยใช้อักขระยูนิโค้ด
แอนิเมชั่นเรขาคณิต / 181001 – 181031 หนึ่งเดือนโดยใช้อักขระ Unicode

หลังจากใช้ธีมรายเดือนเป็นเวลาหนึ่งปี ฉันก็เพิ่มเกมของฉัน เปลี่ยนเป็นธีมประจำสัปดาห์ การทำงานกับธีมรายเดือนที่ฉันพบคือความยืนยาวของแนวทางนี้รั้งฉันไว้ ทำให้ไม่สามารถแสดงความคิดสร้างสรรค์และแรงบันดาลใจบางอย่างออกมาได้ อย่างไรก็ตาม ธีมรายสัปดาห์นั้นสมบูรณ์แบบสำหรับฉัน ทุกสัปดาห์ฉันจะเริ่มต้นใหม่ด้วยธีมใหม่และสำรวจในเชิงลึกต่อไปเป็นเวลาเจ็ดวันในตอนท้าย การได้เห็นธีมมีวิวัฒนาการตลอดสัปดาห์นั้นช่างน่าทึ่ง เป็นการดีที่จะลองเล่นกับแนวทางต่างๆ ดูว่าสิ่งเหล่านั้นรู้สึกและเข้ากับชีวิตของคุณอย่างไร

การสำรวจครั้งใหม่

การเริ่มต้นใหม่มักจะน่าเกลียดเล็กน้อย เมื่อฉันเริ่มสำรวจพื้นที่ใหม่ มีโอกาสที่ฉันขาดความรู้ที่จำเป็นในการสร้างประเภทงานที่ฉันมีอยู่ในหัว

ตัวอย่างเช่น เมื่อฉันเริ่มใช้รูปร่าง 3 มิติในแอนิเมชั่น ตอนแรกฉันคิดว่าฉันต้องค้นคว้าเกี่ยวกับหัวข้อนี้หลายชั่วโมงก่อนจึงจะเข้าใจวิธีใช้รูปร่าง 3 มิติในแบบร่างได้ เนื่องจากบางครั้งชีวิตอาจวุ่นวายเกินไปที่จะมุ่งทำงานเพื่อบรรลุเป้าหมาย "เวลาหลายชั่วโมง" ที่ฉันคิดว่าจำเป็นต้องใช้ไม่ได้เกิดขึ้นเองตามธรรมชาติ

วันหนึ่งการใช้รูปทรง 3 มิติมาเป็นประกายในหัวของฉันเมื่อฉันพร้อมที่จะทำทุกวัน ฉันเพียงแค่ค้นหาวิธีสร้างรูปร่าง 3 มิติและร่างแบบพื้นฐาน โดยทำซ้ำจากแบบร่าง 2 มิติก่อนหน้า

อย่างที่คุณเห็นในภาพสเก็ตช์ 3 มิติสามภาพแรกของฉัน มันไม่ได้สวยงามหรือเป็นแนวทางใหม่ในการเดินทางประจำวันของฉัน แต่นั่นก็ไม่เป็นไรเพราะเป็นอีกก้าวหนึ่ง

แอนิเมชั่นเรขาคณิตแอนิเมชั่นเรขาคณิตแอนิเมชั่นเรขาคณิต

ในอีกไม่กี่วันข้างหน้า ฉันยังคงค้นคว้าเกี่ยวกับการใช้รูปร่าง 3 มิติในภาพสเก็ตช์ของฉัน และในไม่ช้าก็เข้าใจมากขึ้น เช่น การใช้แสง อีกหนึ่งสัปดาห์ในการใช้ผลลัพธ์รูปร่าง 3 มิตินั้นสวยงามกว่าอยู่แล้ว ด้วยเวลาเพียงไม่กี่วันที่รู้สึกไม่สบายใจที่จะไปในทิศทางใหม่ ฉันจึงได้สร้างมิติใหม่ให้เล่น

แอนิเมชั่นเรขาคณิตแอนิเมชั่นเรขาคณิตแอนิเมชั่นเรขาคณิต
แอนิเมชั่นเรขาคณิต / 180124
แอนิเมชั่นเรขาคณิต / 180124

หาเวลา

หนึ่งในความท้าทายที่ยิ่งใหญ่ที่สุดในการสร้างสรรค์ทุกวันคือการหาเวลา นี่คือสิ่งที่คุณต้องเล่นด้วย สำหรับโครงการสร้างสรรค์บางโครงการอาจได้ผลดีที่สุดในตอนเช้า สำหรับโครงการอื่นๆ (เช่นฉัน) ตอนเย็นนั้นยอดเยี่ยม คุณสามารถพูดได้ว่าการสร้างและเล่นกับโค้ดได้กลายเป็นเครื่องมือในการทำสมาธิ ช่วงเวลาส่วนตัวที่ฉันสามารถผ่อนคลายและสร้างสรรค์ได้

การทำบางสิ่งบางอย่างทุกวันทำให้ฉันมีกระแส แต่บางทีอาจไม่มีใครต้องการสร้างสิ่งเล็ก ๆ น้อย ๆ และชอบทำโครงการในแต่ละสัปดาห์แทน ดูว่าอะไรเหมาะกับคุณ อย่าไล่ตามความสมบูรณ์แบบ การทดลอง และการวนซ้ำเป็นหัวใจหลัก ไม่มีงานศิลปะที่สมบูรณ์แบบ เป็นเรื่องตลกที่บางครั้งงานศิลปะที่ไม่โดดเด่นสำหรับฉันโดยส่วนตัวก็ยังมีแนวโน้มที่จะได้รับไลค์มากกว่างานศิลปะอื่นๆ ที่ฉันคลั่งไคล้มากขึ้น

งานศิลป์โดย Saskia Freeke
การสำรวจด้วยเส้นเพื่อสร้างการไล่ระดับสี, รูปทรงเรขาคณิต / 191219, รูปทรงเรขาคณิต / 200102, รูปทรงเรขาคณิต / 200112 (ภาพตัวอย่างขนาดใหญ่)

ลองด้วยตัวคุณเอง

คุณก็รู้แล้วว่าฉันชอบใช้รูปทรงง่ายๆ เพื่อสร้างลวดลาย ฉันได้สร้างสเก็ตช์ให้คุณเล่นแล้ว ลองเปลี่ยนตัวเลขเฉพาะ ทำให้การหมุนเล็กลง หรือทำให้ตารางใหญ่ขึ้นหรือเล็กลง เปลี่ยนขนาดของรูปร่างหรือเพิ่มรูปร่างอื่นๆ สำรวจสิ่งที่คุณสามารถทำได้ ไปที่การอ้างอิง p5.js เพื่อค้นหาข้อมูลเพิ่มเติมเกี่ยวกับฟังก์ชันที่ฉันใช้และเพิ่มตัวเอง

ดูปากกา [รูปแบบรูปทรงเรขาคณิต](https://codepen.io/smashingmag/pen/QWNYWMJ) โดย Saskia Freeke

ดูรูปแบบรูปทรงเรขาคณิตของปากกาโดย Saskia Freeke

หากคุณต้องการเริ่มต้นสร้างงานศิลปะด้วยโค้ด p5js เป็นไลบรารี Javascript ที่ยอดเยี่ยมในการสำรวจ ดูบทแนะนำการเริ่มต้นใช้งานและตัวอย่าง Daniel Shiffman สร้างวิดีโอสอนการใช้งานที่น่าขบขัน ชื่อว่า The Coding Train สำหรับทั้ง p5js และ Processing รวมถึงการใช้ร่วมกับไลบรารี่อื่นๆ สำหรับแรงบันดาลใจเพิ่มเติม ไปที่ OpenProcessing แล้วลองเล่นดู! ผลงานทั้งหมดของฉันในปีที่ผ่านมาสามารถพบได้บนหน้า Tumblr หรือ Instagram ของฉัน

บทสรุป

ความคิดสร้างสรรค์คือการสำรวจ เล่นกับเครื่องมือที่รู้จักและไม่รู้จัก อย่าปล่อยให้ประสบการณ์ในอดีตของคุณมีอิทธิพลต่อความปรารถนาที่จะเรียนรู้ของคุณ ท้าทายตัวเองให้ออกจากเขตสบายของคุณ

คุณไม่จำเป็นต้องเริ่มต้นด้วยโครงการใหญ่ สร้างสิ่งเล็กๆ ที่อาจยิ่งใหญ่ขึ้นเมื่อคุณเลี้ยงดูพวกเขา หาเวลาและแนวทางที่เหมาะสมที่สุดสำหรับคุณ เล่นกับสิ่งนี้เช่นกัน อย่าไล่ตามความสมบูรณ์แบบในงานศิลปะหรือวิธีการของคุณ และที่สำคัญที่สุด ขอให้สนุกกับการสำรวจ