Egret UI Editor là phần mềm chỉnh sửa mã phát triển trò chơi 2D mã nguồn mở có thể hỗ trợ người dùng dễ dàng hoàn thành các tác vụ phát triển trò chơi 2D khác nhau. Nó giúp việc phát triển trò chơi trở nên đơn giản và thuận tiện hơn, với giao diện phần mềm đơn giản và các phím chức năng rõ ràng, đáp ứng nhu cầu của người dùng về các chức năng phát triển trò chơi 2D khác nhau và cải thiện hiệu quả hiệu quả phát triển trò chơi. Chức năng chính của trình chỉnh sửa phiên bản màu xanh lá cây Egret UI Editor là chỉnh sửa trực quan tệp da exml trong dự án con cò. Phương pháp chỉnh sửa bao gồm nhưng không giới hạn ở việc kéo và thả. Được sử dụng để chỉnh sửa các trang web khi phát triển trò chơi HTML5. Hoạt động trực quan cho phép bạn xem hiệu quả của việc sửa đổi trang web một cách trực quan hơn và thực hiện các điều chỉnh thuận tiện hơn. Phiên bản miễn phí của trình chỉnh sửa trang web này cung cấp cho người dùng chức năng chỉnh sửa giao diện trực quan. Người dùng có thể chỉnh sửa trực quan giao diện exml, chỉnh sửa mã và xem trước giao diện trong trò chơi. Hỗ trợ các thao tác kéo thả trực quan để quản lý tài liệu trò chơi một cách thuận tiện và hiệu quả, tùy chỉnh linh hoạt quy tắc tải nhóm và hoàn thành nhanh chóng các tệp cấu hình tài nguyên. Bạn bè quan tâm không thể bỏ lỡ mà hãy đến với trang này để tải về và trải nghiệm nhé.

Tính năng phần mềm

1 . Trình chỉnh sửa giao diện trực quan có thể thực hiện chỉnh sửa trực quan, chỉnh sửa mã và xem trước giao diện của giao diện Exml trong trò chơi. 2. Trình quản lý tài nguyên tích hợp quản lý tài liệu trò chơi một cách dễ dàng và hiệu quả thông qua các thao tác kéo và thả trực quan. tùy chỉnh linh hoạt các quy tắc tải nhóm và nhanh chóng hoàn thành các tệp cấu hình tài nguyên 4. Chỉnh sửa hoạt ảnh trực quan Bằng cách đặt các khung chính, bạn có thể tự động tạo tween hoạt ảnh để đạt được nhiều hiệu ứng hoạt ảnh giao diện thú vị khác nhau

Giới thiệu chức năng

1. Trình quản lý tài nguyên Tài nguyên Bảng quản lý có thể được sử dụng để duyệt và quản lý các tệp giao diện EXML trong dự án. Mở, tạo, xóa hoặc đổi tên tệp hoặc thư mục. Bạn có thể sử dụng menu chuột phải để xem tất cả các thao tác. Bạn có thể sử dụng phím tắt Ctrl+P để gọi bảng lối tắt mở tệp. 2. Trình chỉnh sửa giao diện Phần này là khu vực cốt lõi của phiên bản màu xanh lá cây của Egret UI Editor. , tạo hình động, sửa đổi mã nguồn Exml và xem trước giao diện Hiệu ứng cuối cùng 3. Bảng điều khiển lớp lớp có thể thay đổi mối quan hệ phân cấp trên và dưới của các lớp phần tử trong giao diện bằng cách kéo 4. Thư viện tài nguyên Thông qua bảng thư viện tài nguyên,. bạn có thể kéo tài liệu tài nguyên vào cảnh trang và tìm kiếm tài nguyên thông qua hộp dưới cùng và nhập tên tệp để tìm nhanh tài nguyên 5. Thông qua bảng thành phần, bạn có thể kéo các điều khiển mặc định và các thành phần tùy chỉnh vào cảnh trang. Kiểm soát thuộc tính. Ở ngoài cùng bên phải là bảng điều khiển thuộc tính, có thể điều chỉnh các thành phần tương ứng.

Cách sử dụng

1. Tạo dự án trang web 2. Mở dự án bằng phần mềm 3. Tạo một tệp . scene Tạo cảnh trong thư mục tài nguyên/eui_skins/ Tạo cấu hình tài nguyên cảnh/eui_skins/myskins/StartSceneSkin.exml Nội dung hiển thị cảnh (cảnh, điều khiển, ràng buộc, kích thước và vị trí) 4. Lệnh chạy dự án chạy -a và nhận thấy rằng dự án không thể hiển thị cảnh và cảnh cần được tham chiếu trong mã 5. Phương thức cảnh (giao diện) tham chiếu 1 tạo lớp cảnh tham chiếu eui-demo/ Mã cụ thể của src/StartScene.ts Tại thời điểm này, bạn có thể đang vội chạy dự án và thấy rằng không có tác dụng gì. Không có lỗi nào được báo cáo hoặc hiển thị vì bạn không tham chiếu cảnh này trong main.ts. mã cụ thể của lớp cảnh tham chiếu demo/src/StartScene.ts Tại thời điểm này, bạn có thể đang vội chạy dự án và thấy rằng không có lỗi nào được báo cáo hoặc hiển thị vì bạn không tham chiếu cảnh này trong. main.ts this.addChild( new StartScene()); Sau đó, nó vẫn không được hiển thị khi chạy, vì cảnh không bị ràng buộc. Phương thức liên kết là sửa đổi tệp cấu hình Resource/default.thm.json 6. Chạy dự án. lệnh: egret run -a Nào, show (bạn có thể sử dụng phần mềm này Công cụ để gỡ lỗi) 7. Vấn đề có thể xảy ra: Khi tạo cảnh, nó không được tạo trong thư mục Resource/eui_skins/ mà được tạo trong thư mục Resource/ và được tạo dưới dạng tài nguyên/my_skins/MySceneSkin.exml. Tại thời điểm này, chúng tôi đang ở trong Giao diện người dùng Egret. Không thể nhìn thấy giải pháp cho cảnh mà chúng tôi đã tạo trong phần mềm Trình chỉnh sửa (cấu hình tệp Properties.json). có thể xem cảnh. Các bước tiếp theo giống nhau

Nhật ký cập nhật

1. Thêm chức năng cửa sổ mới, hỗ trợ mở nhiều dự án cùng lúc 2. Tối ưu hóa độ phân giải hiển thị của hình ảnh trong thư viện tài nguyên 3. Tối ưu hóa thao tác kéo để thay đổi kích thước của các thành phần mà không cần thêm thuộc tính bổ sung 4. Tối ưu hóa giao diện mới, không thêm hậu tố Skin vào tên 5. Tối ưu hóa MacOS hỗ trợ kéo thư mục dự án vào biểu tượng Dock để mở dự án 6. Đã sửa lỗi. sự cố dấu nhắc * không biến mất sau khi lưu tệp 7. Đã khắc phục sự cố sửa đổi thuộc tính kích hoạt của thành phần không hợp lệ 8. Đã khắc phục sự cố thuộc tính màu của thành phần hiển thị không chính xác. phóng to. Sự cố điều khiển kéo không theo chuột 10. Sự cố Danh sách tùy chỉnh không thể thiết lập bố cục đã được khắc phục. 11. Sự cố exml không xóa ArrayCollection sau khi xóa dữ liệu Danh sách đã được khắc phục. việc nhấp vào TextInput ở chế độ xem trước sẽ khiến trang web xuất hiện bất thường.