Prosta gra via www

W1
  • Rejestracja:ponad 10 lat
  • Ostatnio:około 10 lat
0

Witam,
jestem młodym programistą. Liznąłem co nieco php, html i css. Chciałbym stworzyć prostą grę przeglądarkową. Chodzi o klikankę dla dzieci z prostym interfejsem i małym ekranikiem w środku strony (żeby można było sterować postacią za pomocą klikania na mapce, aby nasz bohater się poruszał). Od czego zacząć i jak podpiąć takie animacje (gdzie je stworzyć?) do języka PHP? Jestem głodny wiedzy i chętnie poczytam na ten temat. Czy aby stworzyć takie animacje potrzebuję Flasha?

MD
  • Rejestracja:ponad 11 lat
  • Ostatnio:ponad 8 lat
  • Postów:280
0

Czy aby stworzyć takie animacje potrzebuję Flasha?

I tak i nie wszystko zależy najprostsza opcja to chyba Unity on ma coś takiego jak unity webplayer(wtyczka) jak dobrze pamiętam i przez nią leci gra zrobiona w unity. No ale na pewno unity jest przystosowane do pisania gier via www

EDIT:
Język PHP służy do pisania skryptów po stronie serwera.... może użyć oprócz unity użyć javascript + adobe flash player albo jakieś JAVA EE/Spring

edytowany 4x, ostatnio: MoorfoxD
Patryk27
Moderator
  • Rejestracja:ponad 17 lat
  • Ostatnio:ponad rok
  • Lokalizacja:Wrocław
  • Postów:13042
2

Porywasz się z motyką na słońce - chciałbyś się bawić w rozkręcanie auta dopiero co poznawszy, czym różni się śrubokręt od klucza francuskiego? Bo właśnie tak to wygląda...


GThoro
  • Rejestracja:ponad 10 lat
  • Ostatnio:około 6 lat
  • Postów:98
1

Wystarczy HTML, CSS i JS. Teraz całkiem ładnie tworzy się animacje w tzw. HTML5. Możesz poczytać o tym i pooglądać, wystarczy wygooglać "html5 games".

W1
  • Rejestracja:ponad 10 lat
  • Ostatnio:około 10 lat
0

Chodzi mi o grę przeglądarkową z bazami danych, logowaniem itp.. HTML5 i CSS + Javascrpit to raczej gry na internecie, a nie przeglądarkowe. Chciałbym stworzyć animację płaską 2D, przesuwającą się w lewo i w prawo za pomocą myszki i wchodząca do domków. W czym takie animacje?

niezdecydowany
niezdecydowany
"na internecie, a nie przeglądarkowe" #mejk_maj_daj
MD
ty chyba sam nie wiesz czego chcesz... napisałem ci jakie masz opcje między innymi btw. co masz na myśli mówiąc "raczej gry na internecie..."
W1
  • Rejestracja:ponad 10 lat
  • Ostatnio:około 10 lat
0

Chodziło o to, że gry w html5 są raczej stworzone do grania w przeglądarce, bez logowania. Mi chodziło o grę via www, która będzie stała na własnym hostingu i wymagała rejestracji. Rozumiem język php + html5 / css, ale nie mam pojęcia gdzie robić płaskie animacje (nie chodzi mi o nic w stylu margonem, bo chyba źle się określiłem). Kolega wyżej mówił o unity, ale z tego co się orientuję tam robi się gry 3D.

Gra ma wyglądać mniej więcej tak:

  • ulica, na której znajdują się domki (zwijana mapka przesuwana strzałkami po bokach);
  • po kliknięciu na domek postać znajduję się w środku danego pomieszczenia;
  • reszte jestem w stanie sam ogarnąć.
edytowany 1x, ostatnio: wdzbam15
DE
  • Rejestracja:ponad 11 lat
  • Ostatnio:ponad 9 lat
  • Postów:229
1

Polecam zapoznać się z książką "Pro HTML5 Games" rozjaśni Ci ona wiele niewiadomych.

Kolega wyżej mówił o unity, ale z tego co się orientuję tam robi się gry 3D.

Robi się i 3d i 2d.

Chodziło o to, że gry w html5 są raczej stworzone do grania w przeglądarce, bez logowania. Mi chodziło o grę via www, która będzie stała na własnym hostingu i wymagała rejestracji.

Nie wiem w czym ma tu przeszkadzać HTML5 i JavaScript a tak w ogóle to tworzy się jakieś gry w php? Nie mogę sobie tego wyobrazić.

Tak jak Ci wcześniej napisano użyj zestawu CSS/HTML5/JavaScript. Wszelkie animacje tworzysz na Canvas.

edytowany 2x, ostatnio: dejmien
W1
  • Rejestracja:ponad 10 lat
  • Ostatnio:około 10 lat
0

Już wszystko rozumiem, namieszałem. Po prostu grę html 5 zrobić na podstawie canvasów + podpiąć pod bazy danych (w php nie grę, ale obsługę serwera i baz danych) ?

DE
  • Rejestracja:ponad 11 lat
  • Ostatnio:ponad 9 lat
  • Postów:229
0

Jeśli chcesz mieć jakieś multi w swojej grze to Node.js pozwala tworzyć WebSockety. Ale jeśli chodzi o jakieś bazy danych np. MySql to chyba bez PHP się nie obejdzie bo z JavaScript nie da się połączyć z bazą danych, która działa po stronie serwera a JavaScript po stronie klienta.

edytowany 1x, ostatnio: dejmien
W1
  • Rejestracja:ponad 10 lat
  • Ostatnio:około 10 lat
0

Super, dzięki za pomoc. PHP i MySQL ogarniam, muszę oblookać js i biblioteki : )

LukeJL
  • Rejestracja:około 11 lat
  • Ostatnio:minuta
  • Postów:8403
0

Czy aby stworzyć takie animacje potrzebuję Flasha?

Nie. Nie potrzebujesz. Wystarczy HTML+CSS+JavaScript + jakaś biblioteka pomocnicza do JavaScriptu, np.

I to po stronie frontendu. Po stronie backendu stawisz sobie nawet to PHP, albo cokolwiek innego (są to dwie niezależne od siebie rzeczy).

I komunikujesz się z backendem przez AJAX (tu jQuery się przyda).

Chodziło o to, że gry w html5 są raczej stworzone do grania w przeglądarce, bez logowania. Mi chodziło o grę via www, która będzie stała na własnym hostingu i wymagała rejestracji.

To nie ma nic do tego. HTML5 to tylko frontend ("interfejs"), który może się połączyć z serwerem(backendem). To są dwie strony jednej monety. Tak jakbyś powiedział, że złotówka nie ma reszki.

w HTML5 / Flashu / Unity* albo czym innym robisz frontend.
A w PHP albo innym języku serwerowym robisz backend...

Frontend to co się dzieje w przeglądarce, animacje, sterowanie itp. a backend to warstwa serwerowa, odpowiedzialna między innymi za manipulacje na danych (czyli wszelkie logowania, rankingi, statystyki użytkowników, dane mapy itp.).

*piszę o Unity, bo ta nazwa tutaj padła, ale nie jestem pewien w jaki dokładnie sposób Unity komunikuje się z serwerem i czy da się to zrobić (ale zapewne tak, po prostu nie pisałem w tym nic większego - w HTML5 czy we Flashu nie ma większych problemów z tym w każdym razie).


edytowany 2x, ostatnio: LukeJL
Freerider
  • Rejestracja:prawie 13 lat
  • Ostatnio:około miesiąc
  • Lokalizacja:Kraków
  • Postów:67
0

https://www.scirra.com/construct2

Może to Ci się spodoba.

Kliknij, aby dodać treść...

Pomoc 1.18.8

Typografia

Edytor obsługuje składnie Markdown, w której pojedynczy akcent *kursywa* oraz _kursywa_ to pochylenie. Z kolei podwójny akcent **pogrubienie** oraz __pogrubienie__ to pogrubienie. Dodanie znaczników ~~strike~~ to przekreślenie.

Możesz dodać formatowanie komendami , , oraz .

Ponieważ dekoracja podkreślenia jest przeznaczona na linki, markdown nie zawiera specjalnej składni dla podkreślenia. Dlatego by dodać podkreślenie, użyj <u>underline</u>.

Komendy formatujące reagują na skróty klawiszowe: Ctrl+B, Ctrl+I, Ctrl+U oraz Ctrl+S.

Linki

By dodać link w edytorze użyj komendy lub użyj składni [title](link). URL umieszczony w linku lub nawet URL umieszczony bezpośrednio w tekście będzie aktywny i klikalny.

Jeżeli chcesz, możesz samodzielnie dodać link: <a href="link">title</a>.

Wewnętrzne odnośniki

Możesz umieścić odnośnik do wewnętrznej podstrony, używając następującej składni: [[Delphi/Kompendium]] lub [[Delphi/Kompendium|kliknij, aby przejść do kompendium]]. Odnośniki mogą prowadzić do Forum 4programmers.net lub np. do Kompendium.

Wspomnienia użytkowników

By wspomnieć użytkownika forum, wpisz w formularzu znak @. Zobaczysz okienko samouzupełniające nazwy użytkowników. Samouzupełnienie dobierze odpowiedni format wspomnienia, zależnie od tego czy w nazwie użytkownika znajduje się spacja.

Znaczniki HTML

Dozwolone jest używanie niektórych znaczników HTML: <a>, <b>, <i>, <kbd>, <del>, <strong>, <dfn>, <pre>, <blockquote>, <hr/>, <sub>, <sup> oraz <img/>.

Skróty klawiszowe

Dodaj kombinację klawiszy komendą notacji klawiszy lub skrótem klawiszowym Alt+K.

Reprezentuj kombinacje klawiszowe używając taga <kbd>. Oddziel od siebie klawisze znakiem plus, np <kbd>Alt+Tab</kbd>.

Indeks górny oraz dolny

Przykład: wpisując H<sub>2</sub>O i m<sup>2</sup> otrzymasz: H2O i m2.

Składnia Tex

By precyzyjnie wyrazić działanie matematyczne, użyj składni Tex.

<tex>arcctg(x) = argtan(\frac{1}{x}) = arcsin(\frac{1}{\sqrt{1+x^2}})</tex>

Kod źródłowy

Krótkie fragmenty kodu

Wszelkie jednolinijkowe instrukcje języka programowania powinny być zawarte pomiędzy obróconymi apostrofami: `kod instrukcji` lub ``console.log(`string`);``.

Kod wielolinijkowy

Dodaj fragment kodu komendą . Fragmenty kodu zajmujące całą lub więcej linijek powinny być umieszczone w wielolinijkowym fragmencie kodu. Znaczniki ``` lub ~~~ umożliwiają kolorowanie różnych języków programowania. Możemy nadać nazwę języka programowania używając auto-uzupełnienia, kod został pokolorowany używając konkretnych ustawień kolorowania składni:

```javascript
document.write('Hello World');
```

Możesz zaznaczyć również już wklejony kod w edytorze, i użyć komendy  by zamienić go w kod. Użyj kombinacji Ctrl+`, by dodać fragment kodu bez oznaczników języka.

Tabelki

Dodaj przykładową tabelkę używając komendy . Przykładowa tabelka składa się z dwóch kolumn, nagłówka i jednego wiersza.

Wygeneruj tabelkę na podstawie szablonu. Oddziel komórki separatorem ; lub |, a następnie zaznacz szablonu.

nazwisko;dziedzina;odkrycie
Pitagoras;mathematics;Pythagorean Theorem
Albert Einstein;physics;General Relativity
Marie Curie, Pierre Curie;chemistry;Radium, Polonium

Użyj komendy by zamienić zaznaczony szablon na tabelkę Markdown.

Lista uporządkowana i nieuporządkowana

Możliwe jest tworzenie listy numerowanych oraz wypunktowanych. Wystarczy, że pierwszym znakiem linii będzie * lub - dla listy nieuporządkowanej oraz 1. dla listy uporządkowanej.

Użyj komendy by dodać listę uporządkowaną.

1. Lista numerowana
2. Lista numerowana

Użyj komendy by dodać listę nieuporządkowaną.

* Lista wypunktowana
* Lista wypunktowana
** Lista wypunktowana (drugi poziom)

Składnia Markdown

Edytor obsługuje składnię Markdown, która składa się ze znaków specjalnych. Dostępne komendy, jak formatowanie , dodanie tabelki lub fragmentu kodu są w pewnym sensie świadome otaczającej jej składni, i postarają się unikać uszkodzenia jej.

Dla przykładu, używając tylko dostępnych komend, nie możemy dodać formatowania pogrubienia do kodu wielolinijkowego, albo dodać listy do tabelki - mogłoby to doprowadzić do uszkodzenia składni.

W pewnych odosobnionych przypadkach brak nowej linii przed elementami markdown również mógłby uszkodzić składnie, dlatego edytor dodaje brakujące nowe linie. Dla przykładu, dodanie formatowania pochylenia zaraz po tabelce, mogłoby zostać błędne zinterpretowane, więc edytor doda oddzielającą nową linię pomiędzy tabelką, a pochyleniem.

Skróty klawiszowe

Skróty formatujące, kiedy w edytorze znajduje się pojedynczy kursor, wstawiają sformatowany tekst przykładowy. Jeśli w edytorze znajduje się zaznaczenie (słowo, linijka, paragraf), wtedy zaznaczenie zostaje sformatowane.

  • Ctrl+B - dodaj pogrubienie lub pogrub zaznaczenie
  • Ctrl+I - dodaj pochylenie lub pochyl zaznaczenie
  • Ctrl+U - dodaj podkreślenie lub podkreśl zaznaczenie
  • Ctrl+S - dodaj przekreślenie lub przekreśl zaznaczenie

Notacja Klawiszy

  • Alt+K - dodaj notację klawiszy

Fragment kodu bez oznacznika

  • Alt+C - dodaj pusty fragment kodu

Skróty operujące na kodzie i linijkach:

  • Alt+L - zaznaczenie całej linii
  • Alt+, Alt+ - przeniesienie linijki w której znajduje się kursor w górę/dół.
  • Tab/⌘+] - dodaj wcięcie (wcięcie w prawo)
  • Shit+Tab/⌘+[ - usunięcie wcięcia (wycięcie w lewo)

Dodawanie postów:

  • Ctrl+Enter - dodaj post
  • ⌘+Enter - dodaj post (MacOS)