poniedziałek, 8 maja 2017

Jak użyć Visual Studio dla Cocos2d-x HTML5 (JavaScript)


Cocos2d-x jest darmowym wieloplatformowym silnikiem gier.
Microsoft Visual Studio dla wielu użytkowników jest wygodnym środowiskiem programistycznym. Dostarcza ono wiele przydatnych narzędzi, w tym narzędzi służących do debugowania (odpluskwiania) aplikacji.

W tym poradniku chciałbym opisać jak otworzyć projekt Cocos2d-x HTML5 (JavaScript) w Microsoft Visual Studio.

1. Przygotowanie Visual Studio

Ja użyłem Microsoft Visual Studio Community 2017, ale ten poradnik powinien działać również dla innych wersji.
Zanim zaczniemy, musimy się upewnić, że nasz Visual Studio wspiera JavaScript i pozwala nam na stworzenie nowego projektu aplikacji sieciowej. Poprzez otwarcie instalatora Visual Studio
i wybraniu opcji 'modyfikuj', możemy sprawdzić czy mamy zainstalowany ten oto dodatek:


Jeśli mamy go zainstalowanego, to dobrze ;). Jeśli nie, wtedy mamy do pobrania jakieś 2.6 GB danych (tyle miałem do pobrania).
Możemy również sprawdzić czy dodatek jest zainstalowany, poprzez wybranie w Visual Studio Plik->Nowy->Witryna sieci Web... . Jeśli lista Szablony jest pusta, znaczy to, że musimy go pobrać.

2. Tworzenie nowego projektu Cocos2d-x

Dobrze! Teraz możemy stworzyć nowy projekt cocos2d-x. Zakładam, że wszystkie zmienne systemowe dla cocos2d-x i jego zależnych bibliotek są skonfigurowane poprawnie. Jeśli nie, odsyłam wtedy do dokumentacji cocos2d-x. Mogę tylko pokrótce napisać, że trzeba uruchomić plik skryptowy setup.py w folderze głównym cocos2d-x (do tego jest wymagany program python). Potem musimy zainstalować wszystko to, o czym będziemy poinformowani w konsoli, po uruchomieniu skryptu setup.py.

Kiedy wszystko jest gotowe (zmienne systemowe są ustawione), otwieramy wiersz polecenia
i nawigujemy do folderu, który wybraliśmy do przechowywania naszych projektów dla cocos2d.
Następnie wpisujemy: cocos new nazwaProjektu -l js aby utworzyć nowy projekt:
 

3. Tworzenie nowego projektu w Visual Studio

Teraz otwieramy Visual Studio. W Plik->Nowy->Witryna sieci Web... wybieramy Szablony, następnie Visual C#->Pusta witryna ASP.NET. Musimy wybrać poprawną ścieżkę dla naszego projektu. To musi być ta sama ścieżka, w której znajduje się nasz nowo utworzony projekt cocos2d-x:
 
Wybieramy Otwórz istniejącą witrynę sieci Web i kilikamy 'OK':

Teraz możemy rozpocząć pracę z projektem :)



Miałem problemy z obecną wersją cocos2d-x (3.15). Nie działała z Internet Explorer'em (IE11). napisałem odnośnie tego problemu na forum Cocos2d-x. Niestety debugger w Visual Studio działa dobrze z Internet Explorer'em, a jeśli chodzi o Firefox'a (którego używam) to nie jestem pewien jak go ustawić.

Jeśli kiedykolwiek miałbyś problem z kompilacją gry pod Windows w Visual Studio 2017, spróbuj zmienić Zestaw narzędzi platformy na Visual Studio 2015 (v140).

Brak komentarzy:

Prześlij komentarz