LiveCoding-Pokedash-Game

Description

Pokedash is a game to help beginners to code with a funny and playfull game. They can choose multiple languages and use the functions available to create the logic of the game. By this methodology, they will learn variable, types, basic structures and functions of a language while "developping" a funny game.

You can check the main LiveCoding application.

Goal

The goal of the game is to take all the objectives to open a door to access the next level. You will certainly need to move boulder to access to the objectives/door.

You can check in game the different instructions of the game.

Setup for development

Be sure you have the last version of LiveCoding installed.

Installation

# Clone this repo
git clone git@github.com:CPNV-ES/LiveCoding-Pokedash-Game.git

# Install the dependencies
cd LiveCoding-Pokedash-Game
npm i

# Install http server
npm i -g http-server

Run the game

# Start the build tool (with hot reload)
npm run dev

# Build the game
npm run build

# Use a http server to access the game
http-server -p 3333 --cors -c-1

# Go to your LiveCoding/client repository
cd ~/LiveCoding/client
npm i
npm run serve

Run the game without server

You can run the game from cpnv-es.github.io/LiveCoding.

Once in the page, change the Github loader (on the upper right) with the Pokedash Game : CPNV-ES/LiveCoding-Pokedash-Game@master.

v1.1.0 changelog

Add full documentation
Add Ruby functions
Add Php functions
Add tutorial for users
Optimize framerate

Documentation

You can find all the documentation in the docs folder, or a resume here.

Elements

Pokedash game is generated in a 2D array. Each case of the array represents a specific element.

Here is a list of all the elements with their properties/constraints.

Methods

Use the functions at your disposal to create a playable game and find the way to the exit !

Specificity of the "coding gameplay"

Key Event

To begin an interaction with the game, you have to press a key which will return a keyCode. You have to call a function to listen to the key Event.

Here is the list of all keyEvent handled by the application.

How to move

You have to handle each element in Pokedash. If you want to move right, you'll have first to check the element on your right then code an action depending of the element.

Example

You move with a 'keyCode' direction. If there is a 'Road' element, use the function swapSprite(keyCode, 0, 1) to intervert the protagonist with the road.

Game Objectives and tutorial

Here is a detailed list of the objective in the game and a tutorial to begin with.

Code Examples

Here are some hints and solutions if you are blocked.