Code Monkey home page Code Monkey logo

pacman-1's Introduction

PACMAN

ΔΑΝΑΗ ΑΝΑΣΤΑΣΟΠΟΥΛΟΥ ΚΟΥΒΑΡΑ

Π2011043

ΠΑΡΑΔΟΤΕΟ 1:

Αντιγραφή του αποθετηρίου

Αλλαγές στο GitHub Pages

ΠΑΡΑΔΟΤΕΟ 2:

Αντικαταστήθηκε η εμφάνιση του Pacman με ένα Panda.

Το Panda μαζεύει bamboo αντί για dots, καθώς και μπανάνες.

Προστέθηκε μουσική όταν ξεκινάει το παιγνίδι.

Προστέθηκε ήχος επιτυχίας όταν τερματίζει το level και ήχος αποτυχίας σε περίπτωση που σκοτώνει το Panda o Κυνηγός.

Επεκτάθηκε το παιγνίδι με score, bonus και ζωές.

Τα icons βρέθηκαν στο google και επεξεργάστηκαν με το πρόγραμμα που βρίσκεται εδώ .

Αναφορά

Όταν ανοίγει πλέον το παιχνίδι βλέπουμε στο background τη φωτογραφία, που έχει διαμορφωθεί ώστε να ταιριάζει με το παιχνίδι, του φυτού μπαμπού και παράλληλα ακούμε μία μουσική καθόλη τη διάρκεια του παιχνιδιού. Ο ήρωας του παιχνιδιού, είναι ένα πάντα το οποίο κυνηγάει ένας διαβολικός κυνηγός. Το πάντα μας, προσπαθεί να «φάει» όλο το μπαμπού που υπάρχει καθώς και τις μπανάνες για να ολοκληρωθεί το παιχνίδι. Το παιχνίδι διαθέτει σκορ, το οποίο αυξάνεται κάθε φορά που το πάντα «τρώει» μπαμπού. Έχουμε ακόμα το Bonus σκορ το οποίο αυξάνεται όταν το πάντα μας τρώει μπανάνες. Στο παιχνίδι ξεκινάμε με 3 ζωές. Εάν καταφέρει ο παίχτης να φτάσει το bonus σκορ 200 ή 350, κερδίζει μία επιπλέον ζωή. Κάθε φορά που ο κυνηγός καταφέρνει να «πιάσει» το πάντα, ακούγεται ενας χαρακτηριστηκός ήχος που προστέθηκε και μία ζωή χάνεται. Εάν χαθούν όλες οι ζωές τότε εμφανίζεται μήνυμα και το παιχνίδι τελειώνει. Εάν έχουμε 2 ζωές ή ο χρόνος φτάσει στα 20 δευτερόλεπτα, εμφανίζεται ένας ακόμα διαβολικός κυνηγός (σύνολο εχθρών: 2). Εάν έχουμε μία ζωή ή ο χρόνος φτάσει στα 40 δευτερόλεπτα τότε εμφανίζεται άλλος ένας διαβολικός κυνηγός (σύνολο εχθρών: 3). Επιπλέον, εάν το σκόρ είναι μεταξύ 150 και 160, οι εχθροί για λίγο παγώνουν και κερδίζεται λίγος χρόνος. Εάν πάει πάνω απο 180 το σκόρ τότε για να γίνει δυσκολότερο το παιχνίδι, οι εχθροί κινούνται γρηγορότερα στην πίστα. Στην πίστα το πάντα μας όμως, μπορεί να βρεί σημεία να «κρυφτεί», αφού ο σχεδιασμός τις παρέχει κοιλότητες στις οποίες μπορεί να αποφύγει τους εχθρούς.

Για να χρησιμοποιήσω όλη τη δύναμη της HTML5, δούλεψα με το Phaser όπως ζητήθηκε από την εργασία, το οποίο είναι ένα open source framework, που ο προγραμματιστής μπορεί να φτιάξει εφαρμογές και παιχνίδια που τρέχουν στον browser, κάνοντας τα έτσι συμβατά σε desktop και σε mobile. Τo Phaser είναι ένα πολύ δυνατό εργαλείο γιατί χρησιμοποιεί WebGL, το οποίο δίνει τη δυνατότητα απεικόνισης 3D ή 2D γραφικών (στη συγκεκριμένη περίπτωση), δίχως να απαιτούνται plug-ins, κάνοντας την φόρτωση του παιχνιδιού άμεση και το παιχνίδι προσβάσιμο από κάθε browser. Για την ανάπτυξη του κώδικα χρησιμοποίησα το notepad ++, ένα open source εργαλείο μορφοποίησης κειμένου.

Σα συμπέρασμα έχω να πω, ότι η εμπειρία της συγκεκριμένης εργασίας βοήθησε ώστε να έχω μία επαφή με τη javascript καθώς και με το github. To μεγαλύτερο πρόβλημα που αντιμετώπισα είναι το ότι δεν κατάφερα να στήσω τοπικά το phaser χρησιμοποιώντας το xampp, με αποτέλεσμα να κάνω τις αλλαγές στον κώδικα που είχα ανεβάσει στο repository και έτσι η ανάπτυξη του παιχνιδιού έγινε αρκετά πιο αργά όπως θα γινόταν στην περίπτωση που θα το είχα τοπικά, γιατί το δοκίμαζα κάθε φορά που το commit γινόταν επιτυχημένο. Συνειδητοποίησα κάθε φορά που έκανα commit στο github κάποια αλλαγή στον κώδικα, πολλές φορές δεν γινόντουσαν οι αλλαγές σε πρώτο χρόνο αλλά έπαιρνε αρκετό χρόνο (έως και 20 λεπτά), με αποτέλεσμα να μπερδευτώ και να σπαταλήσω χρόνο σβήνοντας κώδικα που δεν είχε φορτωθεί ακόμα.

To παιχνίδι μπορείτε να το παίξετε εδώ .

To Link του repository είναι εδώ .

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.