แอนิเมชันแบบสุ่ม

[GN⁺]

ความคิดเห็นจาก Hacker News

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

  • มีบางอันที่เปิดเผยซอร์สโค้ดไว้ด้วย: https://github.com/Bleuje/processing-animations-code
    และยังมีทัวร์รวมแบบเน้นแนวคิดให้ดูที่นี่: https://bleuje.com/tutorials/
    ในทัวร์มีไอเดียเจ๋ง ๆ เยอะมาก เช่นการไล่ผ่าน 4D noise เพื่อให้ได้ลูปที่ต่อเนื่องไร้รอยต่อ และสุดท้ายผมก็เอาไปลองเล่นในโปรเจกต์ของตัวเองด้วย เข้าใจได้ไม่ยากแม้จะไม่ได้ใช้ Processing
  • ผมกลับรู้สึกตรงกันข้ามนะ แบบนี้ก็ดีเพราะยังดูได้แม้บน มือถือโหมดล็อกดาวน์ ที่เปิดหน้า JavaScript สมัยใหม่อลังการ ๆ ได้ไม่มาก

• แอนิเมชันพวกนี้ทำให้นึกถึงช่วง 20~25 ปีก่อน ตอนเปิด ปลั๊กอินภาพวิชวลของ Winamp ทิ้งไว้แล้วฟังเพลง
  เป็นช่วงเวลาที่สนุกดี และแอนิเมชันพวกนี้ก็เท่มาก

  • ถ้าใครอายุพอสมควร อาจจำ สกรีนเซฟเวอร์ Flowfazer ของ Utopia Softworks โดย Todd Rundgren ได้
    เขาเป็นนักพัฒนาที่ลงทะเบียนกับ Apple และผมก็เคยเห็นเขาเดินไปมาในงาน WWDC ช่วงยุค 90 อยู่บ่อย ๆ
  • ใช่เลย แต่พอเปิดภาพวิชวลของ Winamp บน Pentium MMX แล้ว ความลื่นของระบบจะตกลงไปมาก จนทำอะไรแทบไม่ได้ นอกจากเปิดทิ้งไว้แล้วนั่งดูมัน
    เป็นยุคที่เรียบง่ายแต่สนุกดี
  • ผมก็นึกเหมือนกันเลย ตอนนี้ cthugha ไปอยู่ไหนแล้วนะ?
    สมัยนั้นเคยเอาเลนส์แก้วอันใหญ่วางบนจอเพื่อฉายขึ้นเพดานด้วย ทำให้นึกถึงมุกที่ว่าเลือกทศวรรษผิดในการเลิกกัญชา
  • นึกถึง AVS Society เลย :)

• ผมเข้าไปดูซอร์สเพื่อตรวจว่าเป็นการสร้างแบบสุ่มจริง ๆ หรือแค่สุ่มเลือกจากแอนิเมชันที่ทำไว้ล่วงหน้า แล้วก็ยืนยันว่าเป็นอย่างหลัง แถมยังเห็น แท็กวิเคราะห์ข้อมูล แปลก ๆ ด้วย
  Cloudflare บล็อกสคริปต์ไว้ เลยต้องเข้าไปเช็กในเว็บเอง มีอยู่สองจุดที่สงสัย: มีการร้องขอสคริปต์จาก Google แบบบังคับเสมอ และ doNotTrack ก็ถูกฮาร์ดโค้ดเป็น false ทั้งที่เบราว์เซอร์ของผมส่งเฮดเดอร์นี้อยู่ เลยดูเหมือนจะไม่ได้ถูกใส่มาจากฝั่งเซิร์ฟเวอร์อย่างถูกต้อง ไม่รู้ว่าตั้งใจจะทำอะไรกันแน่

  • ใช่แล้ว แอนิเมชันทั้งหมดเป็น วิดีโอที่เรนเดอร์ไว้ล่วงหน้า แล้วฝังไว้ในหน้าเว็บ โดยสุ่มเลือกมาแสดงหนึ่งอัน
    ตรงกันข้าม shadertoy [1] น่าประทับใจมากเพราะแอนิเมชันถูกคำนวณและเรนเดอร์แบบเรียลไทม์
    เมื่อก่อนผมประทับใจ shadertoy มากจนเคยทำเว็บไซต์ที่ใช้ shader เป็นพื้นหลังด้วย Three.js [2] มันแสดง caustics หรือแพตเทิร์นแสงที่เปลี่ยนไปตลอดเวลาซึ่งเกิดจากแสงผ่านคลื่นน้ำแล้วตกบนพื้นสระ ทะเลสาบ หรือทะเล คล้ายกับ [3] มาก ผู้เข้าชมมักคิดเสมอว่าเป็นวิดีโอพรีเรนเดอร์ และก็ตกใจกันจริง ๆ เมื่อรู้ว่าโทรศัพท์ที่มีอายุหลายปียังรัน shader แบบเรียลไทม์ได้ลื่นมาก
    1. https://www.shadertoy.com/browse (เรียงด้วยปุ่ม Hot หรือ Popular)
    2. https://threejs.org/docs/#api/en/materials/ShaderMaterial
    3. https://www.shadertoy.com/view/wlc3zr
  • ก็แค่บล็อกรายการที่เกี่ยวกับ GA ไป

• แม้จะมีแอนิเมชันหลายแบบ แต่ผมนึกถึง Electric Sheep ซึ่งเป็น สกรีนเซฟเวอร์ fractal flame ที่ยอดเยี่ยมมาก
  ติดตั้งไว้ในเครื่องได้ และให้คะแนนชอบหรือไม่ชอบกับ “sheep” แบบต่าง ๆ ตามรสนิยมของตัวเองได้
  [1] https://electricsheep.org/

• ไม่มีใครถาม เลยขอถามเองว่า เขาสร้างสิ่งนี้กันยังไง? มีโปรแกรมที่ออกแบบมาสำหรับ กราฟิก/การเขียนโปรแกรมเชิงภาพ แบบนี้โดยเฉพาะหรือเปล่า หรือเป็นชุดสคริปต์ Python ที่ใช้ไลบรารี 3D/คณิตศาสตร์/การพล็อตกราฟ?

  • ในเว็บมี ทัวร์ สำหรับทำแอนิเมชันแบบนี้ โดยเฉพาะ GIF ที่ลูปได้สมบูรณ์แบบ [1] ดูเหมือนทั้งหมดจะทำด้วย Processing [2]
    [0]: https://bleuje.com/tutorials/
    [1]: https://processing.org/
  • ลองมั่ว ๆ แบบกึ่งสุ่มไปเรื่อย ๆ แล้วค่อยปรับสิ่งที่ดูเท่ซ้ำไปซ้ำมา มันเหมือน การคัดเลือกเชิงวิวัฒนาการ แบบหนึ่ง
    การศึกษาซอร์สของแอนิเมชันอื่น ๆ เพื่อซึมซับไอเดียและแพตเทิร์นโดยรวมก็ช่วยได้มาก
  • มีทั้งโปรแกรมเฉพาะทาง และภาษาที่มักใช้กับ คอมพิวเตอร์อาร์ต อย่าง Processing
    แต่ผมไม่แน่ใจว่า作品พวกนี้ใช้ตัวไหนกันแน่

• ถ้าคลิก latest animations บนเว็บไซต์หลัก จะเห็นรายการเรียงตามเวลา
  [1] https://bleuje.com/animationsite/2023_1/

• ตอนเด็ก ๆ ทุกครั้งที่ผมไข้ขึ้นสูงมาก มักจะเห็นอะไรประมาณนี้เลย

  • ความทรงจำกลับมาชัดเลย ครั้งหนึ่งผมน่าจะกิน Sudafed มากเกินไป แล้วอยู่ในสภาวะกึ่งหลับกึ่งตื่นพร้อมกับเห็นอะไรแบบนี้พอดี
  • สำหรับผมมันให้ความรู้สึกแบบนี้ตอนมี night terrors ช่วงวัยก่อนวัยรุ่น

• บนเดสก์ท็อป ถ้าคลิกขวาแล้วเปิดรายการที่เทียบกับ การแสดงคอนโทรล ของเบราว์เซอร์ จะเห็นจุดวนลูปค่อนข้างชัด
  บางอันลูปสั้นแบบไม่น่าเชื่อ

• มันทำให้นึกถึงฉากในหนังบางเรื่องที่ตัวร้ายอยู่เบื้องหลังสะกดจิตชาวบ้านให้ทำตามใจตัวเอง
  “อย่ามองนั่น มองนี่ ใช้อันนี้”
  “บ้าเอ๊ย เรามาช้าไป พวกเขาถูกดึงลึกเกินไปแล้ว”
  “ถ้าจะหยุด flow ของ tcp เราต้องซิงก์ฐานข้อมูลเมนเฟรมของเซิร์ฟเวอร์ใหม่ให้ทราฟฟิกถูกเปลี่ยนเส้นทาง”
  เพิ่มเติมคือ แอนิเมชันวอร์มโฮล น่าจะต้องมีเพลงธีม Doctor Who ประกอบ

• แปลกดี เมื่อวานผมพยายามส่งลิงก์นี้ให้ญาติทางข้อความ แต่ส่งไม่ผ่านเลย
  ลองดัดแปลงหลายแบบแล้ว ดูเหมือนข้อความกลุ่มทุกอันที่มีลิงก์ bleuje . com จะโดนบล็อก น่าจะมีฟิลเตอร์อะไรบางอย่างอยู่? ผมใช้ T-Mobile กับ Android Messages