Skip to content

👾Warning. You will not finish the game with the highest points 😎

License

GPL-2.0, MIT licenses found

Licenses found

GPL-2.0
GPL-LICENSE.txt
MIT
MIT-LICENSE.txt
Notifications You must be signed in to change notification settings

avidofood/FoodInvasion

 
 

Repository files navigation

👾🥕 Alien Food Invasion

Latest Version on NPM Total Downloads on NPM Software License

Alien Food Invasion

If you are looking for an easy game for example when the Browser is offline and the User needs to wait, this package is for you. 😜

Installation in 2 Steps*

1: Install the package 💻 on NPM

npm i foodinvasion

2: Add the package in your main.js

import { startPlaying, removeGame } from 'foodinvasion';

...
startPlaying();

//after game is done and you need to remove the listeners
removeGame();

💪 How to use it

Somewhere you html/vue/react and so on you need this:

<div id="game-container">
    <canvas
        id="game"
        width="320"
        height="480"
    />
</div>

Example in Vue:

<template>
    <div>
        <div id="game-container">
            <transition name="tvScale">
                <canvas
                    v-show="showGame"
                    id="game"
                    width="320"
                    height="480"
                    />
            </transition>
        </div>
        <div>
            <button class="btn" type="button" @click="playGame">Play</button>
        </div>
    </div>

</template>
<script>
import { startPlaying, removeGame } from 'foodinvasion';

export default {
    data() {
        return {
            showGame: false,
        };
    },
    methods: {
        playGame() {
            this.setShowGame();

            // tv animation takes some time
            setTimeout(() => {
                startPlaying();
            }, 401);
        },
        setShowGame() {
            this.showGame = true;
        },
    },
    beforeDestroy() {
        removeGame();
    }
};
</script>

Security

If you discover any security related issues, please don't email me. I'm afraid 😱. avidofood@protonmail.com

Credits

Now comes the best part! 😍

Oh come on. You read everything?? If you liked it so far, hit the ⭐️ button to give me a 🤩 face.

About

👾Warning. You will not finish the game with the highest points 😎

Topics

Resources

License

GPL-2.0, MIT licenses found

Licenses found

GPL-2.0
GPL-LICENSE.txt
MIT
MIT-LICENSE.txt

Stars

Watchers

Forks

Packages

No packages published

Languages

  • JavaScript 99.7%
  • CSS 0.3%