เทคโนโลยีการสร้างแบบไร้ขีดจำกัด

สร้างสรรค์ด้วยการผสมผสานธาตุน้ำ ไฟ ลม และดิน

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

ความเห็นของ GN⁺

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

[GN⁺]

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

• เล่นกับเพื่อน ๆ ไปเยอะมากแล้วจนรายชื่อธาตุในแถบด้านข้างยาวเกินจะรับไหว และถ้าแปะ JavaScript สั้น ๆ ลงในคอนโซลก็สามารถเพิ่ม ฟังก์ชันค้นหา พื้นฐานได้
  วิธีคือรวบรวม .items div.item แล้วซ่อนรายการที่ไม่ตรงกับค่าที่ป้อน พร้อมเพิ่ม input ไว้ด้านบนสุดของ .sidebar
  • เป็นวิธีที่เจ๋งมาก แต่เดิมผมหาด้วย ctrl+f อยู่
    ตอนนี้มีคำ มากกว่า 1200 คำ แล้ว เลยเข้าใจเต็ม ๆ ว่ารายการมันจัดการยากแค่ไหน
  • รายการยาวเกินไปจนสุดท้ายกดรีเฟรชไปแล้ว ถ้าเห็นสิ่งนี้ก่อนสัก 10 นาทีคงดีมาก
    แบบนี้เย็นนี้คงต้องเสียเวลาเพิ่มอีก 30 นาทีแน่
• สงสัยว่าใช้ LLM ในการสร้างผลลัพธ์ของการผสมหรือเปล่า
  ทุกครั้งที่รวมไอเท็มจะมีการส่งคำขอไปแบ็กเอนด์ และบางทีก็กินเวลาเกิน 500ms แถมยังรองรับการผสมหลุดโลกที่ดูไม่น่าใช่คนมานั่งทำทีละอัน
  การที่ไอคอนเป็นอีโมจิก็อธิบายได้เหมือนกัน เพราะให้ ChatGPT ช่วยหาอีโมจิที่เข้ากับผลลัพธ์ของ Fire + Water ได้ง่าย
  • ตามทวีตนี้ใช่เลย: https://nitter.cz/nealagarwal/status/1747284257582506102#m
    ถ้า Nitter ใช้งานไม่ได้อาจดูไม่เห็น แต่เนื้อหาคือ “กำลังทำเกมคราฟต์ไม่รู้จบด้วย llama 2” และมีวิดีโอของเกมนี้แนบไว้
  • ถ้าชอบหน้าเว็บไร้สาระแต่ตลก ๆ ก็มีอันนี้ด้วย: https://sharkle.com
  • รู้สึกว่า LLM มันเกินความจำเป็นสำหรับโปรเจกต์แบบนี้ ใช้ word2vec ก็น่าจะพอแล้วหรือเปล่า
  • งั้นก็คงเป็นเหตุผลว่าทำไมถึงได้ทั้ง “Super volcano” กับ “Supervolcano”
  • ความโง่ของการอนุมานแบบ LLM ทำให้หมดสนุกไปเลย
    Fossil + Fire = Dinosaur นี่นะ ก็โอเคละกัน
• ตอนแรกไม่เข้าใจและนึกว่ามันพังในเบราว์เซอร์
  ลากไอเท็ม 4 แบบไปวางบนกริดลอย ๆ แล้วมีเส้นเชื่อมขึ้นมา แต่ก็ไม่มีอะไรเกิดขึ้น
  มารู้ทีหลังว่าต้องลากไอเท็มให้ซ้อนทับกันถึงจะเปลี่ยนได้ ซึ่งคำแนะนำไม่ชัดเจน
  • ไม่ได้โง่หรอก อินเทอร์เฟซนี้ไม่ใช่แค่ไม่ชัด แต่เหมือนบอกเป็นนัยให้ทำตรงข้ามกับสิ่งที่ควรทำ
    หนึ่งในบทเรียนที่ดีที่สุดจาก The Design of Everyday Things ของ Don Norman คือผู้ใช้แทบไม่เคยโง่ เขาแค่เป็นมนุษย์ และหน้าที่ของนักออกแบบคือต้องทำให้เข้าใจได้ว่าจะใช้สิ่งของหรือโปรแกรมนั้นอย่างไร
    ตรงนี้มันดูเหมือนให้ลากไอเท็มไปเชื่อม “กลุ่มดาว” ผ่านจุดที่มีอยู่เดิม และไม่มีสัญญาณอะไรเลยว่าต้องเอาป้ายชื่อมาซ้อนกัน
    แถมจากประสบการณ์เดิม คนยังมักเลี่ยงการซ้อนกันเพราะคิดว่าป้ายจะทับกันจนมองไม่เห็น และเส้นที่วาดระหว่างจุดกับป้ายใกล้ ๆ ก็ยิ่งทำให้ดูเหมือนเกมเชื่อมโยงแบบกราฟ ถ้าไม่ได้มาอ่านคอมเมนต์ก็คงไม่คิดว่าจะต้องลากไอเท็มมาทับกัน
  • เส้นพวกนั้นเป็น องค์ประกอบที่ชวนให้เข้าใจผิด ควรเอาออก
    จนตอนนี้ก็ยังไม่รู้เลยว่าเส้นที่เชื่อมกับจุดเล็ก ๆ ที่ขยับไปมานั้นมีไว้ทำอะไร
  • ไม่ได้โง่เลย มันไม่ชัดจริง ๆ
  • เพราะไม่มีคำแนะนำ เลยเข้าใจผิดได้ง่ายว่า Firefox ไม่รองรับ
    ผมก็เจอประสบการณ์แย่แบบเดียวกัน
  • ตอนแรกนึกว่าต้องจัด รูปทรงเรขาคณิต ด้วยหลายไอเท็ม
    ลองเอาไฟ 5 อันล้อมน้ำเป็นวงแล้วก็ไม่มีอะไรเกิดขึ้น จนมาอ่านคอมเมนต์ใน HN ถึงรู้ว่าต้องเอาไอเท็มมาผสมกัน
• คล้ายกับ https://littlealchemy.com หรือ https://littlealchemy2.com มาก
  • ตอนแรกผมก็สับสนเพราะนึกความต่างไม่ออก แต่ดูเหมือนว่านี่เป็นเวอร์ชันสไตล์ Neal.fun ที่ใช้ LLM เพื่อเปิดให้มีการผสมได้มากขึ้นมาก
    อยากให้เขียนจุดนี้ไว้บนหน้าเว็บให้ชัดกว่านี้หน่อย
  • ใช่เลย ผมนึกไม่ออกว่ามันทำให้นึกถึงอะไร แต่มันคือ Little Alchemy นั่นเอง
    ไม่รู้ใช้เวลาไปกับมันเท่าไหร่แล้ว
  • เป็นหนึ่งในเกมออนไลน์ที่ชอบที่สุดตอนเด็ก ๆ และผมก็มาพูดแบบเดียวกันนี่แหละ
  • Doodle God ก็ฮิตมากเหมือนกัน
• ตอนยุคทองของ Macromedia/Adobe Flash ผมเคยทำงานเหมือน นักพัฒนาเงา ให้หลายบริษัท นักพัฒนา และผู้เขียนหนังสือ
  ครั้งหนึ่งมีงานจ้างให้สร้างชุดบทเรียนสำหรับครูเพื่อใช้สอนกายวิภาคศาสตร์มนุษย์เป็นหลักแก่เด็ก ๆ แต่แทนที่จะทำบทเรียนแยก ๆ ผมกลับทำเครื่องมือเชิงกำเนิดที่ให้ครูลากแล้ววางชุดค่าผสมและการเรียงสับเปลี่ยนต่าง ๆ เพื่อสร้างรูปแบบบทเรียนได้แทบไม่รู้จบ
  ลูกค้าปลายทางคือ Pearson Publishing และได้ยินมาว่ามันยังได้รางวัลด้วย
  คนจ้างก็เป็นคนดีมาก จ่ายเพิ่มให้ด้วยเพราะผมทำเวอร์ชันที่ดีกว่าที่คิดไว้ตอนแรก
  เครื่องมือนั้นก็คล้ายกับเกมนี้หรือเครื่องมือบางอย่างที่พูดถึงในคอมเมนต์ แต่ทั้งหมดทำด้วย ActionScript Flash และเป็นงานที่สนุกคุ้มค่ามาก มีทั้งเสียง เสียงหัวเราะ และสไปรต์ชิ้นส่วนร่างกายที่เพิ่มขึ้นเรื่อย ๆ
  • คิดถึง Flash และความสามารถเจ๋ง ๆ ที่ทำได้ในยุคนั้น
    ที่บริษัทเก่าเคยทำเครื่องมือให้ครูเปิดงานแอนิเมชันของนักเรียน เล่นย้อนกลับ ใส่คำอธิบายประกอบ และอัดวิดีโอรีวิวไปพร้อมกันได้
    ตอนเล่นกลับ คำอธิบายประกอบจะซิงก์กับวิดีโอ ซึ่ง ถ้าจะทำแบบนั้นด้วย JavaScript ก็ดูไม่ง่ายเลย
• ถ้ารีเฟรชแล้วสถานะเกมหาย ผมเลยทำ คอนโซลสคริปต์สั้น ๆ สำหรับส่งออกรายการธาตุ
  มันพิมพ์ window.$nuxt..._data.discoveries และ elements ออกมาเป็น JSON ส่วนวิธีนำเข้ากลับตั้งใจว่าจะค่อยดูทีหลัง แต่ตอนนี้เลยเที่ยงคืนแล้ว
  • นำสถานะกลับมาได้โดยเอา JSON ที่พิมพ์ออกมาเก็บไว้ในตัวแปร แล้วกำหนดกลับเข้าไปที่ _data.elements และ _data.discoveries
  • รายการสิ่งที่ค้นพบมี Leviathan Shark, Burnzilla, Cybersharktopus, T-48000050, T-121800051 + T-160000 อะไรพวกนี้
    เหมือนเผลอค้นพบ AI ที่จำลองตัวเองได้ และอีโมจิก็เปลี่ยนจากหุ่นยนต์เป็นอวกาศแล้วกลับมาเป็นอีโมจิกองอึอีกที
    เลยเริ่มสงสัยว่าเราอยู่ในยุค AI ขั้นไหนกันแน่
• ถ้ามีวิธีที่ดีกว่าในการกดดูทุกการผสม อยากให้ช่วยบอกที

ตอนนี้กำลังใช้สคริปต์ที่วนลูป mobile-item คลิกไอเท็มสองชิ้น แล้วแสดงความคืบหน้าในชื่อเอกสารด้วย setInterval หน่วงเวลา 500ms
TODO คือหาวิธีอื่นที่ไม่ต้องพึ่งการหน่วงเวลา

• น่าจะลดสถานะลงได้
  แทนที่จะติดตาม maxElementReached แยกตามแต่ละองค์ประกอบ ก็เก็บ maxElementReached เดียวสำหรับ n องค์ประกอบแรกก็พอ
  คือดัน n องค์ประกอบแรกไปข้างหน้าพร้อมกัน แล้วทุกครั้งที่ใช้ชุดค่าผสมที่เป็นไปได้ของเซ็ตนั้นหมด ก็เพิ่ม n ขึ้น 1
  ถ้าเขียนเป็น pseudocode ก็เริ่มจาก n = 1, maxElementReached = -1 แล้วจับคู่ทุกองค์ประกอบแรก n ตัวกับองค์ประกอบถัดไป ไล่ให้มันตามทันองค์ประกอบใหม่ แล้วค่อยเพิ่ม n
• มี เวอร์ชันย่อ ที่ GPT-4 ช่วยย่อให้ด้วย
  ยังไม่ค่อยเข้าใจว่ามันทำงานยังไง แต่ดูเหมือนจะเป็นโฟลว์เดียวกับสคริปต์เดิม
• ขอบคุณมาก ฉันรันสคริปต์ไปเกือบ 20 ชั่วโมง แล้ว และค้นพบไอเท็ม 3000 ชิ้น รวมถึง One Does Not Simply Walk Into Mordor
• อยากให้มันเป็นเกมจริง ๆ
  ถ้ามันคอยแสดงไอเท็มเป้าหมายที่ต้องสร้าง และกว่าจะไปถึงต้องคราฟต์จากไอเท็มเดิม 2-3 ชิ้นเป็นลำดับขั้นก็น่าจะสนุก
  เช่น เอาของสองชิ้นเดิมมารวมกันก่อนแล้วค่อยเอาไปรวมกับชิ้นที่สาม หรือรวมกันเป็นสองคู่ก่อนแล้วค่อยเอาผลลัพธ์มารวมกัน
  ระหว่างเล่นพอไอเท็มเพิ่มขึ้นก็น่าจะซับซ้อนขึ้นเรื่อย ๆ และถ้าสุ่มใหม่ทุกครั้งที่เล่นก็คงดี
  การลากบนทัชแพดน่าเบื่อเร็ว เลยอยากให้มี การเล่นด้วยคีย์บอร์ดล้วน ที่เลือกไอเท็มผ่านระบบเติมคำอัตโนมัติได้ด้วย
  • จำได้ว่าเคยมีเกมมือถือแนวนี้อยู่ไม่กี่เกม
    เอาธาตุมารวมกันให้เกิดของใหม่ แล้วเอาของนั้นไปใช้กับอย่างอื่นต่อ
    ค้นดูแล้วคือ Little Alchemy และมีภาคต่อด้วย
  • น่าจะชอบ Scribblenauts
    https://en.wikipedia.org/wiki/Scribblenauts
  • เมื่อก่อนเคยเล่นเกมคล้าย ๆ กันชื่อ cow evolution:idle merge game
    มันไม่ได้สุ่ม และออกแบบมาแนวกล่องรางวัล เลยอาจไม่ตรงกับที่อยากได้เป๊ะ ๆ
  • Doodle God ทำงานแบบนี้เป๊ะเลย
    ให้ความรู้สึกสะใจมากและทำมาได้ดีมาก
• มี การค้นพบครั้งแรก ของฉันอยู่หลายอย่าง
  Frankenstein + angel = Angelstein แล้วต่อด้วย Angelstein + Baby = Angelina Jolie, Dangerous + Sherlock Holmes = Moriarty, Dark Law + us Constitution = Dark Constitution, Thor + Guardian = Heimdall, Avengers + Multiverse = Endgame, Cleanest + Terminator = Cleaninator
  ชุดผสมที่ตลกก็มี us America + hole = Donut, Money Water -> Vodka + Casino => Roulette + Vodka -> Russian Roulette + Certainty -> Suicide, Toxic Waste + batman -> The Joker, Divorce + Ex-wife => Splitting headache, Time Travel + Iron Man -> Terminator, Government + Terminator -> Robocop, Terminator + Divorce -> Arnold Schwartzenegger
  ส่วนที่ชวนงงคือ Darth vader + Toxic Waste => Superman?, Pirate + Superman => Captain America
  • ก็มีบางอันที่ไม่งงเลยแม้แต่น้อย
    Lincoln + Wife = Lincoln's wife ไง น่าจะเดาได้อยู่แล้ว
• ฉันหลุดเข้าไปใน โพรงกระต่ายแห่งสัตว์ประหลาด แล้วสร้างมอนสเตอร์พวกนี้ออกมา
  Dragon + Lazer = Dragonzord, Dragonzord + Sandpunk = Sandzord, Dragon-Rex + Hippopotamus = Hippodragon, Hippodragon + Mega Dragonzord = Mega Hippodragonzord, Mega Hippodragonzord + Flying Circus = Mega Flying Circus Hippodragonzord, Zombie + Mega Dragonzord = Zombie Dragonzord, Swan + Megazord = Swan Megazord ประมาณนี้
  ยิ่งเหลวไหลขึ้นเท่าไรก็ยิ่งสนุก และหลังจาก Dragonzord ทั้งหมดนั้นเป็นการค้นพบครั้งแรก
  • ไม่รู้ว่าจะสนใจงานวิจัยของฉันด้วยไหม
    ฉันไปได้ถึง Ultrazord + lord of the salad = saladzord, Dragonzord + Godzilla = godzord, Godzord + lord of the salad = Godzord of the salad, Lord of the rings + godzord = gozord of the rings, Godzord of the salad + godzord of the rings = godzord of the salad rings, Godzord of the Caribbean + donkey Kong = donkey kongzilla, Megazord + megazord = mega megazord, Donkey kongzilla + mega megazord = donkey kongzilla megazord
    จำไม่ได้แล้วว่า lord of the salad ได้มายังไง
  • โอ้โห Sandy Hook + Cereal Killer = Adam Lanza ออกมาด้วย
  • นอกเรื่องนิดหนึ่ง ยังมี คำที่เข้ากันไม่ได้ ซึ่งเอามารวมกันไม่ได้ด้วย
    เท่าที่เจอมาจนถึงตอนนี้คือ Dragon + Angel, Train + Star, Fish + Yin Yang, Orc + Ninja