-
Notifications
You must be signed in to change notification settings - Fork 83
Programming Games with Hexi and Transcrypt
ArtyProg edited this page Jun 27, 2016
·
4 revisions
Using Hexi in Python via Transcrypt
The purpose of this wiki is to introduce kids to game programming,
using Python as main language.
It is written in a very simple way, in order to be the most comprensible and not the more
astute.
Also, remember this script is in final translated to Javascript with Transcrypt,
and so, don't be suprised to not be able to load standard modules.
You can find the doc on Transcrypt here : http://transcrypt.org/
To translate this script in Javascript :
- Install Python 3.x
- Install Transcrypt : pip install transcrypt from command line
- Translate the script : transcrypt your_script.py from commande line
You can mail me to Salvatore, if you want more details on running the script.
You can play and match two colors...
<!doctype html>
<meta charset="utf-8">
<title>Memory</title>
<body>
<p>
<script src="../bin/hexi.min.js"></script>
<!-- Main application file -->
<script src="src/Mochikit.js"></script>
<script src="src/tools.js"></script>
<script src="src/__javascript__/memory.js"></script>
</body>// File : tools.js
var JS = JS || {};
JS = (function () {
function shuffle(a) {
var j, x, i;
for (i = a.length; i; i -= 1) {
j = Math.floor(Math.random() * i);
x = a[i - 1];
a[i - 1] = a[j];
a[j] = x;
}
}
//Function to convert hex format to a rgb color
function rgb2hex(rgb){
rgb = rgb.match(/^rgba?[\s+]?\([\s+]?(\d+)[\s+]?,[\s+]?(\d+)[\s+]?,[\s+]?(\d+)[\s+]?/i);
return (rgb && rgb.length === 4) ? "#" +
("0" + parseInt(rgb[1],10).toString(16)).slice(-2) +
("0" + parseInt(rgb[2],10).toString(16)).slice(-2) +
("0" + parseInt(rgb[3],10).toString(16)).slice(-2) : '';
}
function randhexcol() {
return '#' + ("000000" + Math.random().toString(16).slice(2, 8).toUpperCase()).slice(-6);
}
return {
shuffle : shuffle,
rgb2hex : rgb2hex,
iter : MochiKit.Iter.iter,
log : MochiKit.Logging.log,
logpane : MochiKit.LoggingPane.createLoggingPane
}
})();# memory.py
# This file is translated to Javascript using Transcrypt
rgb2hex = JS.rgb2hex
color1 = rgb2hex("rgba(255,0,0,0)")
color2 = rgb2hex("rgba(255,255,0,0)")
color3 = rgb2hex("rgba(255,255,255,0)")
color4 = rgb2hex("rgba(255,0,255,0)")
color5 = rgb2hex("rgba(255,80,80,0)")
color6 = rgb2hex("rgba(255,128,0,0)")
color7 = rgb2hex("rgba(255,128,255,0)")
color8 = rgb2hex("rgba(255,0,128,0)")
colors = [color1,color2, color3, color4, color5, color6, color7, color8]
allcolors = [color for tuplecolor in zip(colors, colors) for color in tuplecolor]
JS.shuffle(allcolors)
# Helper Functions:
def all(iterable):
for element in iterable:
if not element:
return False
return True
# Main Grid wich contents all the cells
# Grille principale contenant les cellules
class Grid:
def __init__(self, game, rows=4, cols=4):
self.offset = 4
self.game = game
self.rows = rows
self.cols = rows
self.ligs = [[0 for i in range(self.rows)] for j in range(self.cols)]
self.spr = [[0 for i in range(self.rows)] for j in range(self.cols)]
def display(self):
numcells = self.rows * self.cols
cells = range(16)
JS.shuffle(cells)
JS.shuffle(colors)
for num in cells:
color = allcolors[num]
i, j = num % self.cols, num // self.rows
posx, posy = i *(128 + self.offset ), j * (128 + self.offset )
# FrontFace : Sprite or Color
sprite = self.game.rectangle(128, 128, color)
sprite.x = posx
sprite.y = posy
sprite.num = num
sprite.content = color
sprite.showed = False
# Backface
rectb = self.game.rectangle(128, 128, "blue")
rectb.x = posx
rectb.y = posy
rectb.num = num
self.ligs[i][j] = rectb
self.spr[i][j] = sprite
# Game Handler
# Gestion du Jeu
class Memory:
def __init__(self, width=512, height=512):
self.game = hexi(width, height, self.setup)
self.game.backgroundColor = "seagrean"
self.mouse = self.game.pointer
self.mouse.tap = self.tap
self.grid = Grid(self.game)
self.curcell = None
self.clickedcells = []
def tap(self):
self.tapped = True
def setup(self):
self.game.scaleToWindow("seaGreen")
self.grid.display()
self.game.state = self.play
def get_curcell(self):
for i in range(self.grid.rows):
for j in range(self.grid.cols):
curcell = self.grid.ligs[i][j]
if(self.game.hit(self.game.pointer, curcell)):
self.curcell = curcell
def compare_cells(self):
if len(self.clickedcells) < 2:
return
numrows = self.grid.rows
numcols = self.grid.cols
def resetcell(cells):
def _reset():
cells[0].alpha = 1
cells[1].alpha = 1
self.clickedcells = []
return _reset
cella, cellb = self.clickedcells[:2]
if (cella.num != cellb.num ):
icella, jcella = cella.num % numcols, cella.num // numrows
icellb, jcellb = cellb.num % numcols, cellb.num // numrows
spritea = self.grid.spr[icella][jcella]
spriteb = self.grid.spr[icellb][jcellb]
contenta = spritea.content
contentb = spriteb.content
cellb.alpha = 0
cella.alpha = 0
if (contenta != contentb):
setTimeout(resetcell([cella, cellb]), 1000)
else:
spritea.showed = True
spriteb.showed = True
self.clickedcells = []
def check_endgame(self):
# flatten liste sprites
# On 'applatit la liste des sprites'
lst_spr = [sprite for liste_sprites in self.grid.spr for sprite in liste_sprites]
showed_values = [s.showed for s in lst_spr]
if (all(showed_values)):
for s in lst_spr:
s.alpha = 0
self.game.state = self.end
def play(self):
self.check_endgame()
self.get_curcell()
if (self.mouse.tapped):
lc = len(self.clickedcells)
if (lc >= 2):
alert("TOO FAST")
self.clickedcells.append(self.curcell)
self.mouse.tapped = False
self.compare_cells()
def start(self):
self.game.start()
def end(self):
console.log("END")
memory = Memory()
memory.start()