Code Monkey home page Code Monkey logo

mazify-3d's Introduction

mazify-3d

Maze editor and 3d maze game using A-Frame and Vue.js

Live maze game and and level editor

Installation

First make sure you have Node installed.

To install the Node dependencies:

npm install

Local Development

To serve the site from a simple development server:

npm run serve

The site will automatically open in the browser or open it manually:

http://127.0.0.1:5500/

Maze Editor

To open map editor, follow the link

http://127.0.0.1:5500/editor.html

Links

A-Frame Vue.js

mazify-3d's People

Contributors

amiralgaby avatar dependabot[bot] avatar palashbhowmick avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar

mazify-3d's Issues

Play at random maze

I think my work that I've done during a tutored project can be interesting.

Thank to this repository I've economized a lot of time

My pull request to add the random maze : #2

some questions

at first THANKS for this great maze project!!!

my questions:

  1. how to add a timer ?
  2. what is with the ball? :) :)

i´ve addet a simple timer and it starts, but i dont know how to let stop if i reach the finish...
i addet the timer to the controls.js:

/* TIMER TEST */
const watch = document.querySelector('#watch');
let milliseconds = 0;
let timer;

function startWatch() {
    watch.classList.remove('paused');
    clearInterval(timer);
    timer = setInterval(() => {
        milliseconds += 10;
        let dateTimer = new Date(milliseconds);
        watch.innerHTML =
            ('0' + dateTimer.getUTCHours()).slice(-2) + ':' +
            ('0' + dateTimer.getUTCMinutes()).slice(-2) + ':' +
            ('0' + dateTimer.getUTCSeconds()).slice(-2) + ':' +
            ('0' + dateTimer.getUTCMilliseconds()).slice(-3, -1); 
    }, 10);
};

function pauseWatch() {
    watch.classList.add('paused');
    clearInterval(timer);
};

function resetWatch() {
    watch.classList.remove('paused');
    clearInterval(timer);
    milliseconds = 0;
    watch.innerHTML = '00:00:00:00';
};
/* TIMER TEST */

for start and reset i simply addet :

export function reset() {
    location.reload();
	**resetWatch();**
}

export function cont() {
    let finishDlgElm = document.querySelector("#finishDialog")
    finishDlgElm.setAttribute("style", "display: none");

    let menuDlgElm = document.querySelector("#menuDialog")
    menuDlgElm.setAttribute("style", "display: none");
	**startWatch();**
}

but how to stop?
adding the "pauseWatch();" after the "let finishDlgElm = ..... " doesnt work for me.

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.