444prakt

pathfinderservice:



class PathFinderServise {
    constructor(dice, activePosition, amount, coordinates){
        this._dice = dice
        this._activePosition = activePosition
        this._amount = amount
        this._coordinates = coordinates
    }

    getPath() {
      const lastPosition = this._getLastPosition()
      const activePath = this._getActivePath(lastPosition)
      return activePath
    }

    _getLastPosition() {

        let lastPosition = this._activePosition + this._dice

        if (lastPosition > this._amount) lastPosition = this._amount//sitas isijungia tik jei virsyja
        else if(lastPosition < 1) lastPosition = 1 //kas neitu i minusa bet i pirma laukeli
        return lastPosition//current 3 dice 2 = 5
    }

    _getActivePath(lastPosition) {

        let result = {}
        for (let i = 1; i <= this._amount; i++) {
            if(!this._coordinates[i] ){

                break
            }
            let coordinate = this._coordinates[i]
            if (coordinate.id == lastPosition) {
                result = coordinate
                break
            }
        }

        return result
    }

}
module.exports = PathFinderServise



app:

import React, {Component} from 'react'

class App extends Component {
    constructor(props) {
        super(props)
        this.inputSelect = React.createRef()
        this.onDice = this.onDice.bind(this)
        this.state = {
            isLoaded: false,
            //shipLocation: [x: 0, y: 0],
            value: '',
            coordinates: [],
            dice: 0,
            activePath : 0
    }
}

onDice() {
    fetch("http://localhost:3000/api/dice?actionType=dice&activePath="+ this.state.activePath)
    .then(res => res.json())
    .then(result => {

        this.setState({
            coordinates: result.coordinates,
            dice: result.dice,
            activePath: result.coordinates.id
        })
    })
    .catch(e => console.log(e))
}

componentDidMount(){
    //const result = {
     //   actionType: 'start'
    //}
   /*
    fetch('http://localhost:3000/api/action', {
        method: 'POST',
        body: JSON.stringify(result)
    })
    .then(res => res.json())
    .then(result => {
        this.setState({
            currentCoordinate: result
        })
    })*/

}
 /*
_onHandleAction(actionType, bonus = {}){
    const result = {
        actionType,
        bonus
    }

    fetch('http://localhost:3000/api/action', {
        method: 'POST',
        body: JSON.stringify(result)
    })
    .then(res => res.json())
    .then(result => {
        this.setState({
            currentCoordinate: result
        })
    })
}
*/

showDice() {
    let dicee = []
    for (let i = 0; i < this.state.dice; i++){
      dicee.push( <div className="grid-item"></div> )
    }
    return dicee
}


    render() {
        console.log(this.state)
        const {currentCoordinate}=this.state

        return (
            <div className="fatherblock">
                <div className="firstdiv">
                    <img className="imgmap" id="mapas" src="./images/zemelapis.png"/>
                    <img style={{left: 660, top:730, position:"absolute", height: 150, width: 150}} src="./images/laivas.png"/>

                </div>
                <button onClick={this.onDice }>Kauliukas</button>
                <div>Iskrito: {this.state.dice} </div>
                <div className="grid-container">
                {this.showDice()}
                </div>
            </div>
        )
    }

}
export default App



gamecontroler:


const PathFinderServise = require('../services/PathFinderService')

class GameControler {
    constructor() {
        this.findCoordinate = this.findCoordinate.bind(this)
        this.getPath = this.getPath.bind(this)
        //this.getDices = this.getDices.bind(this)

    }

    _shipCoordinates() {
        return [

            {id: 1, x: 660  , y: 730 ,entity:1, obsticle: false},
            {id: 2, x: 530  , y: 730 , entity:1,obsticle: {bonus: {multiply: true}}}, // daugiklis x2
            {id: 3, x: 440  , y: 700 , entity:1,obsticle: {penalty: {newgame: true}}}, // new game
            {id: 4, x: 495  , y: 610 ,entity:1, obsticle: false},
            {id: 5, x: 540  , y: 530 , entity:1,obsticle: {penalty: {test: true}}}, // testas prides +1
            {id: 6, x: 440  , y: 510 , entity:1,obsticle: {bonus: {multiply: true }}}, // daugiklis x2
            {id: 7, x: 345  , y: 520, entity:1, obsticle: false},
            {id: 8, x: 250  , y: 490 ,entity:1, obsticle: false},
            {id: 9, x: 230  , y: 405, entity:1, obsticle: false},
            {id: 10, x: 150  , y: 340 ,entity:1, obsticle: {penalty: {backstep: true}}}, //  3 zingsniai atgal
            {id: 11, x: 190 , y:  260 , entity:2, obsticle: false},
            {id: 12, x: 230 , y:  170  , entity:2, obsticle: false},
            {id: 13, x: 280  ,y:  110 , entity:2, obsticle: false},
            {id: 14, x: 270  , y: 120  , entity:2, obsticle: false},
            {id: 15, x: 480  , y: 130  ,entity:2   , obsticle: {penalty: {backstep: true}}}, //  3 zingsniai atgal
            {id: 16, x: 565  , y: 100  ,entity:2   , obsticle: {penalty: {newgame: true}}},
            {id: 17, x: 650  , y: 120 , entity:2 , obsticle: {bonus: {stepfurther: true }}}, // 2 zingsniai i prieki ( laimi zaidima )
            {id: 18, x: 690  , y: 180  ,entity:2   , obsticle: {penalty: {test: true}}}, // testas
            {id: 19, x: 740  , y: 240 , entity:2, obsticle: false}
        ]
    }


    findCoordinate(req, res, next) {
        const coordinateId = parseInt(req.body.coordinateId) || 0
        const coordinates = this._shipCoordinates()
        const amount = coordinates.length
        let result = {}
        for (let i = 0; i < amount; i++) {
            let coordinate = coordinates[i]
            if (coordinate.id == coordinateId) {
                result = coordinate
                break
            }
        }
    }



        _dice(){
            return  Math.floor(Math.random() * 6) + 1;
        }
        /*
        getDices(req, res, next) {
            const dice = this._dice()
            return res.json(dice)
        }*/

    getPath(req, res, next) {
        let newPosition = 0
        let dice = this._dice()
        let activePosition = req.query.activePath
        let bonus = '-3'
        let amount = 19

        //console.log(activePosition)
        activePosition = parseInt(activePosition)
        bonus = parseInt(bonus)
        const actionType = req.query.actionType
        if(actionType == 'dice') {
            //turi kviesti dice funckija ir ispausdinti kiek gavo back ende skaicius i front enda
            newPosition = dice
        } else if (actionType == 'bonus') {
            newPosition = activePosition + (bonus)
        }
        const pathFinderService = new PathFinderServise(newPosition, activePosition, amount, this._shipCoordinates())
        const result = pathFinderService.getPath()
        //console.log(newPosition)
        return res.json(
            {
                coordinates: result,
                dice: newPosition
            }

        )
    }
}

module.exports = GameControler





style:



.fatherblock {
  width: 100vh;
  height: 100vh;
}
.firstdiv {
  height: 1000px;
  width: 1000px;
}
.imgmap{
  max-width: 100%;
  max-height: 100%;
}


.grid-container {
  display: grid;
  grid-template-columns: 100px 100px;
  padding: 15px;
}

.grid-item {
  background-color: rgba(115, 115, 115, 0.8);
  border: 1px solid rgba(89, 89, 89, 0.8);
  padding: 40px;
  border-radius: 50px;
}
    /*  .laivas {

        position: absolute;

        top: 671px;
        left: 855px;
         width:200px;
         height: 200px;
        }






routes:

const GameControler = require('./controllers/GameControler')
const gameControler = new GameControler()

module.exports = (app) => {
    app.get('/', (req, res) => {
        res.render('home')
    })
    //app.get('/', gameControler.getPath)
    //app.get('/api/', gameControler.getPath)
    //app.post('/api/', gameControler.getPath)

    app.get('/api/dice', gameControler.getPath)
    return app
}