Một thư viện hiệu ứng phong cách pixel được viết bằng một dòng code (tác giả gọi là 244 loại: lửa, nổ, phép thuật, thời tiết, UI, vật phẩm nhặt được, v.v.), có thể tích hợp trực tiếp vào trò chơi web hoặc xuất ra sprite sheet; đi kèm một kỹ năng Claude Code, hỗ trợ bạn tạo hiệu ứng mới theo vòng lặp “phác thảo, render, xem hình, chỉnh sửa”.
Số sao 1361 (+27 / 24h)
Lý do
- Mỗi hiệu ứng là một tệp JS độc lập; các hiệu ứng liên quan đến nhân vật sẽ được "diễn xuất": thế khởi đầu, ra đòn, đóng băng khi trúng đòn, hồi phục, mục tiêu sẽ bị tác động, ngoài ra có 12 chiêu thức hoàn chỉnh kết nối các hiệu ứng thành một chuỗi tấn công
- Các trò chơi web (canvas, Phaser, PixiJS, three.js, v.v.) có thể import trực tiếp mã; Godot, Unity, GameMaker, v.v. sử dụng
node tools/render.mjs <danh_mục/hiệu_ứng> --sheetđể xuất ảnh sprite PNG trong suốt và JSON theo phong cách Aseprite - Phương pháp này dựa trên bài viết của Hugo Duprez về việc tạo hiệu ứng pixel bằng Claude, một phần mã được chuyển thể từ các hiệu ứng MIT của anh ấy; tập lệnh kiểm tra sẽ phát hiện các lỗi vượt biên giới, đường nối, số ngẫu nhiên không đặt seed và khung hình chậm
Cách dùng
- Kỹ năng:
/plugin marketplace add patch-gg/pixelfx, sau đó/plugin install pixelfx@pixelfx, hoặc sao chépskills/pixelfxvào~/.claude/skills/; sau đó chỉ cần nói "thêm một vụ nổ băng giá cho chiêu cuối của pháp sư" hoặc "xuất các hiệu ứng lửa và nổ thành ảnh sprite cho Godot" - Sử dụng như một thư viện:
npm i github:patch-gg/pixelfx; tự tạo mới:node tools/new.mjs arcane/my-spell→node tools/render.mjs arcane/my-spell→node tools/check.mjs arcane/my-spell; phòng trưng bày trực tuyến:patch-gg.github.io/pixelfx
Rủi ro
- Kỹ năng chỉ mô tả cách cài đặt cho Claude Code; việc tạo hiệu ứng mới đòi hỏi mô hình phải render nhiều vòng, xem ảnh và chỉnh sửa, hiệu quả phụ thuộc vào khả năng nhìn nhận hình ảnh của mô hình
- README ghi rõ mã và hiệu ứng được cấp phép MIT và có thể sử dụng thương mại, nhưng GitHub không nhận diện được tệp giấy phép; phông chữ Patch Pixel không nằm trong phạm vi cấp phép; kho lưu trữ được tạo vào ngày 30 tháng 10