App description by Photo Roulette AS In Photo Roulette you compete with your friends to quickly guess whose photo is shown. Play with random photos from you and your friends' phones in this social and exciting Photo Roulette game! In Photo Roulette you compete with your friends to quickly guess whose photo is shown! Play with random photos from you and your friends' phones in this social and exciting Photo Roulette game! Feel the thrill before each picture and share the hilarious moments that occur with the. Photo Roulette is a fun little widget that presents you with a fancy photo montage with your photo almost each time you look on your phone screen!

Download Photo Roulette PC for free at BrowserCam. Photo Roulette AS published the Photo Roulette Game for Android operating system mobile devices, but it is possible to download and install Photo Roulette for PC or Computer with operating systems such as Windows 7, 8, 8.1, 10 and Mac.

Let's find out the prerequisites to install Photo Roulette on Windows PC or MAC computer without much delay.

Select an Android emulator: There are many free and paid Android emulators available for PC and MAC, few of the popular ones are Bluestacks, Andy OS, Nox, MeMu and there are more you can find from Google.

Compatibility: Before downloading them take a look at the minimum system requirements to install the emulator on your PC.

Download roulette app

For example, BlueStacks requires OS: Windows 10, Windows 8.1, Windows 8, Windows 7, Windows Vista SP2, Windows XP SP3 (32-bit only), Mac OS Sierra(10.12), High Sierra (10.13) and Mojave(10.14), 2-4GB of RAM, 4GB of disk space for storing Android apps/games, updated graphics drivers.

Finally, download and install the emulator which will work well with your PC's hardware/software.

How to Download and Install Photo Roulette for PC or MAC:

  • Open the emulator software from the start menu or desktop shortcut in your PC.
  • Associate or set up your Google account with the emulator.
  • You can either install the Game from Google PlayStore inside the emulator or download Photo Roulette APK file from the below link from our site and open the APK file with the emulator or drag the file into the emulator window to install Photo Roulette Game for pc.

You can follow above instructions to install Photo Roulette for pc with any of the Android emulators out there.

Roulette is a casino game with a wheel having numbers from 0 to 36. You must note that the American style roulette has a double zero. So, it has 38 sectors on the wheel. But, in that tutorial, we are going to create a French / European style Roulette Game.

In the Roulette Game, players may choose to place bets on either a single number, various groupings of numbers, red or black colors, whether the number is odd or even, or if the numbers are high (between 19 and 36) or low (between 1 and 18).

Then, a croupier spins the wheel in one direction and a little ball in the opposite direction. When the wheel stops, we look at the position of the ball on the sectors of the wheel.

After that, the croupier pay players if they won their bets according some rules we will see in the second part of this tutorial when we will implement the bets on our Roulette Game.

In this part of the tutorial, you are going to learn how to display the wheel and how to spin it by using the Android Animation API available in the standard SDK.

You can also watch this part of the tutorial on YouTube :

Adding some depedencies

To make easier our development by reducing the boilerplate code, we are going to use the Butter Knife library. So, you need to add the following dependencies in the buid.gradle file of your Android Application Project :

implementation ‘com.jakewharton:butterknife:8.8.1’
annotationProcessor ‘com.jakewharton:butterknife-compiler:8.8.1’

Photo Roulette Android App Download

So, the build.gradle file of our Roulette Game will have the following form :

Photo Roulette Android App

View the code on Gist.

Making the User Interface of the Roulette Game

Next step is to make the User Interface of the Roulette Game. Our UI will have the following views :

  • A TextView to display the result of the wheel’s spin
  • A Button to spin the wheel
  • An ImageView to display the wheel which will be represented by the following PNG Image :
  • An ImageView to display a triangle pointing to the sector of the wheel where the ball has stopped. So, we won’t use a real ball spinning on the wheel here. This is the triangle image :

It gives us the following code for our User Interface :

Photo Roulette Pc

View the code on Gist.

Like you can see, it is quite simple. A RelativeLayout with the Button at the bottom, the TextView on top and the wheel centered on the screen. Furthermore, the triangle image is placed just above the wheel with a-10dp marginBottom to be placed just on the wheel’s sectors.

Writing the Java code of the Main Activity

Now, it’s time to write the Java code of the Main Activity. First, we bind the views from the XML layout file to the fields of our MainActivity thanks to the Butter Knife API and its @BindView annotation :

View the code on Gist.

Then, we need to create a String array to have a textual representation of label associated to each sector of our wheel. Finally, we define a static variable to represent the half angle of a sector. For that, we divide 360 degrees by the number of sectors (37) and then again by two.

Photo Roulette Android App Free

It gives us the following code at this point :

View the code on Gist.

Photo Roulette Android Apps

Now, we need to find a way to spin our wheel. For that, we are going to use the Android Animation API. Simple, efficient and available in the SDK in standard.

To spin our wheel, we will use a RotateAnimation. The rotation will be from degreeOld to degree based on the center of the wheel. You have noted that we use degreeOld and degree integer fields.

The degreeOld field will store the previous position of the wheel in degrees compared to its initial position. The degree field will be used to determine the next position of the wheel after the rotation. To calculate this position, we use a random integer between 0 and 360. And then, we add 720 degrees to be sure the wheel will make two rotations at least before stopping.

Finally, we define the duration of the animation and we set a DecelerateInterpolator to make a smooth effect. The code is placed inside a spin method annotated with @OnClick annotation of the Butter Knife API to set this method as the OnClick callback for our Spin Button :

View the code on Gist.

Photo Roulette App Review

When the animation starts, we empty the result TextView. At the end of the animation, we display the correct sector pointed by the triangle on the wheel.

For that, we create a getSector method with a dedicated Algorithm. We iterate to move from the first sector angle to the last sector angle. It the position in degrees of the wheel passed in parameter of the getSector method in a sector, we get the associated text by accessing to the sectors array.

It gives us the following code for the getSector method :

View the code on Gist.

It gives us the following complete source code for the MainActivity :

View the code on Gist.

Playing our Roulette Game

Best part of the tutorial is coming. Now, we can play our Roulette Game and spinning the wheel. Once the application is launched, you will have the following starting screen :

Click on the spin button, and the wheel will spin. When the wheel stops, you will have the following screen with the result :

That’s all for the first part of our Roulette Game tutorial for Android.

To go further

In the second part of this tutorial, we will create the bets table and we will let the users to put bets before spinning the wheel. So, stay tuned !

Waiting that, you can subscribe to the SSaurel’s Channel on YouTube to discover more tutorials on Android development :