- Bản đồ số quy mô lớn trực quan hóa toàn bộ Thành phố New York theo phong cách pixel art isometric
- Các công trình đô thị như tòa nhà, đường phố, công viên được tái hiện tỉ mỉ tới từng pixel
- Cung cấp chức năng phóng to, thu nhỏ và khám phá thông qua giao diện web
- Hiện thực hóa một bản đồ đô thị sáng tạo kết hợp biểu đạt nghệ thuật với trực quan hóa dữ liệu đô thị
- Một ví dụ về việc diễn giải lại cảnh quan đô thị phức tạp của New York bằng nghệ thuật số và công nghệ
Tổng quan về dự án Isometric NYC
- Isometric NYC là một dự án web thể hiện Thành phố New York dưới dạng bản đồ pixel art isometric (chiếu trục đo) khổng lồ
- Mô tả chi tiết các khu vực và công trình kiến trúc chính của thành phố tới từng pixel
- Mang lại hiệu ứng 3D tương tự đồ họa trong game về mặt thị giác
- Người dùng có thể tự do phóng to, thu nhỏ và khám phá bản đồ trên website
- Có thể thưởng thức trực quan cấu trúc chi tiết của từng khu vực và các mẫu hình đô thị
Đặc điểm thị giác và cấu trúc kỹ thuật
- Bản đồ được tạo theo phong cách pixel art, giúp đơn giản hóa cấu trúc đô thị phức tạp của New York nhưng vẫn thể hiện sinh động
- Sử dụng phép chiếu isometric để giữ được cảm giác không gian ba chiều, đồng thời mang lại bố cục cho phép quan sát toàn thành phố trong một khung nhìn
- Thông qua kết xuất trên nền web, dự án có thể hiển thị hiệu quả dữ liệu đồ họa quy mô lớn
Ý nghĩa nghệ thuật
- Là một hình thức tái cấu trúc đô thị như một tác phẩm nghệ thuật thị giác, thay vì chỉ là dữ liệu
- Diễn giải lại các tòa nhà mang tính biểu tượng và các mẫu đường phố của New York bằng ngôn ngữ thẩm mỹ ở cấp độ pixel
- Đề xuất một phương thức trực quan hóa mới cho trải nghiệm đô thị thông qua sự kết hợp giữa công nghệ số và nghệ thuật
Khả năng ứng dụng
- Có thể là ví dụ tham khảo trong nhiều lĩnh vực như thiết kế đô thị, đồ họa game và trực quan hóa dữ liệu
- Cấu trúc không gian của Thành phố New York có thể được khai thác làm nội dung giáo dục và văn hóa
Kết luận
- Isometric NYC là một dự án trực quan hóa đô thị kết hợp công nghệ và nghệ thuật, một nỗ lực độc đáo tái hiện cảnh quan phức tạp của New York bằng pixel art
- Là một ví dụ cho thấy những khả năng mới trong cách biểu đạt bản đồ số
1 bình luận
Ý kiến trên Hacker News
Đây thực sự là một tác phẩm đáng kinh ngạc. Nó rõ ràng và trực quan hơn hẳn các bản đồ vệ tinh thông thường
Dù nhìn những khu vực quen thuộc của New York, tôi vẫn có cảm giác hiểu lại cấu trúc không gian theo một cách mới. Sự cân bằng giữa độ phức tạp và tính đơn giản là hoàn hảo
Cách gọi là “pixel art” thì còn gây tranh cãi, nhưng tôi cũng không biết chính xác nên gọi nó là gì. Kiểu như pixel art mà không có pixel chăng? Dù sao thì tôi thực sự rất thích nó
Thực ra tôi muốn tạo cảm giác kiểu ‘SimCity’, nhưng lại tránh dùng tên đó vì sợ nó gợi ra những hàm ý khác. Vì thế tôi gọi nó là “pixel art”, nhưng cũng đã đoán trước sẽ có phản ứng trái chiều
Thể loại hay nhãn gọi lúc nào cũng khó. Đặc biệt trong thời đại AI, ngữ cảnh và ý nghĩa còn đan xen hơn nữa
Nhưng rốt cuộc điều quan trọng vẫn là sáng tạo chân thành. Vì nghệ thuật là hành vi gợi lên cảm xúc
Lúc đầu tôi kỳ vọng rất lớn, nhưng nhìn kỹ thì vẫn thấy dấu vết AI khá rõ
Dù vậy bài viết rất hay nên tôi vẫn khuyên mọi người nên đọc. Có cảm giác thành phẩm còn thiếu một thứ gì đó, có lẽ là vì hiệu ứng pixel hóa chưa đủ mạnh
Nhìn chung đây vẫn là một ví dụ đẹp về sự kết hợp giữa nghệ thuật và AI
Câu hỏi “Giờ thì điều gì trở nên khả thi?” thật sự rất ấn tượng
Là một nhạc sĩ điện tử, tôi đã dành hàng nghìn giờ cho việc kéo box, và những công việc lặp đi lặp lại như vậy giống lao động nặng nhọc hơn là sáng tạo
Cuối cùng tôi nghĩ chất lượng nghệ thuật không phụ thuộc vào việc “đã bỏ ra bao nhiêu công sức”, mà vào việc “đã đưa ra bao nhiêu quyết định tốt”
Công việc thủ công có thể nhàm chán, nhưng điều đó không có nghĩa là nó không mang tính sáng tạo
Việc để AI tạo sinh làm thay “phần nhàm chán” rốt cuộc cũng giống như từ bỏ quyền quyết định. Vì AI sẽ tự đưa ra quyết định
Khiến tôi yêu New York thêm một lần nữa. Cảm ơn
Nếu dự án này là kết quả của việc fine-tune Qwen để tạo ra các tile cùng phong cách một cách ổn định thì thật sự đáng kinh ngạc
Tôi vẫn chưa hiểu hoàn toàn quy trình “masking” hoạt động ra sao. Tôi rất tò mò tác giả xử lý ranh giới với các tile liền kề như thế nào
Nhìn hình này sẽ thấy đầu vào bên trái là sự pha trộn giữa pixel art và texture ảnh, còn đầu ra bên phải là pixel art mượt mà
Phải đưa đầu vào theo đơn vị tile 2x2 thì các đường biên mới tự nhiên. Nếu không đưa các tile đã tạo vào đầu vào thì sẽ xuất hiện đường nối thị giác
Xin lỗi vì máy chủ bị quá tải. Tôi đã tốn khá nhiều tiền để thuê H100, nhưng lại chưa đến 5 USD cho Cloudflare worker. Giờ thì đã khôi phục rồi
Cách các ảnh tile được tải dần lên rất hợp với phong cách pixel art. Một chi tiết rất hay
Hiện tại tôi không vào được. Xuất hiện lỗi CORS
Ở liên kết này báo thiếu header ‘Access-Control-Allow-Origin’
Sau khi kiểm tra lại thì hóa ra là vấn đề rate limit của Cloudflare worker. Dù vậy bài viết vẫn rất thú vị, và góc nhìn ‘tool → lib → application’ khá ấn tượng
Chromium thì fetch thất bại, Zen thì báo lỗi mạng
Cảm ơn vì đã ghi lại quy trình một cách chi tiết
Có thể sẽ có người chỉ trích ‘agentic coding’, nhưng việc biến được một ý tưởng như thế này thành hiện thực vẫn rất đáng nể
Việc rào cản thực thi thấp hơn không có nghĩa là giới hạn sáng tạo cũng thấp đi
Tôi đồng ý rằng nếu không có mô hình tạo sinh thì dự án này có lẽ đã không thể thực hiện
Nhưng ngoài đời cũng đã có người tạo New York theo từng mảnh rồi — xem ở đây
Đó là dự án theo nhóm, nhưng còn thâm dụng lao động hơn nhiều so với pixel art