p5.js - ไลบรารี JavaScript โอเพนซอร์สสำหรับการเขียนโค้ดและสร้างงานศิลปะ

 (p5js.org)
3 คะแนน โดย GN⁺ 2024-08-04 | 1 ความคิดเห็น | แชร์ทาง WhatsApp

  • แนะนำ p5.js

    • p5.js เป็นเครื่องมือที่มีประโยชน์สำหรับการเรียนรู้การเขียนโค้ดและการสร้างงานศิลปะ
    • เป็นไลบรารี JavaScript แบบฟรีและโอเพนซอร์สที่พัฒนาโดยชุมชนที่เปิดกว้างและใส่ใจผู้อื่น
    • ยินดีต้อนรับทุกคน ไม่ว่าจะเป็นศิลปิน นักออกแบบ ผู้เริ่มต้น หรือผู้สอน

  • สำรวจเอกสารอ้างอิงของไลบรารี p5.js

    • มีเอกสารอ้างอิงสำหรับไลบรารี p5.js ให้ใช้งาน

  • เรียนรู้ p5.js ผ่านตัวอย่าง

    • สามารถเรียนรู้ p5.js ได้จากตัวอย่างที่หลากหลาย
    • ตัวอย่าง: Geodata Weaving, Slime Molds, Patt Vira เป็นต้น

  • ชมกิจกรรมของชุมชน p5.js

    • แนะนำผลงานที่สร้างโดยชุมชน
    • ตัวอย่าง: Generative Succulents, Padrão Geométrico, Zen Pots, Glitch animation เป็นต้น

  • บริจาคให้ p5.js

    • สามารถบริจาคเพื่อสนับสนุนโครงการ p5.js ได้

  • ดาวน์โหลด p5.js

    • มีลิงก์สำหรับดาวน์โหลดไลบรารี

  • ทรัพยากรของ p5.js

    • มีเอกสารอ้างอิง บทช่วยสอน ตัวอย่าง วิธีมีส่วนร่วม และข้อมูลชุมชนให้ใช้งาน

  • ข้อมูลอื่น ๆ

    • มีข้อมูลเกี่ยวกับการดาวน์โหลด ช่องทางติดต่อ ลิขสิทธิ์ นโยบายความเป็นส่วนตัว และข้อกำหนดการใช้งาน
    • มีลิงก์โซเชียล เช่น GitHub, Instagram, X, YouTube, Discord และ Forum
    • มีลิงก์ไปยังเว็บไซต์ p5.js เวอร์ชันก่อนหน้า

สรุปโดย GN⁺

  • p5.js เป็นเครื่องมือการเรียนรู้ที่ผสานการเขียนโค้ดเข้ากับศิลปะ โดยมีจุดเด่นคือชุมชนที่เปิดรับผู้ใช้หลากหลายตั้งแต่มือใหม่ถึงผู้เชี่ยวชาญ
  • เป็นไลบรารีฟรีและโอเพนซอร์สที่เรียนรู้ได้ง่ายผ่านตัวอย่างและเอกสารอ้างอิงที่หลากหลาย
  • ผู้ใช้สามารถรับแรงบันดาลใจจากผลงานศิลปะหลากหลายที่สร้างโดยชุมชน และสนับสนุนโครงการได้ผ่านการบริจาค
  • โครงการที่มีฟังก์ชันคล้ายกัน ได้แก่ Processing, Three.js เป็นต้น

บทความที่เกี่ยวข้อง

1 ความคิดเห็น

 
GN⁺ 2024-08-04
ความคิดเห็นจาก Hacker News

  • มีการเปิดตัวเว็บไซต์ใหม่ของ p5.js

    • Sovereign Tech Fund มอบเงินสนับสนุน €450k ให้ p5.js ในปี 2023
    • เว็บไซต์ใหม่ทำให้การนำทางและการค้นหาง่ายขึ้น และมีข้อมูลที่เป็นประโยชน์มากขึ้น
    • สามารถเปรียบเทียบวิธีใช้ editor/canvas ของ p5.js เวอร์ชันเก่าและใหม่ได้

  • ได้สร้างเครื่องมือออกแบบโดยใช้ ChatGPT และ p5.js

    • เครื่องมือนี้มีฟังก์ชันปรับสมดุลมวล 5 ก้อนเพื่อสร้างคันธนูแม่เหล็กหมุน
    • สามารถดูผลลัพธ์จากการพิมพ์ 3D ได้ด้วย

  • p5.js เป็นไลบรารีที่ยอดเยี่ยมเพราะมีทั้งความสามารถและใช้งานง่ายสำหรับงานศิลปะ

    • เคยพัฒนาแอปพลิเคชันสำหรับสร้าง generative art โดยใช้ p5.js และ Ruby on Rails เป็นโปรเจกต์ปริญญาตรี
    • สามารถสร้างงานศิลปะได้โดยตรงจากส่วนติดต่อผู้ใช้

  • Processing (เวอร์ชัน Java ต้นฉบับ) เป็นแรงบันดาลใจให้กับไลบรารีจำนวนมาก

    • เคยเขียนเวอร์ชันสำหรับ Racket เป็นโปรเจกต์ช่วงหน้าร้อน
    • ได้แรงบันดาลใจจากช่อง YouTube ของ Daniel Shiffman ชื่อ "The Coding Train"

  • คิดว่าเว็บไซต์ p5.js สวยมาก

    • รู้สึกแปลกใจที่ส่วน About ลบข้อความเกี่ยวกับการสืบทอดแนวคิดจาก Processing ออกไป
    • อาจเป็นเพราะตอนนี้ p5.js ได้รับความนิยมมากกว่า Processing แล้ว

  • เคยใช้ p5.js ในงานระดับมืออาชีพหลายชิ้น

    • ควรรู้เกี่ยวกับเหตุการณ์ที่เกี่ยวข้องกับหนึ่งในผู้สร้างภาษา Processing
    • ตอนนี้รู้สึกเสียดายที่เคยสนับสนุน Processing Foundation

  • ในชุมชน OpenProcessing ของ p5.js มีผลงานเจ๋ง ๆ อยู่หลายพันชิ้น

    • แม้จะใช้ Python เป็นหลัก แต่ก็ได้เรียนรู้ JavaScript จากการแก้ไขโปรแกรม p5.js

  • Daniel Shiffman แนะนำไลบรารีนี้ให้เมื่อหลายปีก่อน

    • วิดีโอของเขามีความสำคัญอย่างยิ่งต่อการพัฒนาตัวเองในฐานะโปรแกรมเมอร์

  • p5.js เป็นไลบรารีที่ยอดเยี่ยมสำหรับการสร้างเกมอย่างรวดเร็ว

    • เคยสร้าง simulation น้ำขนาดเล็ก และคิดว่า p5.js เรียนรู้ได้ง่าย

  • ด้วยไลบรารีและเอกสารประกอบที่ยอดเยี่ยมของ p5.js ทำให้เริ่มทำแอนิเมชันได้อย่างรวดเร็ว

    • ทำโปรเจกต์เสร็จภายในไม่กี่วัน