Mình nghĩ các animation này sẽ thú vị hơn nhiều nếu được render ngay trong trình duyệt
Mình muốn tự tay chỉnh phần code làm cho chúng chạy, nhưng hơi tiếc vì chỉ có video mà không có code
Cũng có vài cái đã được công bố kèm mã nguồn: https://github.com/Bleuje/processing-animations-code
Có thể xem cả tutorial đầy đủ thiên về khái niệm ở đây: https://bleuje.com/tutorials/
Trong tutorial có nhiều ý tưởng hay, kiểu duyệt qua nhiễu 4 chiều để tạo vòng lặp liền mạch, và mình cũng đã đem ra nghịch trong dự án của mình. Dù không dùng Processing thì vẫn dễ hiểu
Mình lại thấy ngược lại. Hay ở chỗ nó xem được cả trên điện thoại ở chế độ khóa chặt vốn không chạy nổi nhiều trang JavaScript hiện đại hào nhoáng
Nhìn những animation này làm mình có cảm giác quay lại thời 20–25 năm trước, khi bật plugin visualizer của Winamp rồi nghe nhạc
Đó là một thời kỳ vui, và animation ở đây cũng rất tuyệt
Những ai có tuổi một chút có thể còn nhớ trình bảo vệ màn hình Flowfazer của Todd Rundgren's Utopia Softworks
Ông ấy là lập trình viên đăng ký của Apple, và tôi từng thấy ông đi lại ở WWDC hồi thập niên 90
Đúng vậy. Có điều nếu bật visualizer của Winamp trên Pentium MMX thì độ phản hồi của hệ thống tụt hẳn, nên bật lên rồi gần như chỉ có thể ngồi xem mỗi visualizer đó
Một thời đơn giản nhưng vui
Mình cũng nghĩ y như vậy. cthugha giờ ở đâu rồi nhỉ?
Hồi đó mình hay đặt một thấu kính thủy tinh lớn lên màn hình để chiếu lên trần nhà. Tự nhiên nhớ câu đùa rằng mình đã chọn nhầm thập kỷ để bỏ cần sa
Nhớ tới AVS Society :)
Khi xem nguồn để biết đây là tạo ngẫu nhiên hay chọn ngẫu nhiên từ các animation làm sẵn, mình xác nhận là trường hợp sau, và cũng thấy một thẻ analytics kỳ lạ
Cloudflare chặn script nên phải tự vào site để kiểm tra. Mình thắc mắc hai điều: script từ Google luôn bị yêu cầu, và doNotTrack thì chỉ được hardcode là false. Trình duyệt của mình có gửi header đó, nên có vẻ cũng không phải do server chèn đúng cách; không hiểu nó đang định làm gì
Đúng vậy. Tất cả các animation này đều là video đã render sẵn được nhúng vào trang, rồi chọn ngẫu nhiên một cái trong số đó
Ngược lại, shadertoy [1] thực sự ấn tượng ở chỗ animation được tính toán và render theo thời gian thực
Trước đây mình từng rất ấn tượng với shadertoy nên đã làm một website dùng shader làm nền bằng Three.js [2]. Nó hiển thị caustics, tức các vệt sáng biến đổi liên tục do ánh sáng đi qua sóng nước tạo ra trên đáy hồ bơi, hồ hoặc biển, khá giống [3]. Khách truy cập luôn nghĩ đó là video render sẵn, và thực sự ngạc nhiên khi biết một chiếc điện thoại đã vài năm tuổi vẫn chạy shader đó mượt theo thời gian thực
Có nhiều kiểu animation khác nhau, nhưng nó làm mình nhớ tới Electric Sheep, một trình bảo vệ màn hình fractal flame rất đẹp
Có thể cài cục bộ và vote thích/không thích cho nhiều “sheep” theo gu của mình
[1] https://electricsheep.org/
Không ai hỏi nên mình hỏi: cái này được làm như thế nào? Không biết có chương trình chuyên cho lập trình đồ họa/thị giác kiểu này không, hay chỉ là một mớ script Python dùng thư viện 3D, toán học và plotting
Cứ thử lung tung kiểu bán ngẫu nhiên, rồi lặp đi lặp lại việc tinh chỉnh những thứ trông hay là được. Một dạng chọn lọc di truyền
Nghiên cứu code của các animation khác để nắm ý tưởng và pattern chung cũng tốt
Có các chương trình chuyên dụng, và cũng có những ngôn ngữ thường được dùng cho nghệ thuật máy tính như Processing
Tuy nhiên không chắc các tác phẩm này dùng gì
Hồi nhỏ, mỗi lần bị sốt nặng mình đều thấy đúng những thứ kiểu này
Ký ức ùa về. Hình như có lần mình uống quá nhiều Sudafed, và trong trạng thái nửa mơ nửa tỉnh mình đã thấy đúng kiểu này
Với mình, hồi đầu tuổi teen bị chứng kinh hoàng ban đêm thì cảm giác cũng như thế này
Trên desktop, nếu nhấp chuột phải rồi bật mục tương ứng với hiển thị điều khiển của trình duyệt, có thể thấy điểm lặp khá rõ
Một số cái có vòng lặp ngắn đến vô lý
Cái này làm mình nghĩ tới một cảnh trong phim nào đó, nơi thế lực ác phía sau thôi miên dân địa phương để điều khiển họ theo ý mình
“Đừng nhìn, đây, đeo cái này vào”
“Chết tiệt, chúng ta đến quá muộn rồi. Họ đã lún quá sâu rồi”
“Để chặn luồng tcp, ta phải đồng bộ lại cơ sở dữ liệu mainframe của server để chuyển hướng lưu lượng”
Nói thêm thì animation hố sâu không-thời gian cần nhạc nền Doctor Who
Kỳ lạ là hôm qua mình cố nhắn link này cho họ hàng nhưng hoàn toàn không gửi được
Mình đã thử vài biến thể, và có vẻ mọi tin nhắn nhóm chứa link bleuje . com đều bị chặn. Hình như có bộ lọc ở đâu đó? Mình dùng Android Messages trên T-Mobile
1 bình luận
Ý kiến trên Hacker News
Mình nghĩ các animation này sẽ thú vị hơn nhiều nếu được render ngay trong trình duyệt
Mình muốn tự tay chỉnh phần code làm cho chúng chạy, nhưng hơi tiếc vì chỉ có video mà không có code
Có thể xem cả tutorial đầy đủ thiên về khái niệm ở đây: https://bleuje.com/tutorials/
Trong tutorial có nhiều ý tưởng hay, kiểu duyệt qua nhiễu 4 chiều để tạo vòng lặp liền mạch, và mình cũng đã đem ra nghịch trong dự án của mình. Dù không dùng Processing thì vẫn dễ hiểu
Nhìn những animation này làm mình có cảm giác quay lại thời 20–25 năm trước, khi bật plugin visualizer của Winamp rồi nghe nhạc
Đó là một thời kỳ vui, và animation ở đây cũng rất tuyệt
Ông ấy là lập trình viên đăng ký của Apple, và tôi từng thấy ông đi lại ở WWDC hồi thập niên 90
Một thời đơn giản nhưng vui
Hồi đó mình hay đặt một thấu kính thủy tinh lớn lên màn hình để chiếu lên trần nhà. Tự nhiên nhớ câu đùa rằng mình đã chọn nhầm thập kỷ để bỏ cần sa
Khi xem nguồn để biết đây là tạo ngẫu nhiên hay chọn ngẫu nhiên từ các animation làm sẵn, mình xác nhận là trường hợp sau, và cũng thấy một thẻ analytics kỳ lạ
Cloudflare chặn script nên phải tự vào site để kiểm tra. Mình thắc mắc hai điều: script từ Google luôn bị yêu cầu, và
doNotTrackthì chỉ được hardcode là false. Trình duyệt của mình có gửi header đó, nên có vẻ cũng không phải do server chèn đúng cách; không hiểu nó đang định làm gìNgược lại, shadertoy [1] thực sự ấn tượng ở chỗ animation được tính toán và render theo thời gian thực
Trước đây mình từng rất ấn tượng với shadertoy nên đã làm một website dùng shader làm nền bằng Three.js [2]. Nó hiển thị caustics, tức các vệt sáng biến đổi liên tục do ánh sáng đi qua sóng nước tạo ra trên đáy hồ bơi, hồ hoặc biển, khá giống [3]. Khách truy cập luôn nghĩ đó là video render sẵn, và thực sự ngạc nhiên khi biết một chiếc điện thoại đã vài năm tuổi vẫn chạy shader đó mượt theo thời gian thực
Có nhiều kiểu animation khác nhau, nhưng nó làm mình nhớ tới Electric Sheep, một trình bảo vệ màn hình fractal flame rất đẹp
Có thể cài cục bộ và vote thích/không thích cho nhiều “sheep” theo gu của mình
[1] https://electricsheep.org/
Không ai hỏi nên mình hỏi: cái này được làm như thế nào? Không biết có chương trình chuyên cho lập trình đồ họa/thị giác kiểu này không, hay chỉ là một mớ script Python dùng thư viện 3D, toán học và plotting
[0]: https://bleuje.com/tutorials/
[1]: https://processing.org/
Nghiên cứu code của các animation khác để nắm ý tưởng và pattern chung cũng tốt
Tuy nhiên không chắc các tác phẩm này dùng gì
Trên site chính, bấm latest animations sẽ xem được danh sách theo thời gian
[1] https://bleuje.com/animationsite/2023_1/
Hồi nhỏ, mỗi lần bị sốt nặng mình đều thấy đúng những thứ kiểu này
Trên desktop, nếu nhấp chuột phải rồi bật mục tương ứng với hiển thị điều khiển của trình duyệt, có thể thấy điểm lặp khá rõ
Một số cái có vòng lặp ngắn đến vô lý
Cái này làm mình nghĩ tới một cảnh trong phim nào đó, nơi thế lực ác phía sau thôi miên dân địa phương để điều khiển họ theo ý mình
“Đừng nhìn, đây, đeo cái này vào”
“Chết tiệt, chúng ta đến quá muộn rồi. Họ đã lún quá sâu rồi”
“Để chặn luồng tcp, ta phải đồng bộ lại cơ sở dữ liệu mainframe của server để chuyển hướng lưu lượng”
Nói thêm thì animation hố sâu không-thời gian cần nhạc nền Doctor Who
Kỳ lạ là hôm qua mình cố nhắn link này cho họ hàng nhưng hoàn toàn không gửi được
Mình đã thử vài biến thể, và có vẻ mọi tin nhắn nhóm chứa link bleuje . com đều bị chặn. Hình như có bộ lọc ở đâu đó? Mình dùng Android Messages trên T-Mobile