Learn about our RFC process, Open RFC meetings & more.Join in the discussion! »

foodinvasion

1.0.7 • Public • Published

👾🥕 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.

Install

npm i foodinvasion

DownloadsWeekly Downloads

0

Version

1.0.7

License

MIT

Unpacked Size

171 kB

Total Files

14

Last publish

Collaborators

  • avatar