- แผนที่ดิจิทัลขนาดใหญ่ที่ถ่ายทอดทั่วทั้งนครนิวยอร์กในรูปแบบ พิกเซลอาร์ตไอโซเมตริก
- อาคาร ถนน สวนสาธารณะ และโครงสร้างเมือง ถูกจำลองอย่างประณีตในระดับพิกเซล
- มีอินเทอร์เฟซบนเว็บที่รองรับ การซูมเข้า-ออกและการสำรวจ
- เป็น การสร้างแผนที่เมืองเชิงสร้างสรรค์ ที่ผสานการแสดงออกทางศิลปะเข้ากับการทำภาพข้อมูลเมือง
- เป็นตัวอย่างของการ ตีความภูมิทัศน์เมืองอันซับซ้อนของนิวยอร์กใหม่ด้วยดิจิทัลอาร์ตและเทคโนโลยี
ภาพรวมโปรเจกต์ Isometric NYC
- Isometric NYC คือโปรเจกต์บนเว็บที่ถ่ายทอดนครนิวยอร์กเป็น แผนที่พิกเซลอาร์ตไอโซเมตริก (ภาพฉายมุมเท่า) ขนาดมหึมา
- บรรยายพื้นที่สำคัญและสถาปัตยกรรมของเมืองอย่างละเอียดในระดับพิกเซล
- มอบเอฟเฟกต์ 3 มิติที่ดูคล้ายกราฟิกในเกม
- ผู้ใช้สามารถ ซูมเข้า-ออกและสำรวจ แผนที่ได้อย่างอิสระบนเว็บไซต์
- สามารถรับชมโครงสร้างรายละเอียดของแต่ละย่านและแพตเทิร์นของเมืองในเชิงภาพได้
จุดเด่นด้านภาพและองค์ประกอบทางเทคนิค
- แผนที่ถูกสร้างขึ้นในสไตล์ พิกเซลอาร์ต ทำให้โครงสร้างเมืองที่ซับซ้อนของนิวยอร์กถูกทำให้เรียบง่ายลง แต่ยังคงดูมีชีวิตชีวา
- ใช้ วิธีฉายภาพไอโซเมตริก เพื่อคงมิติความลึกไว้ พร้อมทั้งจัดองค์ประกอบที่ช่วยให้มองเห็นทั้งเมืองได้ในภาพเดียว
- ใช้การเรนเดอร์บนเว็บเพื่อ แสดงข้อมูลกราฟิกขนาดใหญ่ได้อย่างมีประสิทธิภาพ
คุณค่าทางศิลปะ
- เป็นการนำเมืองมาสร้างใหม่ในรูปแบบ งานศิลปะเชิงภาพ ไม่ใช่เพียงข้อมูล
- ตีความอาคารสัญลักษณ์และแพตเทิร์นของถนนในนิวยอร์กใหม่ด้วย ภาษาความงามแบบพิกเซลระดับจุด
- นำเสนอ วิธีใหม่ในการทำให้ประสบการณ์ของเมืองมองเห็นได้ ผ่านการผสานเทคโนโลยีดิจิทัลกับศิลปะ
ความเป็นไปได้ในการนำไปใช้
- เป็น ตัวอย่างอ้างอิง ที่นำไปใช้ได้ในหลายสาขา เช่น การออกแบบเมือง กราฟิกเกม และการทำภาพข้อมูล
- สามารถนำโครงสร้างเชิงพื้นที่ของนครนิวยอร์กไปใช้เป็น คอนเทนต์ด้านการศึกษาและวัฒนธรรม ได้
บทสรุป
- Isometric NYC เป็น โปรเจกต์การทำภาพเมืองที่ผสานเทคโนโลยีกับศิลปะ และเป็นความพยายามอันโดดเด่นในการถ่ายทอดภูมิทัศน์อันซับซ้อนของนิวยอร์กด้วยพิกเซลอาร์ต
- เป็นกรณีตัวอย่างที่แสดงให้เห็น ความเป็นไปได้ใหม่ของการนำเสนอแผนที่ดิจิทัล
1 ความคิดเห็น
ความเห็นจาก Hacker News
นี่เป็นผลงานที่น่าทึ่งจริงๆ ชัดเจนและเข้าใจง่ายกว่าภาพถ่ายดาวเทียมแบบเดิมมาก
พอได้มองย่านที่คุ้นเคยของนิวยอร์กก็ทำให้เข้าใจโครงสร้างเชิงพื้นที่ในมุมใหม่ ความสมดุลระหว่างความซับซ้อนกับความเรียบง่ายนั้นสมบูรณ์แบบ
คำว่า ‘pixel art’ อาจชวนให้ถกเถียง แต่ก็ไม่รู้จริงๆ ว่าควรเรียกมันว่าอะไรดี จะบอกว่าเหมือน pixel art ที่ไม่มีพิกเซลก็คงประมาณนั้น ไม่ว่ายังไงก็ชอบมาก
จริงๆ ผมอยากให้มันมีกลิ่นอายแบบ ‘SimCity’ แต่ก็เลี่ยงชื่อนั้นเพราะกลัวจะชวนให้ตีความไปอีกแบบ เลยเรียกมันว่า ‘pixel art’ ทั้งที่ก็พอคาดไว้แล้วว่าจะมีคนคัดค้าน
เรื่องแนวหรือการติดป้ายเรียกเป็นอะไรนั้นยากเสมอ โดยเฉพาะในยุค AI ที่บริบทและความหมายยิ่งพันกันมากขึ้น
แต่ท้ายที่สุดผมคิดว่าสิ่งสำคัญคือการสร้างสรรค์อย่างจริงใจ เพราะศิลปะคือการกระทำที่ปลุกเร้าอารมณ์
ตอนแรกคาดหวังไว้มาก แต่พอดูละเอียดแล้วก็ยังเห็นร่องรอยของ AI ค่อนข้างชัด
ถึงอย่างนั้นบทความก็ดีมาก แนะนำให้อ่านกัน ผลงานยังให้ความรู้สึกเหมือนมีอะไรบางอย่างขาดไป อาจเป็นเพราะเอฟเฟกต์การทำให้เป็นพิกเซลยังไม่มากพอก็ได้
โดยรวมแล้วเป็นตัวอย่างที่ยอดเยี่ยมของการผสานศิลปะกับ AI
คำถามที่ว่า “ตอนนี้อะไรที่เป็นไปได้บ้าง?” น่าประทับใจมาก
ในฐานะนักดนตรีอิเล็กทรอนิกส์ ผมใช้เวลาหลายพันชั่วโมงไปกับการ ลากกรอบ และงานซ้ำๆ แบบนี้ให้ความรู้สึกเหมือนแรงงานหนักมากกว่าจะเป็นงานสร้างสรรค์
สุดท้ายแล้วผมคิดว่าคุณภาพของศิลปะไม่ได้ขึ้นอยู่กับว่า ‘ลงแรงไปมากแค่ไหน’ แต่ขึ้นอยู่กับว่า ‘ตัดสินใจได้ดีแค่ไหน’ ต่างหาก
งานที่ทำด้วยมืออาจน่าเบื่อได้ แต่ไม่ได้แปลว่ามันไม่สร้างสรรค์
การบอกว่า generative AI จะมาทำ ‘ส่วนที่น่าเบื่อ’ ให้ แท้จริงแล้วก็เท่ากับ ยอมสละอำนาจการตัดสินใจ เพราะ AI จะเป็นฝ่ายตัดสินใจเอง
โปรเจกต์นี้ทำให้ผมกลับมารักนิวยอร์กอีกครั้ง ขอบคุณ
ถ้าโปรเจกต์นี้คือผลลัพธ์จากการ fine-tune Qwen เพื่อสร้างไทล์ในสไตล์เดียวกันได้อย่างเสถียร ก็น่าทึ่งมาก
ผมยังไม่เข้าใจทั้งหมดว่ากระบวนการ “masking” ทำงานอย่างไร อยากรู้ว่าจัดการขอบต่อกับไทล์ข้างเคียงยังไง
ดูได้จากภาพนี้ ด้านซ้ายของอินพุตเป็นการผสมกันระหว่าง pixel art กับเท็กซ์เจอร์ภาพถ่าย ส่วนเอาต์พุตด้านขวาเป็น pixel art ที่ลื่นไหล
ต้องป้อนอินพุตเป็นหน่วยไทล์ 2x2 ถึงจะทำให้แนวขอบดูเป็นธรรมชาติ ถ้าไม่ใส่ไทล์ที่สร้างไปแล้วไว้ในอินพุต ก็จะเกิด รอยต่อทางภาพ
ขอโทษที่เซิร์ฟเวอร์ล่มเพราะคนเข้าเยอะ ผมจ่ายค่าเช่า H100 ไปพอสมควร แต่กับ Cloudflare worker ใช้ไปไม่ถึง 5 ดอลลาร์ ตอนนี้กลับมาใช้งานได้แล้ว
วิธีที่รูปไทล์ค่อยๆ โหลดขึ้นมานั้นเข้ากับ สไตล์ pixel art ได้ดีมาก เป็นรายละเอียดที่เจ๋ง
ตอนนี้เข้าไม่ได้ เกิด CORS error
ในลิงก์นี้ ขึ้นว่าไม่มี header ‘Access-Control-Allow-Origin’
พอแก้แล้วถึงรู้ว่าเป็นปัญหา rate limit ของ Cloudflare worker ถึงอย่างนั้นตัวบทความก็น่าสนใจ และข้อสังเกตเรื่อง ‘tool → lib → application’ ก็น่าประทับใจมาก
Chromium บอกว่า fetch ล้มเหลว ส่วน Zen ขึ้น network error
ขอบคุณที่บันทึกกระบวนการไว้อย่างละเอียด
อาจมีคนวิจารณ์เรื่อง ‘agentic coding’ แต่การที่เอาไอเดียแบบนี้มาทำให้เกิดขึ้นจริงได้ก็น่าทึ่งมาก
แค่เพราะอุปสรรคในการลงมือลดลง ไม่ได้หมายความว่า ขีดจำกัดของความคิดสร้างสรรค์ จะลดลงตาม
เห็นด้วยกับคำพูดที่ว่าถ้าไม่มีโมเดลเชิงกำเนิด โปรเจกต์แบบนี้คงเป็นไปไม่ได้
แต่ในความเป็นจริงก็มีคนสร้างนิวยอร์กแบบย่อส่วนเป็นชิ้นๆ ไว้แล้ว — ลิงก์นี้
ถึงจะเป็นโปรเจกต์แบบทีม แต่ก็ ใช้แรงงานเข้มข้น กว่า pixel art มาก