Welcome back to our latest update, this one might be the last before the official launch of SteemCasino, not 100% sure.

Join our <a href="https://discord.gg/H56cD59">Official Discord Server</a>.

You can see our github <a href="https://github.com/andreistalker/steemcasino">here</a>.<br>
Pull request <a href="https://github.com/andreistalker/steemcasino/pull/10">V0.0.7</a> and <a href="https://github.com/andreistalker/steemcasino/pull/12">V0.0.8</a>.

### Bug Fixes
- Fixed a bug in Rock, Paper, Scissors. If you were the Player 2 and choose Scissors it would change to Paper. What caused it?
```
<input id="bitcoin" type="radio" name="player" value="2">Scissors
```
Fix:
```
<input id="bitcoin" type="radio" name="player" value="3">Scissors
```

- Fixed bugs caused by the renaming of the coinfliputils.php to gamesutils.php

### New Features
- New Coinflip Animations thanks to @riverstyx <br>
https://steemitimages.com/0x0/https://media.giphy.com/media/8mt64TmtJEUnk93z8q/giphy.gif
- New Rock, Paper, Scissors thanks to @karmachela <br>
https://cdn.utopian.io/posts/bf05b3eb319c1cc50a22abf99beeda0d2bbasteem_casino_rock-scissor-paper.png
- New Mines Layout
![image.png](https://cdn.utopian.io/posts/e385cb7c8687e4deb8cff60005d7ac2b07d6image.png)
- New Layout for the Games List and a How To Play page!
![image.png](https://cdn.utopian.io/posts/93ad5bb504a005950c61a720417a0fe4c78dimage.png)
- New Layout for Coinflip
![image.png](https://cdn.utopian.io/posts/66db9fa536ec59844c6f86c9a15b291a3a0dimage.png)
Games are now displayed in a carousel and no more popups, suggested by @kizzbonez.
- New Layout for RPS
![image.png](https://cdn.utopian.io/posts/91b73edfe0e4ae59e43223be615d7558905aimage.png)
Games are now displayed in a carousel and no more popups, suggested by @kizzbonez.

How did we make this change? (It's the same for Coinflip and RPS)
On the page there are 2 iFrames, one for all the games and one for the old popups!
```
<iframe id="coinflip-iframe" width="100%" scrolling="no" style="overflow:hidden;" height="30%" frameborder="0" src="coinflipgames.php">
					Sorry, but your browser is not supported. Please upgrade your browser!
</iframe>
<iframe id="iframe" width="100%" scrolling="no" style="overflow:hidden;" height="100%" frameborder="0">
					Sorry, but your browser is not supported. Please upgrade your browser!
</iframe>
```

When you press the Start a new game button, this function is played, the location of the frame is changed to coinflipaction.php or rpsa.php
```
function startGame() {
				$("#iframe").attr("src", "coinflipaction.php?action=newgame");
				$(".coinflip-game").show();
}
```

And once you press the submit button, this script is played, it refreshes the games iframe to show your new game!
```
<script>
							parent.$("#coinflip-iframe").attr("src", "coinflipgames.php");
							parent.$("#iframe").attr("src", "");
							parent.$(".coinflip-game").hide();
</script>
```

And last but not least, <b>Roulette</b>

![image.png](https://cdn.utopian.io/posts/0696ec7df5c1410054207f616e859dd807f5image.png)
 
How did we created the roulette? Well we have a new node.js bot that actions the roulette, it uses socket.io to communicate to all players.

The main function that controls everything is changeState 
```
function changeState() {
	if(state) {
		state = 0;
	
		createGame();
		
		console.log("\nBetting round has started.");
		
		setTimeout(changeState, betTime);
	} else {
		state = 1;
		var currRoll = roll();
		var color = calculateColor(currRoll);
		
		lastRolls.unshift(currRoll);
		if(lastRolls.length == 6)
			lastRolls.splice(-1, 1);
		
		console.log(lastRolls);
		
		win(color, currRoll);
		
		setTimeout(changeState, rollTime);
	}
}
```

When it gets called it will change the state from 0 to 1 or from 1 to 0 (state = 1 means it's roll time, you cant bet, state = 0 means it's bet time, you can bet).

The function createGame truncates the roullete table from the database and changes the roulettestate from the info table to 0, then it emits a message to all the users on the roulette.php page with a timestamp, this is the time of the next roll.
```
function createGame() {
	
	timestamp = Math.floor(Date.now() / 1000) + Math.floor(betTime / 1000);
	
	con.query("TRUNCATE roulette", function (err, result) {
	});
	con.query("UPDATE info SET value = 0 WHERE name = 'roulettestate'", function (err, result) {
	});
	con.query("UPDATE info SET value = " + Math.floor(Date.now() / 1000) + " WHERE name = 'roulettetimestamp'", function (err, result) {
	});
	
	io.sockets.emit('message', {
		messageType: 3,
		timestamp: timestamp
	});
}
```

The function win creates a timestamp with the time on which you can bet sets the roulettestate from the info table to 1 and searches for every player in the roulette table from the database that bet on the same color as the roll, then it updates their balance, and last it sends a message to every player from roulette.php with the current roll, the last 5 rolls and the timestamp when they can bet again!

```
function win(color, currRoll) {
	
	timestamp = Math.floor(Date.now() / 1000) + Math.floor(rollTime/1000);
	
	con.query("UPDATE info SET value = 1 WHERE name = 'roulettestate'", function (err, result) {
	});
	con.query("UPDATE info SET value = " + Math.floor(Date.now() / 1000) + " WHERE name = 'roulettetimestamp'", function (err, result) {
	});
	con.query("SELECT * FROM roulette WHERE beton = " + color, function (err, result) {
		for( var i = 0, len = result.length; i < len; i++ ) {
			var reward = result[i].bet;
			var bet = result[i].bet;
			var player = result[i].player;
			if(color == 1 || color == 2)
				reward = reward * 2;
			else
				reward = reward * 14;
			
			con.query("SELECT * FROM users WHERE username = '" + result[i].player + "'", function (err, resultd) {
				if(resultd) {
					var balance = resultd[0].balance;
					var won = resultd[0].won;
					var losted = resultd[0].losted;
					
					balance = balance + reward;
					won = won + reward;
					losted = losted - bet;
					
					con.query("UPDATE users SET losted = '" + losted + "', balance = '" + balance + "', won = '" + won + "' WHERE username = '" + player + "'", function (err, result) {
					});
				}
			});
		}
	});
	
	io.sockets.emit('message', {
		messageType: 2,
		roll: currRoll,
		lastRolls: lastRolls,
		timestamp: timestamp
	});
}
```

    

<br /><hr/><em>Posted on <a href="https://utopian.io/utopian-io/@andreistalker/v0-0-7-v0-0-8-steemcasino-roulette-bug-fixes-ui-changes">Utopian.io -  Rewarding Open Source Contributors</a></em><hr/>