Keolot Phaser Editor 2D

Keolot Phaser Editor là một môi trường phát triển trực quan miễn phí dành cho trò chơi trình duyệt 2D trên nền tảng mã nguồn mở Phaser, tích hợp hiệu ứng vật lý Matter JS. Ứng dụng có khả năng tích hợp để tạo và chỉnh sửa trực quan các cảnh, đối tượng trò chơi, hoạt ảnh, âm thanh và phím, cũng như viết logic trò chơi bằng Javascript với khả năng kết nối các plugin và tập lệnh toàn cục. Nhờ khả năng biểu diễn trực quan, quá trình tạo thiết kế trò chơi được đơn giản hóa đáng kể so với việc làm việc trực tiếp với thư viện Phaser mà không có biểu diễn trực quan.

Trong trình chỉnh sửa tương tác, bạn có thể tạo thiết kế trực quan, di chuyển các đối tượng và thêm đối tượng mới. Bạn có thể điều hướng thiết kế bằng cả chuột và các thành phần giao diện, bao gồm thay đổi chế độ Thu phóng, và thước kẻ có tọa độ giúp bạn điều hướng thuận tiện. Có khả năng thêm, sao chép, chỉnh sửa và xóa trực quan các đối tượng trò chơi Phaser sau:
- Hình ảnh
- Văn bản
- Sprite
- Hạt
- Video
- Hình chữ nhật
- TileSprite

Ngoài chế độ trình chỉnh sửa tương tác, còn có hai chế độ xem trước trò chơi:
1) Xem trước cảnh hiện tại. Trong đó, bạn có thể tạm dừng trò chơi và tiếp tục phát lại, cũng như tương tác với các đối tượng và thay đổi các thông số của chúng trong thanh kiểm tra theo thời gian thực. Ở chế độ xem trước của một cảnh cụ thể, bạn không thể chuyển đổi giữa các cảnh trong trò chơi, đây chính xác là việc xem một cảnh cụ thể. Ngoài ra, chế độ xem trước cảnh được khởi chạy trong chế độ vật lý Gỡ lỗi.

2) Xem trước trò chơi. Khởi chạy trò chơi theo trạng thái hiện tại, không có khả năng kiểm tra các đối tượng và tạm dừng phát lại.

Có một bảng điều khiển để gỡ lỗi và xem lỗi.

Thanh tra Đối tượng cho phép bạn thiết lập các thông số cho các đối tượng trong trò chơi (ví dụ: tọa độ X, Y, Góc, Độ mờ, Kết cấu, Độ sâu, v.v.), điều chỉnh các thông số vật lý, thông số hạt và hình thức của chúng (ví dụ: Tuổi thọ, Tần suất, Tốc độ, Alpha, v.v.) và điều chỉnh các thuộc tính khác trong bảng điều khiển, chẳng hạn như chọn loại hoạt ảnh, cài đặt âm thanh.

Các đối tượng Hình ảnh và Sprite có thể được chuyển đổi thành các đối tượng Vật chất vật lý trực tiếp trong Trình kiểm tra Đối tượng chỉ bằng một cú nhấp chuột và chỉ định các thông số vật lý (ví dụ: Mật độ, Hình dạng Va chạm, Thể loại Va chạm, Phục hồi, Bỏ qua Trọng lực, v.v.). Trong Trình chỉnh sửa Tập lệnh, bạn có thể tạo và điều chỉnh các thuộc tính và đối tượng trò chơi khác, như thể bạn đang làm việc trực tiếp trong Phaser, nhưng trình chỉnh sửa trực quan cung cấp mọi thứ bạn cần.

Môi trường phát triển hỗ trợ việc tạo hình ảnh trực quan các tài nguyên được tải sẵn sau:
- Hình ảnh (ảnh bitmap JPG, PNG, WEBP, AVIF, GIF, SVG)
- SVG (ảnh vector)
- Âm thanh (MP3, WAV, OGG, M4A)
- Phông chữ (TTF, OTF)
- Video (MP4, WEBM)
- Spritesheet
- Atlas
- Hoạt hình
- BitmapFont
- JSON
- TXT
- XML
- GLSL
- TilemapTiledJSON

Trong trình kiểm tra cảnh, bạn có thể di chuyển cảnh lên hoặc xuống, thay đổi màu nền cục bộ của cảnh, thiết lập ranh giới vật lý tiêu chuẩn chỉ bằng một cú nhấp chuột và cũng có thể thiết lập tập lệnh cảnh cho các chức năng chính của cảnh trò chơi Phaser:
- Init()
- Preload()
- Create()
- Update(time, delta)

Bạn cũng có thể thêm tập lệnh Tùy chỉnh cho cảnh, ví dụ, với các hàm của riêng bạn, tập lệnh này sẽ được thêm vào mã trò chơi trước khi Init. Nếu bạn viết bất kỳ hàm nào như Init, Preload, Create, Update trong Custom, nó sẽ bị bỏ qua vì có các phần chuyên biệt dành cho việc này.

Trong trình soạn thảo văn bản có tô sáng cú pháp, bạn có thể chỉnh sửa cả tập lệnh (JS, TS) và tệp văn bản (JSON, TXT). Trình soạn thảo văn bản hỗ trợ các chức năng cơ bản, khá đầy đủ, nhưng để làm việc với mã thuận tiện hơn, bạn nên sử dụng trình soạn thảo mã của bên thứ ba yêu thích của mình để tạo và chỉnh sửa tệp tập lệnh. Khi viết tập lệnh, bạn nên tham khảo tài liệu chính thức của thư viện Phaser 3.90.

Trình soạn thảo mã cũng chứa các mẫu mã cho các tình huống phổ biến, chẳng hạn như thêm sự kiện vào đối tượng, hoạt ảnh tween, tạo đối tượng vật lý tùy chỉnh, sự kiện phím, xử lý va chạm, v.v.

Dự án đã tạo có thể được lưu, xuất sang ZIP và trò chơi đã hoàn thành có thể được xuất sang ZIP để khởi chạy trong trình duyệt.