iMemento/shadertoy-tutorial

🎨 Shadertoy-tutorial — bộ tiếng Việt dạy viết shader pixel qua dự án thực tế

Dịch lại series tiếng Anh của Nathan Vaughn, dựng site bằng Docusaurus, host trên Netlify — tất cả về Shadertoy.

Đây không phải kho code thuần, mà là một trang tài liệu tiếng Việt được viết bằng Docusaurus, dịch từ series "Shadertoy Tutorial" của Nathan Vaughn. Tác giả đã dành khoảng ba tuần dịch và chỉnh sửa lại nội dung gốc, giúp người mới dễ tiếp cận với công cụ tạo shader pixel online mạnh mẽ.

Shadertoy là nền tảng do Inigo Quilez và Pol Jeremias xây dựng, nơi bạn viết shader bằng GLSL ngay trên trình duyệt. Bài viết mở đầu bằng một ví dụ cá nhân: một tác phẩm Voxel Art Avatar của tác giả — để thấy được shader không chỉ là lý thuyết, mà còn có thể dùng để tạo nghệ thuật cá nhân.

✨ Điểm nổi bật

• Dịch thuật chất lượng: toàn bộ nội dung dịch từ series gốc của Nathan Vaughn, phù hợp người mới.
• Dựng bằng Docusaurus: sử dụng framework tài liệu hiện đại của Facebook, giao diện đẹp, dễ điều hướng.
• Host trên Netlify: triển khai liền mạch, truy cập nhanh qua shadertoy.peakcoder.com.
• Tập trung vào Shadertoy: hướng dẫn tận dụng công cụ viết shader trên trình duyệt từ A-Z.
• Phong cách cá nhân: tác giả chia sẻ cả dự án Voxel Art Avatar để minh họa thực tế.
• Miễn phí hoàn toàn: không cần cài đặt môi trường, chỉ cần trình duyệt là thử ngay.

💡 Vì sao đáng chú ý

Không phải ai cũng biết bắt đầu từ đâu khi mới tiếp cận shader. Thay vì cung cấp thêm tài liệu kỹ thuật khô khan, dự án này lấy trực tiếp nguồn từ series thực tế của một developer, sau đó dịch lại tiếng Việt một cách dễ hiểu. Kết hợp với Docusaurus, người đọc có thể truy cập ngay mà không cần cài bất kỳ phần mềm nào.

Phù hợp với những người mới muốn học shader pixel nhưng chưa rành về đồ họa thấp cấp, hoặc muốn khám phá Shadertoy theo cách tiếp cận có hệ thống.

#Shader #Shadertoy #Docusaurus #Tutorial #PixelShader #TiniX