games

A Simple RPG Functionalities Build with React

Aug 16, 2021
A Simple RPG Functionalities Build with React

Run-Escape

Simple RPG functionalities with React.

View Demo View Github

68747470733a2f2f692e6962622e636f2f5a574a635a57442f72756e2d6573636170652e706e67

68747470733a2f2f692e6962622e636f2f795243475230792f72756e2d657363617065322e706e67

Built with;

  • React w/Hooks
  • Custom Hooks
  • Tiled Map Editor
  • Character Assets - itch.io
  • Map Tiles - itch.io

HAFTA 4 - ÖDEV - React mix example

  • Bu proje tamamen ReactJS kullanılarak yapılacaktır.
  • React'in Virtual DOM mantıgini bozmayan yardimci kutuphane kullanabilirsiniz. (Kesinlikle JQuery gibi DOM'a direk mudahale eden kutuphane kullanmak yasaktır.)

Ne istiyoruz?

  • Ekranda 500px X 500px boyutunda köşe renkleri olan bir alan (oyun tahtasi) oluşturun.
  • Bir karakter component'i oluşturun. Bu karakter 20px x 20px bir kare de olabilir sizin göstermek istediginiz bir image da olabilir.
  • Uygulama acildiginda karakterimiz bu oyun tahtasinda yukari, asagi, sag, sol ok tuslariyla hareket edebilsin istiyoruz.
  • Space tusuna basili tutulursa karakterin hareket etme hızı iki katına çıkmalı. (useMultiKeyPress çalışmıyor. Bu sebeple Toggle yaptım.)
  • Sayfa yenilenirse karakter kaldigi yerden devam etmeli.
  • Karakter oyun tahtasindan cikamamali.
  • Ekranda bulunan bir dropdown ile karakter degistirilebilir. Yani birden cok karakter componenti (en az 2) yapmanizi istiyorum.
  • Uygulamayı tamamen React hooks ile yapmayı deneyin. Kendi hooklarinizi yazmakta cekinmeyin.
  • Olabildigince duzenli kod yazmayi doeneyin. Birden cok component olusturun.
  • Istediginiz bir ESLint kuralini takip edin.
  • Opsiyonel olarak uygulamanızı vercel, netlify v.b bir servise deploy edin ve linki readme dosyaniza ekleyin.
  • Arkadaslarinizla discord uzerinden code-review yapin. En az 1 kere! Yazdiginiz kodlari karsilikli olarak nasil daha iyi hale getirebilirsiniz buna bakin.
Recommended