Create and display images on Jupyter on the fly

Hi, let's rivisit some code.
This is for jupyter notebook.
Go in the cmd or terminal and start it so:
jupyter notebook

After the notebook is started write this code:


1. Import the modules

from IPython.core.display import display   # this is for jupyter
from PIL import Image as Img               # this to create images
from random import shuffle                 # this to shuffle the cards

2. Create a list with the name of the cards

Download the cards:
https://apprendimento.github.io/img/cdslittle4.rar
unzip them in the dir where the py file is and then in img/cdslittle4/

This is the code that creates a list of all the name images of the cards to be loaded

num = [str(x) for x in range(1,11)]
num[0] = 'ace'
seeds = ["_of_hearts","_of_clubs","_of_diamonds","_of_spades"]
cards = ["img/cdslittle4/"+x+s+".png" for x in num for s in seeds]

3. Shuffling

shuffle(cards)

4. A function to display 10 cards

First we pick 3 cards

p1 = cards.pop(),cards.pop(),cards.pop()

Then we create an image that will contains 3 cards:

new_im = Img.new('RGB', (270,130))   # 30*90 = 270  i.e. three cards

for each element in p1 we open the image of the card using Img.open(nameofthefile) and then using the paste method to paste each image in the new_img image object created to host the images. Each card is pasted 90 "px" to the right of the other to make them look one after another in the final product.

for elem in p1:
    for i in range(3):
        im=Img.open(p1[i])
        new_im.paste(im, (i*90,0))

5. The final step: displaying the image

We will not save the image (as we did in another post), but we will only display them (so, if we want to use it for a game, we will not occupy space on the hard drive saving space and time, I think)

display(new_im)

6. The output, in jupyter notebookm will be this:



Ok, if you want to save this file you should write this code:

new_im.save('p1.jpg')

Now you could display it also in this way

display(Image('3cards.png'))

It's to you to choose the method you need.

See ya... 1/1/2017