코드 읽고 편집하기
씬 파일을 읽고 변경 사항을 비교해 보여줍니다.
WebVision Canvas는 Phaser 2D 게임 코드를 직접 작성할 수 있도록 도와줍니다. Windows 10 또는 11에서 프로젝트 파일을 읽고, 씬을 편집하며, 빌드 명령을 실행합니다.
씬 파일을 읽고 변경 사항을 비교해 보여줍니다.
개발 서버를 실행하고 결과를 보여줍니다.
Phaser 예제를 위해 웹을 검색합니다.
에이전트는 프로젝트 구조를 읽고 코드 내 오류 메시지를 따라가며 문제를 찾습니다.
srcmain.jssrc/main.js오류 1개src/main.js저장됨node build종료 코드 0error src/main.js오류 1개에이전트는 list_dir을 사용하여 프로젝트 구조를 파악하고 glob으로 관련 애셋을 찾습니다. 그런 다음 read_file로 메인 씬 파일을 읽어 특정 게임 오브젝트의 위치를 확인합니다. grep을 통해 코드 내에서 특정 게임 오브젝트가 정의된 위치를 찾습니다. edit_file을 사용하여 새로운 씬 클래스를 생성하고 구성 객체를 업데이트합니다. Shell 명령으로 빌드 도구를 실행하여 오류가 없는지 확인합니다. Plan only 모드에서 변경 전 계획을 검토할 수 있습니다. 이 Phaser 튜토리얼을 통해 큰 씬을 작은 단위로 분리할 수 있습니다. 게임 창 크기에 맞춰 완전히 반응형으로 만들 수 있습니다.
에이전트는 web_search를 통해 공식 Phaser 예제에서 카메라平滑 처리 방법을 찾고, read_file로 씬 코드를 읽어 업데이트 루프의 위치를 찾습니다. 수정하세요. 초보자를 위한 Phaser 튜토리얼 조언 중에는 흔들림을 막기 위해 follow 설정을 조정하는 것이 포함됩니다. 에이전트는 edit_file을 사용하여 카메라 매개변수를 정확하게 변경합니다. Shell 명령으로 빌드 명령을 실행하여 프로젝트가 여전히 빌드되는지 확인합니다. 브라우저에서 카메라를 직접 확인하여 흔들림이 있는지 살펴봐야 합니다. 이렇게 하면 스프라이트가 움직일 때 카메라가 안정적으로 이동합니다. 에이전트가 기술적 세부 사항을 처리하므로 게임 디자인에 집중할 수 있습니다.
자신의 프로젝트나 소유자의 서면 허가가 있는 프로젝트에 사용하세요. 에이전트는 이를 강제하지 않습니다. 다른 개발자의 게임이나 아트를 복사하지 마세요. 코드가 정확할 것이라는 보장은 없으며, diff를 검토하고 브라우저에서 테스트해야 합니다. 구조를 깔끔하게 유지하려면 게임에 몇 개의 씬이 있어야 할지 궁금할 수 있습니다.