Medien Wiki - User contributions [en]

IFD:Kolloq SS16

2016-03-24T14:56:33Z

Pife5734: /* Syllabus */

[[:Category:Kolloquium|Kolloquium]] 
''Lehrperson:'' [[Michael Markert]], [[Jason Reizner]], [[Martin Schied]], [[Florian Wittig]] 
''Bewertung:'' up to 6 [[ECTS]] (depending on the relevant study version), 2 [[SWS]] 
''Termin:'' periodically Wednesdays, 10:00 to 12:00 h 
''Ort:'' Marienstraße 7b, Raum 101 '''subject to change!''' 

''First Meeting:'' Wed, April 20th, 10 am '''subject to change!'''

==Beschreibung==
Das Interface-Design Kolloquium lädt unregelmäßig Mittwochs zu einem kleinen Vortrag aus der Praxis (von Studierenden, Gästen oder Mitarbeitern) ein. Im Anschluss wird über das Thema des Vortrags diskutiert.

==English description==
We are inviting students, guests and lecturers to present their works. There will be a brief discussion afterwards.

== Anmeldung ==
Der Besuch ist offen für alle und erfordert keine Anmeldung

==Zielgruppe==
Alle Bachelor- und Master-Studenten, Absolventen und Mitarbeiter der Professur Interface-Design.

== Hinweise für Vortragende ==

Normalerweise gibt es zwei Redner pro Termin. Es gibt einen Beamer (VGA-Connector!), wenn Sie Sound oder einen Computer benötigen, melden Sie sich bitte bei [[User:Mm|Michael]]. Falls Sie die Präsentation auf einem USB-Stick mitbringen, dann bitte entweder als Mac-Keynote oder als PDF. Wir haben nur eventuell Zugriff auf einen Windows-PC mit Powerpoint.

Ein Internetzugang steht über das WiFi Netzwerk "eduroam" zur Verfügung. Falls Sie kein Universitätslogin haben, melden Sie sich bitte rechtzeitig, damit wir einen Gastzugang beantragen können.

Sie können Ihre Vortragssprache (Deutsch/Englisch) frei wählen. Es sind jedoch üblicherweise 5 bis 10% fremdsprachige Teilnehmer anwesend, die i.d.R. besser Englisch als Deutsch verstehen.

Die Präsentation sollte eine Dauer von etwa ~20 Minuten haben. Bitte haben Sie Verständnis dafür, wenn wir nach spätestens 30 Minuten abbrechen, denn wir möchten noch genügend Zeit für Feedback, Fragen und kurze Anschlussdiskussionen haben.

== Notes for Speakers ==

If you feel you have something interesting to share, please contact us. We are always looking for interesting things to share and talk about.

Typically, we have two presentations per meeting. There is a projector with VGA Connector. If you need Sound or a Computer, please contact [[User:Mm|Michael]]. If you bring your presentation on a USB-Stick, please use either Mac-Keynote or PDF, because we may or may not find a Windows-PC with Powerpoint.

To connect to the internet, you can use the "eduroam" WiFi network. If you have no University login, please get in touch, so we can arrange a guest account.

The language of your talk (German/English) is up to you to decide. Usually, there are about 5 to 10% Students that understand English better than German.

The presentation should have a duration of about ~ 20 minutes. Please understand that we need to stop the talk after 30 minutes latest, because there should be time for feedback, questions and short discussions.

==Syllabus==
Vorläufiger Semesterplan:
BITTE MINIMAL + MAXIMAL ZWEI VORTRÄGE PRO TERMIN!
DIE VERANSTALTUNG FINDET NUR STATT, WENN ES ZWEI VORTRÄGE GIBT!

# <del>Wed, 06.April: no meeting due to LOPEC fair in Munich</del>
# <del>Wed, 13. April: no meeting due to staff member meeting</del>
# Wed, 20. April: Emma Gonzalez (Master Thesis), Arezoo Araznoor (Praktikum Report)
# Wed, 27. April: Apasri Titatarn(Master Thesis)
# Wed, 04. May: tba
# Wed, 11. May: tba
# <del>Wed, 18. May: no meeting (Pfingsten)</del>
# Wed, 25. May: tba
# Wed, 01. June: tba
# Wed, 08. June: tba
# Wed, 15. June: tba
# <del>Wed, 22. June: no meeting (Eignungsprüfungen)</del>
# Wed, 29. June: tba
# Wed, 06. July: tba
# <del>Wed, 13. July: no meeting due to Summaery preparations</del>

MINIMUM + MAXIMUM TWO PRESENTATIONS PER DAY!
THE KOLLOQUIUM WILL ONLY TAKE PLACE IF THERE ARE TWO PRESENTATIONS!

== Previous Semesters ==
* [[IFD:Kolloq WS15]]
* [[IFD:Kolloq SS15]]
* [[IFD:Kolloq WS14]]
* [[IFD:Kolloq SS14]]
* [[IFD:Kolloq WS13]]
* [[IFD:Kolloq SS12]]
* [[IFD:Kolloq WS12]]
* [[IFD:Kolloq SS13]]

==Links==
* tba

GMU:Bots 'n' Plots/Apasri Titatarn

2015-10-16T10:03:25Z

Pife5734:

GMU:Bots 'n' Plots/Apasri Titatarn

2015-10-16T09:57:36Z

Pife5734:

GMU:Bots 'n' Plots/Apasri Titatarn

2015-10-11T19:50:35Z

Pife5734:

GMU:Bots 'n' Plots/Apasri Titatarn

2015-10-08T12:08:45Z

Pife5734:

GMU:Bots 'n' Plots/Apasri Titatarn

2015-10-08T12:07:02Z

Pife5734:

GMU:Bots 'n' Plots/Apasri Titatarn

2015-10-08T12:05:31Z

Pife5734:

GMU:Bots 'n' Plots/Apasri Titatarn

2015-10-08T12:04:30Z

Pife5734:

GMU:Bots 'n' Plots/Apasri Titatarn

2015-10-08T12:03:39Z

Pife5734:

File:Kaleidoexample2.gif

2015-10-08T12:03:33Z

Pife5734:

== Summary ==

== Copyright status: ==

== Source: ==

GMU:Bots 'n' Plots/Apasri Titatarn

2015-10-08T11:58:39Z

Pife5734:

GMU:Bots 'n' Plots/Apasri Titatarn

2015-10-08T11:57:25Z

Pife5734:

GMU:Bots 'n' Plots/Apasri Titatarn

2015-10-08T11:56:43Z

Pife5734:

GMU:Bots 'n' Plots/Apasri Titatarn

2015-10-08T11:56:34Z

Pife5734:

GMU:Bots 'n' Plots/Apasri Titatarn

2015-10-08T11:55:50Z

Pife5734:

GMU:Bots 'n' Plots/Apasri Titatarn

2015-10-08T11:54:56Z

Pife5734:

GMU:Bots 'n' Plots/Apasri Titatarn

2015-10-08T11:53:50Z

Pife5734:

File:Kaleidoexample3.gif.gif

2015-10-08T11:53:23Z

Pife5734: uploaded a new version of "File:Kaleidoexample3.gif.gif"

== Summary ==

== Copyright status: ==

== Source: ==

File:Kaleidoexample3.gif.gif

2015-10-08T11:52:44Z

Pife5734:

== Summary ==

== Copyright status: ==

== Source: ==

GMU:Bots 'n' Plots/Apasri Titatarn

2015-10-08T11:34:58Z

Pife5734:

GMU:Bots 'n' Plots/Apasri Titatarn

2015-10-08T11:33:07Z

Pife5734:

GMU:Bots 'n' Plots/Apasri Titatarn

2015-10-08T11:32:21Z

Pife5734:

GMU:Bots 'n' Plots/Apasri Titatarn

2015-10-08T11:31:06Z

Pife5734:

File:Botscreen1.PNG

2015-10-08T11:27:28Z

Pife5734:

== Summary ==

== Copyright status: ==

== Source: ==

GMU:Bots 'n' Plots/Apasri Titatarn

2015-10-07T14:31:27Z

Pife5734:

GMU:Bots 'n' Plots/Apasri Titatarn

2015-10-07T14:29:55Z

Pife5734:

File:Botexamplegif2.gif

2015-10-07T14:29:37Z

Pife5734:

== Summary ==

== Copyright status: ==

== Source: ==

GMU:Bots 'n' Plots/Apasri Titatarn

2015-10-07T14:15:40Z

Pife5734:

'''APASRI TITATARN : Bots n Plots class'''

First touch with Python . . . .gettin to know how to draw basic shapes

Here is my first drawing in class with coding.
my sheep robot. . . funny one
[[File:Sheep.png |200px|]]

'''My Aim about this class :'''

" I would like to make imageBot and furthur step would be to make it move as
short animated GIF"

'''Homework 2nd week'''
Assignment to make your own moving robot.

This is my CloudBot. A cloud with falling snowflakes GIF.
I coded in processing with python language.
Here is the code . . .

[[File:Cloud_bot_s.gif]]

----Cloud Code----
<pre style="font-size:smaller" >
#cloud
width = 400
posx = [width/4,width/3,3*width/5,width/2,width/5,2*width/3,3.8*width/5,width/2.3]

def setup():
size(400,400)
background(255)
frameRate(12)

def draw():
noStroke()
background(179,226,228)
change= sin(frameCount*0.1)
drawcloud(change)
sx= width/2
n = frameCount
textsnow(posx,change)

saveFrame("cloudbot##.jpg")

def drawcloud(change):
print change
fluffy = change*5
fill(255)
#cloud 1 S
ellipse(1.25*width/5,0.9*height/1.8,80+fluffy,80+fluffy)
#cloud 2 M
ellipse(2*width/5,height/1.8-height/10,130+2*fluffy,120+1.5*fluffy)
#cloud 3 L
ellipse(2.7*width/5,0.95*height/1.8-height/10,120+fluffy,145+fluffy)
#cloud 4 M
ellipse(3.5*width/5,height/1.8-height/10,110+2.5*fluffy,110+2*fluffy)

#face
fill(80)
ellipse(width/3,height/2,7,7)
ellipse(2*width/3,height/2,7,7)

def textsnow(posx,change):
fill(255)
textSize(32)
i=0
while i <7:
text("*",posx[i]+change*i,height/1.8+frameCount*(i+1)/5)
i =i+1

</pre>

'''TwitterBot :MID TERM ASSIGNMENT

======Kaleidoscope Bot======='''

'''STEP 1: Still Kaleido'''

My midtern project is making a image processing bot which make a kaleidoscope style image out of an image.
I want the result to look nice and can totally show the kaleidoscope style whatever the source image is.

This is the structure of how I 'kaleidify' the source image.

[[File:kaleidochart1.jpg]]

RESULT PICTURE

[[File:Screen Shot 2558-06-16 at 7.43.39 PM.png]]
[[File:Screen Shot 2558-06-17 at 12.03.18 AM.png]]

As can be seen here,in this step, the final resault take only small part of the source image.

It is quite difficult to trance back what the sorce image look like but it is the preparation for the next step.

code for the image processing
=============================
<pre style="font-size:normal" >

from PIL import Image, ImageDraw,ImageFilter
import PIL.ImageOps as im
import numpy as np

def makekaleido():
#put image path
imgfile = "img.jpg"

#load Image
source = Image.open(imgfile)

#adjust the source image a bit for nicer result
base = source.rotate(31)

#creat mask base the same size with source image
mask = Image.new('RGBA', base.size, (255,255,255,0))
x, y = base.size

# one variable to vary the size of triangle
var = y/14

# Define triangle mask position (triangle with 20 degree)
(originx,originy) = (x/3,int(0.9*y))
trih = int(12*var) #fix formular for triangle height
triw = int(4.2*var) #fix formular for triangle width
polygonpos = [(originx,originy),
(originx+triw,originy),
(originx+triw/2,originy-trih)]
#print(trih,triw)

# Create mask
draw = ImageDraw.Draw(mask,'RGBA')
draw.polygon(polygonpos,(0,0,0,255))
del draw
mask.save("mask.png")

# Get the Alpha band from the template
tmplt = Image.open('mask.png')
A = tmplt.split()[3]

#make one piece of triangle on transparent bg
[R,G,B]=base.split()
tri = Image.merge('RGBA', (R, G, B, A))

#crop it to the exact size of triangle!! to create primary pattern
#box (left, top , right, buttom)
box =(originx,(originy-trih),(originx+triw),originy)
pattern_plain=tri.crop(box)
pattern_plain.save('pattern_plain.png')
print('....pattern created....')

# add style to pattern
pattern = pattern_plain
#pattern= pattern_plain.filter(ImageFilter.EDGE_ENHANCE)
pattern.save('pattern_tri.png')
print('....stylized pattern....')

#make square canvas for the output (wide = double size of height of primary pattern)
canvas =Image.new('RGBA',(2*trih,2*trih), (255,255,255,0))
canvas.save('tmpcanvas.png')
pcanvas=Image.new('RGBA',(2*trih,2*trih), (255,255,255,0))

#put pattern on the canvas
#make sure to put the tip of the triangle at the center of the canvas
#because when we rotate the center of the object is the pivot point
#note: paste command require the coordinate of top left corner
#so point to paste the pattern is . . .
ccenterx = int(trih-triw/2)
canvas.paste(pattern,(ccenterx,trih))

# start rotate the pattern around every 40 degree

for i in range (0,360,40):
tmpcanvas = canvas
tmppat = canvas.rotate(i)
canvas= Image.alpha_composite(tmpcanvas,tmppat)

# now we get half of the things
half = canvas

#mirror the half and put in the space to create simple kaleidoscpoe effect
mirror = im.mirror(half)
half2= mirror.rotate(20)

#merge 2 half
output=Image.alpha_composite(half,half2)

output.save("final.png")

if __name__ == '__main__':
makekaleido()

</pre>

'''STEP 2 : moving Kaleido'''

The next step is to make the bot gives more feeling of Kaleidoscope. The nice part of Kaleidoscope is whhen one rotate it around and see the abtract patterns moving.

I try to make it the similar feeling here with the bot that each still image is so abstact but when one finish watching the whole loop of rotation then you will have clue about what is the source image.

[[File:kaleidochart2.jpg]]

In the code, I made the variable 'n' and 'a' to be able to adjust the the result GIF file.
n is the number of the rotation time
a is the degree of the rotation

so they will affect how smooth the animated GIF going to be.

This is the example result.

[[File:Botexample1.png|210 px]]
[[File:Kaleidogif1.gif]]

Source image : illustration from Oliver Jeffers
[[File:JEFFERS>JPG]]

This is the code of Gif Version

[[Media:jeffers.gif |Example result .GIF]]

======Kaleidoscope 360 GIF ========
<pre style="font-size:normal" >

from PIL import Image, ImageDraw,ImageFilter
import PIL.ImageOps as im
import numpy as np
import moviepy.editor as mpy

def onepic():
global output
#creat mask base the same size with source image
mask = Image.new('RGBA', base.size, (255,255,255,0))
x, y = base.size
print("base size: %sx%s"%(x,y))

# one variable to vary the size of triangle
var = y/28

# Define triangle mask position (triangle with 20 degree)
(originx,originy) = (int(0.4*x),int(y))
trih = int(12*var) #fix formular for triangle height
triw = int(4.2*var) #fix formular for triangle width
polygonpos = [(originx,originy),
(originx+triw,originy),
(originx+triw/2,originy-trih)]
print(trih,triw)

# Create mask
draw = ImageDraw.Draw(mask,'RGBA')
draw.polygon(polygonpos,(0,0,0,255))
del draw
mask.save("mask.png")

# Get the Alpha band from the template
tmplt = Image.open('mask.png')
A = tmplt.split()[3]

#make one piece of triangle on transparent bg
[R,G,B]=base.split()
tri = Image.merge('RGBA', (R, G, B, A))

#crop it to the exact size of triangle!! to create primary pattern
#box (left, top , right, buttom)
box =(originx,(originy-trih),(originx+triw),originy)
pattern_plain=tri.crop(box)
pattern_plain.save('pattern_plain.png')
print('....pattern created....')

# add style to pattern
pattern = pattern_plain
#pattern= pattern_plain.filter(ImageFilter.EDGE_ENHANCE)
pattern.save('pattern_tri.png')
print('....stylized pattern....')

#make square canvas for the output (wide = double size of height of primary pattern)
canvas =Image.new('RGBA',(2*trih,2*trih), (255,255,255,0))
canvas.save('tmpcanvas.png')
pcanvas=Image.new('RGBA',(2*trih,2*trih), (255,255,255,0))

#put pattern on the canvas
#make sure to put the tip of the triangle at the center of the canvas
#because when we rotate the center of the object is the pivot point
#note: paste command require the coordinate of top left corner
#so point to paste the pattern is . . .
ccenterx = int(trih-triw/2)
canvas.paste(pattern_plain,(ccenterx,trih))

# start rotate the pattern around every 40 degree

for i in range (0,360,40):
tmpcanvas = canvas
tmppat = canvas.rotate(i)
canvas= Image.alpha_composite(tmpcanvas,tmppat)

# now we get half of the things
half = canvas
print('half already')
#mirror the half and put in the space to create simple kaleidoscpoe effect
mirror = im.mirror(half)
half2= mirror.rotate(20)
print('mirrored')

#merge 2 half
output=Image.alpha_composite(half,half2)
output.save("output.png")

#def makegif():
#clip = mpy.ImageSequenceClip(outfilename, fps=3)
#clip.write_gif("%s.gif"%filename)

def makekaleido(image) :
global base, filename, source, imgfile, n, outfilename
#IN CASE Working on filename in the laptop
#put image path
imgfile = "tweetimg.jpg"
filename = imgfile[:-4]
print(filename)

#load Image
source = Image.open(imgfile)

#source = image.copy()
x, y = source.size

if x > 1000:
newy = int(1000*y/x)
source =source.resize((1000,newy), Image.ANTIALIAS)
print('resize to %sx%s'%source.size)

#creat mask base the same size with source image
mask = Image.new('RGBA', source.size, (255,255,255,0))
print("mask size:%sx%s"%source.size)

#rotate source n times for a degree
n= 10
outfilename=[]
for a in range(n+n-2):
outfilename.insert(a,'0')
a= 10
base = source
for i in range(n):
base = source.rotate(31+i*a)
onepic()
output.save('%s%s.png'%(filename,i))
outfilename[i] = filename+str(i)+'.png'
if i!=0:
outfilename[2*n-2-i] = filename+str(i)+'.png'

clip = mpy.ImageSequenceClip(outfilename, fps=3)
clip.write_gif("%s.gif"%filename)
image2 = Image.open('tweetimg3.png')

return image2,clip

if __name__ == '__main__':

makekaleido(image)
</pre>

GMU:Bots 'n' Plots/Apasri Titatarn

2015-10-07T14:14:55Z

Pife5734:

'''APASRI TITATARN : Bots n Plots class'''

First touch with Python . . . .gettin to know how to draw basic shapes

Here is my first drawing in class with coding.
my sheep robot. . . funny one
[[File:Sheep.png |200px|]]

'''My Aim about this class :'''

" I would like to make imageBot and furthur step would be to make it move as
short animated GIF"

'''Homework 2nd week'''
Assignment to make your own moving robot.

This is my CloudBot. A cloud with falling snowflakes GIF.
I coded in processing with python language.
Here is the code . . .

[[File:Cloud_bot_s.gif]]

----Cloud Code----
<pre style="font-size:smaller" >
#cloud
width = 400
posx = [width/4,width/3,3*width/5,width/2,width/5,2*width/3,3.8*width/5,width/2.3]

def setup():
size(400,400)
background(255)
frameRate(12)

def draw():
noStroke()
background(179,226,228)
change= sin(frameCount*0.1)
drawcloud(change)
sx= width/2
n = frameCount
textsnow(posx,change)

saveFrame("cloudbot##.jpg")

def drawcloud(change):
print change
fluffy = change*5
fill(255)
#cloud 1 S
ellipse(1.25*width/5,0.9*height/1.8,80+fluffy,80+fluffy)
#cloud 2 M
ellipse(2*width/5,height/1.8-height/10,130+2*fluffy,120+1.5*fluffy)
#cloud 3 L
ellipse(2.7*width/5,0.95*height/1.8-height/10,120+fluffy,145+fluffy)
#cloud 4 M
ellipse(3.5*width/5,height/1.8-height/10,110+2.5*fluffy,110+2*fluffy)

#face
fill(80)
ellipse(width/3,height/2,7,7)
ellipse(2*width/3,height/2,7,7)

def textsnow(posx,change):
fill(255)
textSize(32)
i=0
while i <7:
text("*",posx[i]+change*i,height/1.8+frameCount*(i+1)/5)
i =i+1

</pre>

'''TwitterBot :MID TERM ASSIGNMENT

======Kaleidoscope Bot======='''

'''STEP 1: Still Kaleido'''

My midtern project is making a image processing bot which make a kaleidoscope style image out of an image.
I want the result to look nice and can totally show the kaleidoscope style whatever the source image is.

This is the structure of how I 'kaleidify' the source image.

[[File:kaleidochart1.jpg]]

RESULT PICTURE

[[File:Screen Shot 2558-06-16 at 7.43.39 PM.png]]
[[File:Screen Shot 2558-06-17 at 12.03.18 AM.png]]

As can be seen here,in this step, the final resault take only small part of the source image.

It is quite difficult to trance back what the sorce image look like but it is the preparation for the next step.

code for the image processing
=============================
<pre style="font-size:normal" >

from PIL import Image, ImageDraw,ImageFilter
import PIL.ImageOps as im
import numpy as np

def makekaleido():
#put image path
imgfile = "img.jpg"

#load Image
source = Image.open(imgfile)

#adjust the source image a bit for nicer result
base = source.rotate(31)

#creat mask base the same size with source image
mask = Image.new('RGBA', base.size, (255,255,255,0))
x, y = base.size

# one variable to vary the size of triangle
var = y/14

# Define triangle mask position (triangle with 20 degree)
(originx,originy) = (x/3,int(0.9*y))
trih = int(12*var) #fix formular for triangle height
triw = int(4.2*var) #fix formular for triangle width
polygonpos = [(originx,originy),
(originx+triw,originy),
(originx+triw/2,originy-trih)]
#print(trih,triw)

# Create mask
draw = ImageDraw.Draw(mask,'RGBA')
draw.polygon(polygonpos,(0,0,0,255))
del draw
mask.save("mask.png")

# Get the Alpha band from the template
tmplt = Image.open('mask.png')
A = tmplt.split()[3]

#make one piece of triangle on transparent bg
[R,G,B]=base.split()
tri = Image.merge('RGBA', (R, G, B, A))

#crop it to the exact size of triangle!! to create primary pattern
#box (left, top , right, buttom)
box =(originx,(originy-trih),(originx+triw),originy)
pattern_plain=tri.crop(box)
pattern_plain.save('pattern_plain.png')
print('....pattern created....')

# add style to pattern
pattern = pattern_plain
#pattern= pattern_plain.filter(ImageFilter.EDGE_ENHANCE)
pattern.save('pattern_tri.png')
print('....stylized pattern....')

#make square canvas for the output (wide = double size of height of primary pattern)
canvas =Image.new('RGBA',(2*trih,2*trih), (255,255,255,0))
canvas.save('tmpcanvas.png')
pcanvas=Image.new('RGBA',(2*trih,2*trih), (255,255,255,0))

#put pattern on the canvas
#make sure to put the tip of the triangle at the center of the canvas
#because when we rotate the center of the object is the pivot point
#note: paste command require the coordinate of top left corner
#so point to paste the pattern is . . .
ccenterx = int(trih-triw/2)
canvas.paste(pattern,(ccenterx,trih))

# start rotate the pattern around every 40 degree

for i in range (0,360,40):
tmpcanvas = canvas
tmppat = canvas.rotate(i)
canvas= Image.alpha_composite(tmpcanvas,tmppat)

# now we get half of the things
half = canvas

#mirror the half and put in the space to create simple kaleidoscpoe effect
mirror = im.mirror(half)
half2= mirror.rotate(20)

#merge 2 half
output=Image.alpha_composite(half,half2)

output.save("final.png")

if __name__ == '__main__':
makekaleido()

</pre>

'''STEP 2 : moving Kaleido'''

The next step is to make the bot gives more feeling of Kaleidoscope. The nice part of Kaleidoscope is whhen one rotate it around and see the abtract patterns moving.

I try to make it the similar feeling here with the bot that each still image is so abstact but when one finish watching the whole loop of rotation then you will have clue about what is the source image.

[[File:kaleidochart2.jpg]]

In the code, I made the variable 'n' and 'a' to be able to adjust the the result GIF file.
n is the number of the rotation time
a is the degree of the rotation

so they will affect how smooth the animated GIF going to be.

This is the example result.

[[File:Botexample1.png|250 px]]
[[File:Kaleidogif1.gif]]

Source image : illustration from Oliver Jeffers
[[File:JEFFERS>JPG]]

This is the code of Gif Version

[[Media:jeffers.gif |Example result .GIF]]

======Kaleidoscope 360 GIF ========
<pre style="font-size:normal" >

from PIL import Image, ImageDraw,ImageFilter
import PIL.ImageOps as im
import numpy as np
import moviepy.editor as mpy

def onepic():
global output
#creat mask base the same size with source image
mask = Image.new('RGBA', base.size, (255,255,255,0))
x, y = base.size
print("base size: %sx%s"%(x,y))

# one variable to vary the size of triangle
var = y/28

# Define triangle mask position (triangle with 20 degree)
(originx,originy) = (int(0.4*x),int(y))
trih = int(12*var) #fix formular for triangle height
triw = int(4.2*var) #fix formular for triangle width
polygonpos = [(originx,originy),
(originx+triw,originy),
(originx+triw/2,originy-trih)]
print(trih,triw)

# Create mask
draw = ImageDraw.Draw(mask,'RGBA')
draw.polygon(polygonpos,(0,0,0,255))
del draw
mask.save("mask.png")

# Get the Alpha band from the template
tmplt = Image.open('mask.png')
A = tmplt.split()[3]

#make one piece of triangle on transparent bg
[R,G,B]=base.split()
tri = Image.merge('RGBA', (R, G, B, A))

#crop it to the exact size of triangle!! to create primary pattern
#box (left, top , right, buttom)
box =(originx,(originy-trih),(originx+triw),originy)
pattern_plain=tri.crop(box)
pattern_plain.save('pattern_plain.png')
print('....pattern created....')

# add style to pattern
pattern = pattern_plain
#pattern= pattern_plain.filter(ImageFilter.EDGE_ENHANCE)
pattern.save('pattern_tri.png')
print('....stylized pattern....')

#make square canvas for the output (wide = double size of height of primary pattern)
canvas =Image.new('RGBA',(2*trih,2*trih), (255,255,255,0))
canvas.save('tmpcanvas.png')
pcanvas=Image.new('RGBA',(2*trih,2*trih), (255,255,255,0))

#put pattern on the canvas
#make sure to put the tip of the triangle at the center of the canvas
#because when we rotate the center of the object is the pivot point
#note: paste command require the coordinate of top left corner
#so point to paste the pattern is . . .
ccenterx = int(trih-triw/2)
canvas.paste(pattern_plain,(ccenterx,trih))

# start rotate the pattern around every 40 degree

for i in range (0,360,40):
tmpcanvas = canvas
tmppat = canvas.rotate(i)
canvas= Image.alpha_composite(tmpcanvas,tmppat)

# now we get half of the things
half = canvas
print('half already')
#mirror the half and put in the space to create simple kaleidoscpoe effect
mirror = im.mirror(half)
half2= mirror.rotate(20)
print('mirrored')

#merge 2 half
output=Image.alpha_composite(half,half2)
output.save("output.png")

#def makegif():
#clip = mpy.ImageSequenceClip(outfilename, fps=3)
#clip.write_gif("%s.gif"%filename)

def makekaleido(image) :
global base, filename, source, imgfile, n, outfilename
#IN CASE Working on filename in the laptop
#put image path
imgfile = "tweetimg.jpg"
filename = imgfile[:-4]
print(filename)

#load Image
source = Image.open(imgfile)

#source = image.copy()
x, y = source.size

if x > 1000:
newy = int(1000*y/x)
source =source.resize((1000,newy), Image.ANTIALIAS)
print('resize to %sx%s'%source.size)

#creat mask base the same size with source image
mask = Image.new('RGBA', source.size, (255,255,255,0))
print("mask size:%sx%s"%source.size)

#rotate source n times for a degree
n= 10
outfilename=[]
for a in range(n+n-2):
outfilename.insert(a,'0')
a= 10
base = source
for i in range(n):
base = source.rotate(31+i*a)
onepic()
output.save('%s%s.png'%(filename,i))
outfilename[i] = filename+str(i)+'.png'
if i!=0:
outfilename[2*n-2-i] = filename+str(i)+'.png'

clip = mpy.ImageSequenceClip(outfilename, fps=3)
clip.write_gif("%s.gif"%filename)
image2 = Image.open('tweetimg3.png')

return image2,clip

if __name__ == '__main__':

makekaleido(image)
</pre>

GMU:Bots 'n' Plots/Apasri Titatarn

2015-10-07T14:14:16Z

Pife5734:

'''APASRI TITATARN : Bots n Plots class'''

First touch with Python . . . .gettin to know how to draw basic shapes

Here is my first drawing in class with coding.
my sheep robot. . . funny one
[[File:Sheep.png |100px|]]

'''My Aim about this class :'''

" I would like to make imageBot and furthur step would be to make it move as
short animated GIF"

'''Homework 2nd week'''
Assignment to make your own moving robot.

This is my CloudBot. A cloud with falling snowflakes GIF.
I coded in processing with python language.
Here is the code . . .

[[File:Cloud_bot_s.gif]]

----Cloud Code----
<pre style="font-size:smaller" >
#cloud
width = 400
posx = [width/4,width/3,3*width/5,width/2,width/5,2*width/3,3.8*width/5,width/2.3]

def setup():
size(400,400)
background(255)
frameRate(12)

def draw():
noStroke()
background(179,226,228)
change= sin(frameCount*0.1)
drawcloud(change)
sx= width/2
n = frameCount
textsnow(posx,change)

saveFrame("cloudbot##.jpg")

def drawcloud(change):
print change
fluffy = change*5
fill(255)
#cloud 1 S
ellipse(1.25*width/5,0.9*height/1.8,80+fluffy,80+fluffy)
#cloud 2 M
ellipse(2*width/5,height/1.8-height/10,130+2*fluffy,120+1.5*fluffy)
#cloud 3 L
ellipse(2.7*width/5,0.95*height/1.8-height/10,120+fluffy,145+fluffy)
#cloud 4 M
ellipse(3.5*width/5,height/1.8-height/10,110+2.5*fluffy,110+2*fluffy)

#face
fill(80)
ellipse(width/3,height/2,7,7)
ellipse(2*width/3,height/2,7,7)

def textsnow(posx,change):
fill(255)
textSize(32)
i=0
while i <7:
text("*",posx[i]+change*i,height/1.8+frameCount*(i+1)/5)
i =i+1

</pre>

'''TwitterBot :MID TERM ASSIGNMENT

======Kaleidoscope Bot======='''

'''STEP 1: Still Kaleido'''

My midtern project is making a image processing bot which make a kaleidoscope style image out of an image.
I want the result to look nice and can totally show the kaleidoscope style whatever the source image is.

This is the structure of how I 'kaleidify' the source image.

[[File:kaleidochart1.jpg]]

RESULT PICTURE

[[File:Screen Shot 2558-06-16 at 7.43.39 PM.png]]
[[File:Screen Shot 2558-06-17 at 12.03.18 AM.png]]

As can be seen here,in this step, the final resault take only small part of the source image.

It is quite difficult to trance back what the sorce image look like but it is the preparation for the next step.

code for the image processing
=============================
<pre style="font-size:normal" >

from PIL import Image, ImageDraw,ImageFilter
import PIL.ImageOps as im
import numpy as np

def makekaleido():
#put image path
imgfile = "img.jpg"

#load Image
source = Image.open(imgfile)

#adjust the source image a bit for nicer result
base = source.rotate(31)

#creat mask base the same size with source image
mask = Image.new('RGBA', base.size, (255,255,255,0))
x, y = base.size

# one variable to vary the size of triangle
var = y/14

# Define triangle mask position (triangle with 20 degree)
(originx,originy) = (x/3,int(0.9*y))
trih = int(12*var) #fix formular for triangle height
triw = int(4.2*var) #fix formular for triangle width
polygonpos = [(originx,originy),
(originx+triw,originy),
(originx+triw/2,originy-trih)]
#print(trih,triw)

# Create mask
draw = ImageDraw.Draw(mask,'RGBA')
draw.polygon(polygonpos,(0,0,0,255))
del draw
mask.save("mask.png")

# Get the Alpha band from the template
tmplt = Image.open('mask.png')
A = tmplt.split()[3]

#make one piece of triangle on transparent bg
[R,G,B]=base.split()
tri = Image.merge('RGBA', (R, G, B, A))

#crop it to the exact size of triangle!! to create primary pattern
#box (left, top , right, buttom)
box =(originx,(originy-trih),(originx+triw),originy)
pattern_plain=tri.crop(box)
pattern_plain.save('pattern_plain.png')
print('....pattern created....')

# add style to pattern
pattern = pattern_plain
#pattern= pattern_plain.filter(ImageFilter.EDGE_ENHANCE)
pattern.save('pattern_tri.png')
print('....stylized pattern....')

#make square canvas for the output (wide = double size of height of primary pattern)
canvas =Image.new('RGBA',(2*trih,2*trih), (255,255,255,0))
canvas.save('tmpcanvas.png')
pcanvas=Image.new('RGBA',(2*trih,2*trih), (255,255,255,0))

#put pattern on the canvas
#make sure to put the tip of the triangle at the center of the canvas
#because when we rotate the center of the object is the pivot point
#note: paste command require the coordinate of top left corner
#so point to paste the pattern is . . .
ccenterx = int(trih-triw/2)
canvas.paste(pattern,(ccenterx,trih))

# start rotate the pattern around every 40 degree

for i in range (0,360,40):
tmpcanvas = canvas
tmppat = canvas.rotate(i)
canvas= Image.alpha_composite(tmpcanvas,tmppat)

# now we get half of the things
half = canvas

#mirror the half and put in the space to create simple kaleidoscpoe effect
mirror = im.mirror(half)
half2= mirror.rotate(20)

#merge 2 half
output=Image.alpha_composite(half,half2)

output.save("final.png")

if __name__ == '__main__':
makekaleido()

</pre>

'''STEP 2 : moving Kaleido'''

The next step is to make the bot gives more feeling of Kaleidoscope. The nice part of Kaleidoscope is whhen one rotate it around and see the abtract patterns moving.

I try to make it the similar feeling here with the bot that each still image is so abstact but when one finish watching the whole loop of rotation then you will have clue about what is the source image.

[[File:kaleidochart2.jpg]]

In the code, I made the variable 'n' and 'a' to be able to adjust the the result GIF file.
n is the number of the rotation time
a is the degree of the rotation

so they will affect how smooth the animated GIF going to be.

This is the example result.

[[File:Botexample1.png|200 px]]
[[File:Kaleidogif1.gif]]

Source image : illustration from Oliver Jeffers
[[File:JEFFERS>JPG]]

This is the code of Gif Version

[[Media:jeffers.gif |Example result .GIF]]

======Kaleidoscope 360 GIF ========
<pre style="font-size:normal" >

from PIL import Image, ImageDraw,ImageFilter
import PIL.ImageOps as im
import numpy as np
import moviepy.editor as mpy

def onepic():
global output
#creat mask base the same size with source image
mask = Image.new('RGBA', base.size, (255,255,255,0))
x, y = base.size
print("base size: %sx%s"%(x,y))

# one variable to vary the size of triangle
var = y/28

# Define triangle mask position (triangle with 20 degree)
(originx,originy) = (int(0.4*x),int(y))
trih = int(12*var) #fix formular for triangle height
triw = int(4.2*var) #fix formular for triangle width
polygonpos = [(originx,originy),
(originx+triw,originy),
(originx+triw/2,originy-trih)]
print(trih,triw)

# Create mask
draw = ImageDraw.Draw(mask,'RGBA')
draw.polygon(polygonpos,(0,0,0,255))
del draw
mask.save("mask.png")

# Get the Alpha band from the template
tmplt = Image.open('mask.png')
A = tmplt.split()[3]

#make one piece of triangle on transparent bg
[R,G,B]=base.split()
tri = Image.merge('RGBA', (R, G, B, A))

#crop it to the exact size of triangle!! to create primary pattern
#box (left, top , right, buttom)
box =(originx,(originy-trih),(originx+triw),originy)
pattern_plain=tri.crop(box)
pattern_plain.save('pattern_plain.png')
print('....pattern created....')

# add style to pattern
pattern = pattern_plain
#pattern= pattern_plain.filter(ImageFilter.EDGE_ENHANCE)
pattern.save('pattern_tri.png')
print('....stylized pattern....')

#make square canvas for the output (wide = double size of height of primary pattern)
canvas =Image.new('RGBA',(2*trih,2*trih), (255,255,255,0))
canvas.save('tmpcanvas.png')
pcanvas=Image.new('RGBA',(2*trih,2*trih), (255,255,255,0))

#put pattern on the canvas
#make sure to put the tip of the triangle at the center of the canvas
#because when we rotate the center of the object is the pivot point
#note: paste command require the coordinate of top left corner
#so point to paste the pattern is . . .
ccenterx = int(trih-triw/2)
canvas.paste(pattern_plain,(ccenterx,trih))

# start rotate the pattern around every 40 degree

for i in range (0,360,40):
tmpcanvas = canvas
tmppat = canvas.rotate(i)
canvas= Image.alpha_composite(tmpcanvas,tmppat)

# now we get half of the things
half = canvas
print('half already')
#mirror the half and put in the space to create simple kaleidoscpoe effect
mirror = im.mirror(half)
half2= mirror.rotate(20)
print('mirrored')

#merge 2 half
output=Image.alpha_composite(half,half2)
output.save("output.png")

#def makegif():
#clip = mpy.ImageSequenceClip(outfilename, fps=3)
#clip.write_gif("%s.gif"%filename)

def makekaleido(image) :
global base, filename, source, imgfile, n, outfilename
#IN CASE Working on filename in the laptop
#put image path
imgfile = "tweetimg.jpg"
filename = imgfile[:-4]
print(filename)

#load Image
source = Image.open(imgfile)

#source = image.copy()
x, y = source.size

if x > 1000:
newy = int(1000*y/x)
source =source.resize((1000,newy), Image.ANTIALIAS)
print('resize to %sx%s'%source.size)

#creat mask base the same size with source image
mask = Image.new('RGBA', source.size, (255,255,255,0))
print("mask size:%sx%s"%source.size)

#rotate source n times for a degree
n= 10
outfilename=[]
for a in range(n+n-2):
outfilename.insert(a,'0')
a= 10
base = source
for i in range(n):
base = source.rotate(31+i*a)
onepic()
output.save('%s%s.png'%(filename,i))
outfilename[i] = filename+str(i)+'.png'
if i!=0:
outfilename[2*n-2-i] = filename+str(i)+'.png'

clip = mpy.ImageSequenceClip(outfilename, fps=3)
clip.write_gif("%s.gif"%filename)
image2 = Image.open('tweetimg3.png')

return image2,clip

if __name__ == '__main__':

makekaleido(image)
</pre>

File:Kaleidogif1.gif

2015-10-07T14:10:54Z

Pife5734: uploaded a new version of "File:Kaleidogif1.gif"

== Summary ==

== Copyright status: ==

== Source: ==

GMU:Bots 'n' Plots/Apasri Titatarn

2015-10-07T14:09:29Z

Pife5734:

'''APASRI TITATARN : Bots n Plots class'''

First touch with Python . . . .gettin to know how to draw basic shapes

Here is my first drawing in class with coding.
my sheep robot. . . funny one
[[File:Sheep.png |100px|]]

'''My Aim about this class :'''

" I would like to make imageBot and furthur step would be to make it move as
short animated GIF"

'''Homework 2nd week'''
Assignment to make your own moving robot.

This is my CloudBot. A cloud with falling snowflakes GIF.
I coded in processing with python language.
Here is the code . . .

[[File:Cloud_bot_s.gif]]

----Cloud Code----
<pre style="font-size:smaller" >
#cloud
width = 400
posx = [width/4,width/3,3*width/5,width/2,width/5,2*width/3,3.8*width/5,width/2.3]

def setup():
size(400,400)
background(255)
frameRate(12)

def draw():
noStroke()
background(179,226,228)
change= sin(frameCount*0.1)
drawcloud(change)
sx= width/2
n = frameCount
textsnow(posx,change)

saveFrame("cloudbot##.jpg")

def drawcloud(change):
print change
fluffy = change*5
fill(255)
#cloud 1 S
ellipse(1.25*width/5,0.9*height/1.8,80+fluffy,80+fluffy)
#cloud 2 M
ellipse(2*width/5,height/1.8-height/10,130+2*fluffy,120+1.5*fluffy)
#cloud 3 L
ellipse(2.7*width/5,0.95*height/1.8-height/10,120+fluffy,145+fluffy)
#cloud 4 M
ellipse(3.5*width/5,height/1.8-height/10,110+2.5*fluffy,110+2*fluffy)

#face
fill(80)
ellipse(width/3,height/2,7,7)
ellipse(2*width/3,height/2,7,7)

def textsnow(posx,change):
fill(255)
textSize(32)
i=0
while i <7:
text("*",posx[i]+change*i,height/1.8+frameCount*(i+1)/5)
i =i+1

</pre>

'''TwitterBot :MID TERM ASSIGNMENT

======Kaleidoscope Bot======='''

'''STEP 1: Still Kaleido'''

My midtern project is making a image processing bot which make a kaleidoscope style image out of an image.
I want the result to look nice and can totally show the kaleidoscope style whatever the source image is.

This is the structure of how I 'kaleidify' the source image.

[[File:kaleidochart1.jpg]]

RESULT PICTURE

[[File:Screen Shot 2558-06-16 at 7.43.39 PM.png]]
[[File:Screen Shot 2558-06-17 at 12.03.18 AM.png]]

As can be seen here,in this step, the final resault take only small part of the source image.

It is quite difficult to trance back what the sorce image look like but it is the preparation for the next step.

code for the image processing
=============================
<pre style="font-size:normal" >

from PIL import Image, ImageDraw,ImageFilter
import PIL.ImageOps as im
import numpy as np

def makekaleido():
#put image path
imgfile = "img.jpg"

#load Image
source = Image.open(imgfile)

#adjust the source image a bit for nicer result
base = source.rotate(31)

#creat mask base the same size with source image
mask = Image.new('RGBA', base.size, (255,255,255,0))
x, y = base.size

# one variable to vary the size of triangle
var = y/14

# Define triangle mask position (triangle with 20 degree)
(originx,originy) = (x/3,int(0.9*y))
trih = int(12*var) #fix formular for triangle height
triw = int(4.2*var) #fix formular for triangle width
polygonpos = [(originx,originy),
(originx+triw,originy),
(originx+triw/2,originy-trih)]
#print(trih,triw)

# Create mask
draw = ImageDraw.Draw(mask,'RGBA')
draw.polygon(polygonpos,(0,0,0,255))
del draw
mask.save("mask.png")

# Get the Alpha band from the template
tmplt = Image.open('mask.png')
A = tmplt.split()[3]

#make one piece of triangle on transparent bg
[R,G,B]=base.split()
tri = Image.merge('RGBA', (R, G, B, A))

#crop it to the exact size of triangle!! to create primary pattern
#box (left, top , right, buttom)
box =(originx,(originy-trih),(originx+triw),originy)
pattern_plain=tri.crop(box)
pattern_plain.save('pattern_plain.png')
print('....pattern created....')

# add style to pattern
pattern = pattern_plain
#pattern= pattern_plain.filter(ImageFilter.EDGE_ENHANCE)
pattern.save('pattern_tri.png')
print('....stylized pattern....')

#make square canvas for the output (wide = double size of height of primary pattern)
canvas =Image.new('RGBA',(2*trih,2*trih), (255,255,255,0))
canvas.save('tmpcanvas.png')
pcanvas=Image.new('RGBA',(2*trih,2*trih), (255,255,255,0))

#put pattern on the canvas
#make sure to put the tip of the triangle at the center of the canvas
#because when we rotate the center of the object is the pivot point
#note: paste command require the coordinate of top left corner
#so point to paste the pattern is . . .
ccenterx = int(trih-triw/2)
canvas.paste(pattern,(ccenterx,trih))

# start rotate the pattern around every 40 degree

for i in range (0,360,40):
tmpcanvas = canvas
tmppat = canvas.rotate(i)
canvas= Image.alpha_composite(tmpcanvas,tmppat)

# now we get half of the things
half = canvas

#mirror the half and put in the space to create simple kaleidoscpoe effect
mirror = im.mirror(half)
half2= mirror.rotate(20)

#merge 2 half
output=Image.alpha_composite(half,half2)

output.save("final.png")

if __name__ == '__main__':
makekaleido()

</pre>

'''STEP 2 : moving Kaleido'''

The next step is to make the bot gives more feeling of Kaleidoscope. The nice part of Kaleidoscope is whhen one rotate it around and see the abtract patterns moving.

I try to make it the similar feeling here with the bot that each still image is so abstact but when one finish watching the whole loop of rotation then you will have clue about what is the source image.

[[File:kaleidochart2.jpg]]

In the code, I made the variable 'n' and 'a' to be able to adjust the the result GIF file.
n is the number of the rotation time
a is the degree of the rotation

so they will affect how smooth the animated GIF going to be.

This is the example result.

[[File:Botexample1.png]]
[[File:Kaleidogif1.gif]]

Source image : illustration from Oliver Jeffers
[[File:JEFFERS>JPG]]

This is the code of Gif Version

[[Media:jeffers.gif |Example result .GIF]]

======Kaleidoscope 360 GIF ========
<pre style="font-size:normal" >

from PIL import Image, ImageDraw,ImageFilter
import PIL.ImageOps as im
import numpy as np
import moviepy.editor as mpy

def onepic():
global output
#creat mask base the same size with source image
mask = Image.new('RGBA', base.size, (255,255,255,0))
x, y = base.size
print("base size: %sx%s"%(x,y))

# one variable to vary the size of triangle
var = y/28

# Define triangle mask position (triangle with 20 degree)
(originx,originy) = (int(0.4*x),int(y))
trih = int(12*var) #fix formular for triangle height
triw = int(4.2*var) #fix formular for triangle width
polygonpos = [(originx,originy),
(originx+triw,originy),
(originx+triw/2,originy-trih)]
print(trih,triw)

# Create mask
draw = ImageDraw.Draw(mask,'RGBA')
draw.polygon(polygonpos,(0,0,0,255))
del draw
mask.save("mask.png")

# Get the Alpha band from the template
tmplt = Image.open('mask.png')
A = tmplt.split()[3]

#make one piece of triangle on transparent bg
[R,G,B]=base.split()
tri = Image.merge('RGBA', (R, G, B, A))

#crop it to the exact size of triangle!! to create primary pattern
#box (left, top , right, buttom)
box =(originx,(originy-trih),(originx+triw),originy)
pattern_plain=tri.crop(box)
pattern_plain.save('pattern_plain.png')
print('....pattern created....')

# add style to pattern
pattern = pattern_plain
#pattern= pattern_plain.filter(ImageFilter.EDGE_ENHANCE)
pattern.save('pattern_tri.png')
print('....stylized pattern....')

#make square canvas for the output (wide = double size of height of primary pattern)
canvas =Image.new('RGBA',(2*trih,2*trih), (255,255,255,0))
canvas.save('tmpcanvas.png')
pcanvas=Image.new('RGBA',(2*trih,2*trih), (255,255,255,0))

#put pattern on the canvas
#make sure to put the tip of the triangle at the center of the canvas
#because when we rotate the center of the object is the pivot point
#note: paste command require the coordinate of top left corner
#so point to paste the pattern is . . .
ccenterx = int(trih-triw/2)
canvas.paste(pattern_plain,(ccenterx,trih))

# start rotate the pattern around every 40 degree

for i in range (0,360,40):
tmpcanvas = canvas
tmppat = canvas.rotate(i)
canvas= Image.alpha_composite(tmpcanvas,tmppat)

# now we get half of the things
half = canvas
print('half already')
#mirror the half and put in the space to create simple kaleidoscpoe effect
mirror = im.mirror(half)
half2= mirror.rotate(20)
print('mirrored')

#merge 2 half
output=Image.alpha_composite(half,half2)
output.save("output.png")

#def makegif():
#clip = mpy.ImageSequenceClip(outfilename, fps=3)
#clip.write_gif("%s.gif"%filename)

def makekaleido(image) :
global base, filename, source, imgfile, n, outfilename
#IN CASE Working on filename in the laptop
#put image path
imgfile = "tweetimg.jpg"
filename = imgfile[:-4]
print(filename)

#load Image
source = Image.open(imgfile)

#source = image.copy()
x, y = source.size

if x > 1000:
newy = int(1000*y/x)
source =source.resize((1000,newy), Image.ANTIALIAS)
print('resize to %sx%s'%source.size)

#creat mask base the same size with source image
mask = Image.new('RGBA', source.size, (255,255,255,0))
print("mask size:%sx%s"%source.size)

#rotate source n times for a degree
n= 10
outfilename=[]
for a in range(n+n-2):
outfilename.insert(a,'0')
a= 10
base = source
for i in range(n):
base = source.rotate(31+i*a)
onepic()
output.save('%s%s.png'%(filename,i))
outfilename[i] = filename+str(i)+'.png'
if i!=0:
outfilename[2*n-2-i] = filename+str(i)+'.png'

clip = mpy.ImageSequenceClip(outfilename, fps=3)
clip.write_gif("%s.gif"%filename)
image2 = Image.open('tweetimg3.png')

return image2,clip

if __name__ == '__main__':

makekaleido(image)
</pre>

File:Kaleidogif1.gif

2015-10-07T14:08:29Z

Pife5734:

== Summary ==

== Copyright status: ==

== Source: ==

GMU:Bots 'n' Plots/Apasri Titatarn

2015-10-07T13:21:34Z

Pife5734:

'''APASRI TITATARN : Bots n Plots class'''

First touch with Python . . . .gettin to know how to draw basic shapes

Here is my first drawing in class with coding.
my sheep robot. . . funny one
[[File:Sheep.png |100px|]]

'''My Aim about this class :'''

" I would like to make imageBot and furthur step would be to make it move as
short animated GIF"

'''Homework 2nd week'''
Assignment to make your own moving robot.

This is my CloudBot. A cloud with falling snowflakes GIF.
I coded in processing with python language.
Here is the code . . .

[[File:Cloud_bot_s.gif]]

----Cloud Code----
<pre style="font-size:smaller" >
#cloud
width = 400
posx = [width/4,width/3,3*width/5,width/2,width/5,2*width/3,3.8*width/5,width/2.3]

def setup():
size(400,400)
background(255)
frameRate(12)

def draw():
noStroke()
background(179,226,228)
change= sin(frameCount*0.1)
drawcloud(change)
sx= width/2
n = frameCount
textsnow(posx,change)

saveFrame("cloudbot##.jpg")

def drawcloud(change):
print change
fluffy = change*5
fill(255)
#cloud 1 S
ellipse(1.25*width/5,0.9*height/1.8,80+fluffy,80+fluffy)
#cloud 2 M
ellipse(2*width/5,height/1.8-height/10,130+2*fluffy,120+1.5*fluffy)
#cloud 3 L
ellipse(2.7*width/5,0.95*height/1.8-height/10,120+fluffy,145+fluffy)
#cloud 4 M
ellipse(3.5*width/5,height/1.8-height/10,110+2.5*fluffy,110+2*fluffy)

#face
fill(80)
ellipse(width/3,height/2,7,7)
ellipse(2*width/3,height/2,7,7)

def textsnow(posx,change):
fill(255)
textSize(32)
i=0
while i <7:
text("*",posx[i]+change*i,height/1.8+frameCount*(i+1)/5)
i =i+1

</pre>

'''TwitterBot :MID TERM ASSIGNMENT

======Kaleidoscope Bot======='''

'''STEP 1: Still Kaleido'''

My midtern project is making a image processing bot which make a kaleidoscope style image out of an image.
I want the result to look nice and can totally show the kaleidoscope style whatever the source image is.

This is the structure of how I 'kaleidify' the source image.

[[File:kaleidochart1.jpg]]

RESULT PICTURE

[[File:Screen Shot 2558-06-16 at 7.43.39 PM.png]]
[[File:Screen Shot 2558-06-17 at 12.03.18 AM.png]]

As can be seen here,in this step, the final resault take only small part of the source image.

It is quite difficult to trance back what the sorce image look like but it is the preparation for the next step.

code for the image processing
=============================
<pre style="font-size:normal" >

from PIL import Image, ImageDraw,ImageFilter
import PIL.ImageOps as im
import numpy as np

def makekaleido():
#put image path
imgfile = "img.jpg"

#load Image
source = Image.open(imgfile)

#adjust the source image a bit for nicer result
base = source.rotate(31)

#creat mask base the same size with source image
mask = Image.new('RGBA', base.size, (255,255,255,0))
x, y = base.size

# one variable to vary the size of triangle
var = y/14

# Define triangle mask position (triangle with 20 degree)
(originx,originy) = (x/3,int(0.9*y))
trih = int(12*var) #fix formular for triangle height
triw = int(4.2*var) #fix formular for triangle width
polygonpos = [(originx,originy),
(originx+triw,originy),
(originx+triw/2,originy-trih)]
#print(trih,triw)

# Create mask
draw = ImageDraw.Draw(mask,'RGBA')
draw.polygon(polygonpos,(0,0,0,255))
del draw
mask.save("mask.png")

# Get the Alpha band from the template
tmplt = Image.open('mask.png')
A = tmplt.split()[3]

#make one piece of triangle on transparent bg
[R,G,B]=base.split()
tri = Image.merge('RGBA', (R, G, B, A))

#crop it to the exact size of triangle!! to create primary pattern
#box (left, top , right, buttom)
box =(originx,(originy-trih),(originx+triw),originy)
pattern_plain=tri.crop(box)
pattern_plain.save('pattern_plain.png')
print('....pattern created....')

# add style to pattern
pattern = pattern_plain
#pattern= pattern_plain.filter(ImageFilter.EDGE_ENHANCE)
pattern.save('pattern_tri.png')
print('....stylized pattern....')

#make square canvas for the output (wide = double size of height of primary pattern)
canvas =Image.new('RGBA',(2*trih,2*trih), (255,255,255,0))
canvas.save('tmpcanvas.png')
pcanvas=Image.new('RGBA',(2*trih,2*trih), (255,255,255,0))

#put pattern on the canvas
#make sure to put the tip of the triangle at the center of the canvas
#because when we rotate the center of the object is the pivot point
#note: paste command require the coordinate of top left corner
#so point to paste the pattern is . . .
ccenterx = int(trih-triw/2)
canvas.paste(pattern,(ccenterx,trih))

# start rotate the pattern around every 40 degree

for i in range (0,360,40):
tmpcanvas = canvas
tmppat = canvas.rotate(i)
canvas= Image.alpha_composite(tmpcanvas,tmppat)

# now we get half of the things
half = canvas

#mirror the half and put in the space to create simple kaleidoscpoe effect
mirror = im.mirror(half)
half2= mirror.rotate(20)

#merge 2 half
output=Image.alpha_composite(half,half2)

output.save("final.png")

if __name__ == '__main__':
makekaleido()

</pre>

'''STEP 2 : moving Kaleido'''

The next step is to make the bot gives more feeling of Kaleidoscope. The nice part of Kaleidoscope is whhen one rotate it around and see the abtract patterns moving.

I try to make it the similar feeling here with the bot that each still image is so abstact but when one finish watching the whole loop of rotation then you will have clue about what is the source image.

[[File:kaleidochart2.jpg]]

In the code, I made the variable 'n' and 'a' to be able to adjust the the result GIF file.
n is the number of the rotation time
a is the degree of the rotation

so they will affect how smooth the animated GIF going to be.

This is the example result.

[[File:Botexample1.png]]

Source image : illustration from Oliver Jeffers
[[File:JEFFERS>JPG]]

This is the code of Gif Version

[[Media:jeffers.gif |Example result .GIF]]

======Kaleidoscope 360 GIF ========
<pre style="font-size:normal" >

from PIL import Image, ImageDraw,ImageFilter
import PIL.ImageOps as im
import numpy as np
import moviepy.editor as mpy

def onepic():
global output
#creat mask base the same size with source image
mask = Image.new('RGBA', base.size, (255,255,255,0))
x, y = base.size
print("base size: %sx%s"%(x,y))

# one variable to vary the size of triangle
var = y/28

# Define triangle mask position (triangle with 20 degree)
(originx,originy) = (int(0.4*x),int(y))
trih = int(12*var) #fix formular for triangle height
triw = int(4.2*var) #fix formular for triangle width
polygonpos = [(originx,originy),
(originx+triw,originy),
(originx+triw/2,originy-trih)]
print(trih,triw)

# Create mask
draw = ImageDraw.Draw(mask,'RGBA')
draw.polygon(polygonpos,(0,0,0,255))
del draw
mask.save("mask.png")

# Get the Alpha band from the template
tmplt = Image.open('mask.png')
A = tmplt.split()[3]

#make one piece of triangle on transparent bg
[R,G,B]=base.split()
tri = Image.merge('RGBA', (R, G, B, A))

#crop it to the exact size of triangle!! to create primary pattern
#box (left, top , right, buttom)
box =(originx,(originy-trih),(originx+triw),originy)
pattern_plain=tri.crop(box)
pattern_plain.save('pattern_plain.png')
print('....pattern created....')

# add style to pattern
pattern = pattern_plain
#pattern= pattern_plain.filter(ImageFilter.EDGE_ENHANCE)
pattern.save('pattern_tri.png')
print('....stylized pattern....')

#make square canvas for the output (wide = double size of height of primary pattern)
canvas =Image.new('RGBA',(2*trih,2*trih), (255,255,255,0))
canvas.save('tmpcanvas.png')
pcanvas=Image.new('RGBA',(2*trih,2*trih), (255,255,255,0))

#put pattern on the canvas
#make sure to put the tip of the triangle at the center of the canvas
#because when we rotate the center of the object is the pivot point
#note: paste command require the coordinate of top left corner
#so point to paste the pattern is . . .
ccenterx = int(trih-triw/2)
canvas.paste(pattern_plain,(ccenterx,trih))

# start rotate the pattern around every 40 degree

for i in range (0,360,40):
tmpcanvas = canvas
tmppat = canvas.rotate(i)
canvas= Image.alpha_composite(tmpcanvas,tmppat)

# now we get half of the things
half = canvas
print('half already')
#mirror the half and put in the space to create simple kaleidoscpoe effect
mirror = im.mirror(half)
half2= mirror.rotate(20)
print('mirrored')

#merge 2 half
output=Image.alpha_composite(half,half2)
output.save("output.png")

#def makegif():
#clip = mpy.ImageSequenceClip(outfilename, fps=3)
#clip.write_gif("%s.gif"%filename)

def makekaleido(image) :
global base, filename, source, imgfile, n, outfilename
#IN CASE Working on filename in the laptop
#put image path
imgfile = "tweetimg.jpg"
filename = imgfile[:-4]
print(filename)

#load Image
source = Image.open(imgfile)

#source = image.copy()
x, y = source.size

if x > 1000:
newy = int(1000*y/x)
source =source.resize((1000,newy), Image.ANTIALIAS)
print('resize to %sx%s'%source.size)

#creat mask base the same size with source image
mask = Image.new('RGBA', source.size, (255,255,255,0))
print("mask size:%sx%s"%source.size)

#rotate source n times for a degree
n= 10
outfilename=[]
for a in range(n+n-2):
outfilename.insert(a,'0')
a= 10
base = source
for i in range(n):
base = source.rotate(31+i*a)
onepic()
output.save('%s%s.png'%(filename,i))
outfilename[i] = filename+str(i)+'.png'
if i!=0:
outfilename[2*n-2-i] = filename+str(i)+'.png'

clip = mpy.ImageSequenceClip(outfilename, fps=3)
clip.write_gif("%s.gif"%filename)
image2 = Image.open('tweetimg3.png')

return image2,clip

if __name__ == '__main__':

makekaleido(image)
</pre>

GMU:Bots 'n' Plots/Apasri Titatarn

2015-10-07T13:20:51Z

Pife5734:

'''APASRI TITATARN : Bots n Plots class'''

First touch with Python . . . .gettin to know how to draw basic shapes

Here is my first drawing in class with coding.
my sheep robot. . . funny one
[[File:Sheep.png |100px|]]

'''My Aim about this class :'''

" I would like to make imageBot and furthur step would be to make it move as
short animated GIF"

'''Homework 2nd week'''
Assignment to make your own moving robot.

This is my CloudBot. A cloud with falling snowflakes GIF.
I coded in processing with python language.
Here is the code . . .

[[File:Cloud_bot_s.gif]]

----Cloud Code----
<pre style="font-size:smaller" >
#cloud
width = 400
posx = [width/4,width/3,3*width/5,width/2,width/5,2*width/3,3.8*width/5,width/2.3]

def setup():
size(400,400)
background(255)
frameRate(12)

def draw():
noStroke()
background(179,226,228)
change= sin(frameCount*0.1)
drawcloud(change)
sx= width/2
n = frameCount
textsnow(posx,change)

saveFrame("cloudbot##.jpg")

def drawcloud(change):
print change
fluffy = change*5
fill(255)
#cloud 1 S
ellipse(1.25*width/5,0.9*height/1.8,80+fluffy,80+fluffy)
#cloud 2 M
ellipse(2*width/5,height/1.8-height/10,130+2*fluffy,120+1.5*fluffy)
#cloud 3 L
ellipse(2.7*width/5,0.95*height/1.8-height/10,120+fluffy,145+fluffy)
#cloud 4 M
ellipse(3.5*width/5,height/1.8-height/10,110+2.5*fluffy,110+2*fluffy)

#face
fill(80)
ellipse(width/3,height/2,7,7)
ellipse(2*width/3,height/2,7,7)

def textsnow(posx,change):
fill(255)
textSize(32)
i=0
while i <7:
text("*",posx[i]+change*i,height/1.8+frameCount*(i+1)/5)
i =i+1

</pre>

'''TwitterBot :MID TERM ASSIGNMENT

======Kaleidoscope Bot======='''

'''STEP 1: Still Kaleido'''

My midtern project is making a image processing bot which make a kaleidoscope style image out of an image.
I want the result to look nice and can totally show the kaleidoscope style whatever the source image is.

This is the structure of how I 'kaleidify' the source image.

[[File:kaleidochart1.jpg]]

RESULT PICTURE

[[File:Screen Shot 2558-06-16 at 7.43.39 PM.png]]
[[File:Screen Shot 2558-06-17 at 12.03.18 AM.png]]

As can be seen here,in this step, the final resault take only small part of the source image.

It is quite difficult to trance back what the sorce image look like but it is the preparation for the next step.

code for the image processing
=============================
<pre style="font-size:normal" >

from PIL import Image, ImageDraw,ImageFilter
import PIL.ImageOps as im
import numpy as np

def makekaleido():
#put image path
imgfile = "img.jpg"

#load Image
source = Image.open(imgfile)

#adjust the source image a bit for nicer result
base = source.rotate(31)

#creat mask base the same size with source image
mask = Image.new('RGBA', base.size, (255,255,255,0))
x, y = base.size

# one variable to vary the size of triangle
var = y/14

# Define triangle mask position (triangle with 20 degree)
(originx,originy) = (x/3,int(0.9*y))
trih = int(12*var) #fix formular for triangle height
triw = int(4.2*var) #fix formular for triangle width
polygonpos = [(originx,originy),
(originx+triw,originy),
(originx+triw/2,originy-trih)]
#print(trih,triw)

# Create mask
draw = ImageDraw.Draw(mask,'RGBA')
draw.polygon(polygonpos,(0,0,0,255))
del draw
mask.save("mask.png")

# Get the Alpha band from the template
tmplt = Image.open('mask.png')
A = tmplt.split()[3]

#make one piece of triangle on transparent bg
[R,G,B]=base.split()
tri = Image.merge('RGBA', (R, G, B, A))

#crop it to the exact size of triangle!! to create primary pattern
#box (left, top , right, buttom)
box =(originx,(originy-trih),(originx+triw),originy)
pattern_plain=tri.crop(box)
pattern_plain.save('pattern_plain.png')
print('....pattern created....')

# add style to pattern
pattern = pattern_plain
#pattern= pattern_plain.filter(ImageFilter.EDGE_ENHANCE)
pattern.save('pattern_tri.png')
print('....stylized pattern....')

#make square canvas for the output (wide = double size of height of primary pattern)
canvas =Image.new('RGBA',(2*trih,2*trih), (255,255,255,0))
canvas.save('tmpcanvas.png')
pcanvas=Image.new('RGBA',(2*trih,2*trih), (255,255,255,0))

#put pattern on the canvas
#make sure to put the tip of the triangle at the center of the canvas
#because when we rotate the center of the object is the pivot point
#note: paste command require the coordinate of top left corner
#so point to paste the pattern is . . .
ccenterx = int(trih-triw/2)
canvas.paste(pattern,(ccenterx,trih))

# start rotate the pattern around every 40 degree

for i in range (0,360,40):
tmpcanvas = canvas
tmppat = canvas.rotate(i)
canvas= Image.alpha_composite(tmpcanvas,tmppat)

# now we get half of the things
half = canvas

#mirror the half and put in the space to create simple kaleidoscpoe effect
mirror = im.mirror(half)
half2= mirror.rotate(20)

#merge 2 half
output=Image.alpha_composite(half,half2)

output.save("final.png")

if __name__ == '__main__':
makekaleido()

</pre>

'''STEP 2 : moving Kaleido'''

The next step is to make the bot gives more feeling of Kaleidoscope. The nice part of Kaleidoscope is whhen one rotate it around and see the abtract patterns moving.

I try to make it the similar feeling here with the bot that each still image is so abstact but when one finish watching the whole loop of rotation then you will have clue about what is the source image.

[[File:kaleidochart2.jpg]]

In the code, I made the variable 'n' and 'a' to be able to adjust the the result GIF file.
n is the number of the rotation time
a is the degree of the rotation

so they will affect how smooth the animated GIF going to be.

This is the example result.
[[File:
Botexample1.png]]

Source image : illustration from Oliver Jeffers
[[File:JEFFERS>JPG]]

This is the code of Gif Version

[[Media:jeffers.gif |Example result .GIF]]

======Kaleidoscope 360 GIF ========
<pre style="font-size:normal" >

from PIL import Image, ImageDraw,ImageFilter
import PIL.ImageOps as im
import numpy as np
import moviepy.editor as mpy

def onepic():
global output
#creat mask base the same size with source image
mask = Image.new('RGBA', base.size, (255,255,255,0))
x, y = base.size
print("base size: %sx%s"%(x,y))

# one variable to vary the size of triangle
var = y/28

# Define triangle mask position (triangle with 20 degree)
(originx,originy) = (int(0.4*x),int(y))
trih = int(12*var) #fix formular for triangle height
triw = int(4.2*var) #fix formular for triangle width
polygonpos = [(originx,originy),
(originx+triw,originy),
(originx+triw/2,originy-trih)]
print(trih,triw)

# Create mask
draw = ImageDraw.Draw(mask,'RGBA')
draw.polygon(polygonpos,(0,0,0,255))
del draw
mask.save("mask.png")

# Get the Alpha band from the template
tmplt = Image.open('mask.png')
A = tmplt.split()[3]

#make one piece of triangle on transparent bg
[R,G,B]=base.split()
tri = Image.merge('RGBA', (R, G, B, A))

#crop it to the exact size of triangle!! to create primary pattern
#box (left, top , right, buttom)
box =(originx,(originy-trih),(originx+triw),originy)
pattern_plain=tri.crop(box)
pattern_plain.save('pattern_plain.png')
print('....pattern created....')

# add style to pattern
pattern = pattern_plain
#pattern= pattern_plain.filter(ImageFilter.EDGE_ENHANCE)
pattern.save('pattern_tri.png')
print('....stylized pattern....')

#make square canvas for the output (wide = double size of height of primary pattern)
canvas =Image.new('RGBA',(2*trih,2*trih), (255,255,255,0))
canvas.save('tmpcanvas.png')
pcanvas=Image.new('RGBA',(2*trih,2*trih), (255,255,255,0))

#put pattern on the canvas
#make sure to put the tip of the triangle at the center of the canvas
#because when we rotate the center of the object is the pivot point
#note: paste command require the coordinate of top left corner
#so point to paste the pattern is . . .
ccenterx = int(trih-triw/2)
canvas.paste(pattern_plain,(ccenterx,trih))

# start rotate the pattern around every 40 degree

for i in range (0,360,40):
tmpcanvas = canvas
tmppat = canvas.rotate(i)
canvas= Image.alpha_composite(tmpcanvas,tmppat)

# now we get half of the things
half = canvas
print('half already')
#mirror the half and put in the space to create simple kaleidoscpoe effect
mirror = im.mirror(half)
half2= mirror.rotate(20)
print('mirrored')

#merge 2 half
output=Image.alpha_composite(half,half2)
output.save("output.png")

#def makegif():
#clip = mpy.ImageSequenceClip(outfilename, fps=3)
#clip.write_gif("%s.gif"%filename)

def makekaleido(image) :
global base, filename, source, imgfile, n, outfilename
#IN CASE Working on filename in the laptop
#put image path
imgfile = "tweetimg.jpg"
filename = imgfile[:-4]
print(filename)

#load Image
source = Image.open(imgfile)

#source = image.copy()
x, y = source.size

if x > 1000:
newy = int(1000*y/x)
source =source.resize((1000,newy), Image.ANTIALIAS)
print('resize to %sx%s'%source.size)

#creat mask base the same size with source image
mask = Image.new('RGBA', source.size, (255,255,255,0))
print("mask size:%sx%s"%source.size)

#rotate source n times for a degree
n= 10
outfilename=[]
for a in range(n+n-2):
outfilename.insert(a,'0')
a= 10
base = source
for i in range(n):
base = source.rotate(31+i*a)
onepic()
output.save('%s%s.png'%(filename,i))
outfilename[i] = filename+str(i)+'.png'
if i!=0:
outfilename[2*n-2-i] = filename+str(i)+'.png'

clip = mpy.ImageSequenceClip(outfilename, fps=3)
clip.write_gif("%s.gif"%filename)
image2 = Image.open('tweetimg3.png')

return image2,clip

if __name__ == '__main__':

makekaleido(image)
</pre>

File:Botexample1.png

2015-10-07T13:20:20Z

Pife5734:

== Summary ==

== Copyright status: ==

== Source: ==

GMU:Bots 'n' Plots/Apasri Titatarn

2015-10-07T13:15:34Z

Pife5734:

'''APASRI TITATARN : Bots n Plots class'''

First touch with Python . . . .gettin to know how to draw basic shapes

Here is my first drawing in class with coding.
my sheep robot. . . funny one
[[File:Sheep.png |100px|]]

'''My Aim about this class :'''

" I would like to make imageBot and furthur step would be to make it move as
short animated GIF"

'''Homework 2nd week'''
Assignment to make your own moving robot.

This is my CloudBot. A cloud with falling snowflakes GIF.
I coded in processing with python language.
Here is the code . . .

[[File:Cloud_bot_s.gif]]

----Cloud Code----
<pre style="font-size:smaller" >
#cloud
width = 400
posx = [width/4,width/3,3*width/5,width/2,width/5,2*width/3,3.8*width/5,width/2.3]

def setup():
size(400,400)
background(255)
frameRate(12)

def draw():
noStroke()
background(179,226,228)
change= sin(frameCount*0.1)
drawcloud(change)
sx= width/2
n = frameCount
textsnow(posx,change)

saveFrame("cloudbot##.jpg")

def drawcloud(change):
print change
fluffy = change*5
fill(255)
#cloud 1 S
ellipse(1.25*width/5,0.9*height/1.8,80+fluffy,80+fluffy)
#cloud 2 M
ellipse(2*width/5,height/1.8-height/10,130+2*fluffy,120+1.5*fluffy)
#cloud 3 L
ellipse(2.7*width/5,0.95*height/1.8-height/10,120+fluffy,145+fluffy)
#cloud 4 M
ellipse(3.5*width/5,height/1.8-height/10,110+2.5*fluffy,110+2*fluffy)

#face
fill(80)
ellipse(width/3,height/2,7,7)
ellipse(2*width/3,height/2,7,7)

def textsnow(posx,change):
fill(255)
textSize(32)
i=0
while i <7:
text("*",posx[i]+change*i,height/1.8+frameCount*(i+1)/5)
i =i+1

</pre>

'''TwitterBot :MID TERM ASSIGNMENT

======Kaleidoscope Bot======='''

'''STEP 1: Still Kaleido'''

My midtern project is making a image processing bot which make a kaleidoscope style image out of an image.
I want the result to look nice and can totally show the kaleidoscope style whatever the source image is.

This is the structure of how I 'kaleidify' the source image.

[[File:kaleidochart1.jpg]]

RESULT PICTURE

[[File:Screen Shot 2558-06-16 at 7.43.39 PM.png]]
[[File:Screen Shot 2558-06-17 at 12.03.18 AM.png]]

As can be seen here,in this step, the final resault take only small part of the source image.

It is quite difficult to trance back what the sorce image look like but it is the preparation for the next step.

code for the image processing
=============================
<pre style="font-size:normal" >

from PIL import Image, ImageDraw,ImageFilter
import PIL.ImageOps as im
import numpy as np

def makekaleido():
#put image path
imgfile = "img.jpg"

#load Image
source = Image.open(imgfile)

#adjust the source image a bit for nicer result
base = source.rotate(31)

#creat mask base the same size with source image
mask = Image.new('RGBA', base.size, (255,255,255,0))
x, y = base.size

# one variable to vary the size of triangle
var = y/14

# Define triangle mask position (triangle with 20 degree)
(originx,originy) = (x/3,int(0.9*y))
trih = int(12*var) #fix formular for triangle height
triw = int(4.2*var) #fix formular for triangle width
polygonpos = [(originx,originy),
(originx+triw,originy),
(originx+triw/2,originy-trih)]
#print(trih,triw)

# Create mask
draw = ImageDraw.Draw(mask,'RGBA')
draw.polygon(polygonpos,(0,0,0,255))
del draw
mask.save("mask.png")

# Get the Alpha band from the template
tmplt = Image.open('mask.png')
A = tmplt.split()[3]

#make one piece of triangle on transparent bg
[R,G,B]=base.split()
tri = Image.merge('RGBA', (R, G, B, A))

#crop it to the exact size of triangle!! to create primary pattern
#box (left, top , right, buttom)
box =(originx,(originy-trih),(originx+triw),originy)
pattern_plain=tri.crop(box)
pattern_plain.save('pattern_plain.png')
print('....pattern created....')

# add style to pattern
pattern = pattern_plain
#pattern= pattern_plain.filter(ImageFilter.EDGE_ENHANCE)
pattern.save('pattern_tri.png')
print('....stylized pattern....')

#make square canvas for the output (wide = double size of height of primary pattern)
canvas =Image.new('RGBA',(2*trih,2*trih), (255,255,255,0))
canvas.save('tmpcanvas.png')
pcanvas=Image.new('RGBA',(2*trih,2*trih), (255,255,255,0))

#put pattern on the canvas
#make sure to put the tip of the triangle at the center of the canvas
#because when we rotate the center of the object is the pivot point
#note: paste command require the coordinate of top left corner
#so point to paste the pattern is . . .
ccenterx = int(trih-triw/2)
canvas.paste(pattern,(ccenterx,trih))

# start rotate the pattern around every 40 degree

for i in range (0,360,40):
tmpcanvas = canvas
tmppat = canvas.rotate(i)
canvas= Image.alpha_composite(tmpcanvas,tmppat)

# now we get half of the things
half = canvas

#mirror the half and put in the space to create simple kaleidoscpoe effect
mirror = im.mirror(half)
half2= mirror.rotate(20)

#merge 2 half
output=Image.alpha_composite(half,half2)

output.save("final.png")

if __name__ == '__main__':
makekaleido()

</pre>

'''STEP 2 : moving Kaleido'''

The next step is to make the bot gives more feeling of Kaleidoscope. The nice part of Kaleidoscope is whhen one rotate it around and see the abtract patterns moving.

I try to make it the similar feeling here with the bot that each still image is so abstact but when one finish watching the whole loop of rotation then you will have clue about what is the source image.

[[File:kaleidochart2.jpg]]

In the code, I made the variable 'n' and 'a' to be able to adjust the the result GIF file.
n is the number of the rotation time
a is the degree of the rotation

so they will affect how smooth the animated GIF going to be.

This is the example result.

Source image : illustration from Oliver Jeffers
[[File:JEFFERS>JPG]]

This is the code of Gif Version

[[Media:jeffers.gif |Example result .GIF]]

======Kaleidoscope 360 GIF ========
<pre style="font-size:normal" >

from PIL import Image, ImageDraw,ImageFilter
import PIL.ImageOps as im
import numpy as np
import moviepy.editor as mpy

def onepic():
global output
#creat mask base the same size with source image
mask = Image.new('RGBA', base.size, (255,255,255,0))
x, y = base.size
print("base size: %sx%s"%(x,y))

# one variable to vary the size of triangle
var = y/28

# Define triangle mask position (triangle with 20 degree)
(originx,originy) = (int(0.4*x),int(y))
trih = int(12*var) #fix formular for triangle height
triw = int(4.2*var) #fix formular for triangle width
polygonpos = [(originx,originy),
(originx+triw,originy),
(originx+triw/2,originy-trih)]
print(trih,triw)

# Create mask
draw = ImageDraw.Draw(mask,'RGBA')
draw.polygon(polygonpos,(0,0,0,255))
del draw
mask.save("mask.png")

# Get the Alpha band from the template
tmplt = Image.open('mask.png')
A = tmplt.split()[3]

#make one piece of triangle on transparent bg
[R,G,B]=base.split()
tri = Image.merge('RGBA', (R, G, B, A))

#crop it to the exact size of triangle!! to create primary pattern
#box (left, top , right, buttom)
box =(originx,(originy-trih),(originx+triw),originy)
pattern_plain=tri.crop(box)
pattern_plain.save('pattern_plain.png')
print('....pattern created....')

# add style to pattern
pattern = pattern_plain
#pattern= pattern_plain.filter(ImageFilter.EDGE_ENHANCE)
pattern.save('pattern_tri.png')
print('....stylized pattern....')

#make square canvas for the output (wide = double size of height of primary pattern)
canvas =Image.new('RGBA',(2*trih,2*trih), (255,255,255,0))
canvas.save('tmpcanvas.png')
pcanvas=Image.new('RGBA',(2*trih,2*trih), (255,255,255,0))

#put pattern on the canvas
#make sure to put the tip of the triangle at the center of the canvas
#because when we rotate the center of the object is the pivot point
#note: paste command require the coordinate of top left corner
#so point to paste the pattern is . . .
ccenterx = int(trih-triw/2)
canvas.paste(pattern_plain,(ccenterx,trih))

# start rotate the pattern around every 40 degree

for i in range (0,360,40):
tmpcanvas = canvas
tmppat = canvas.rotate(i)
canvas= Image.alpha_composite(tmpcanvas,tmppat)

# now we get half of the things
half = canvas
print('half already')
#mirror the half and put in the space to create simple kaleidoscpoe effect
mirror = im.mirror(half)
half2= mirror.rotate(20)
print('mirrored')

#merge 2 half
output=Image.alpha_composite(half,half2)
output.save("output.png")

#def makegif():
#clip = mpy.ImageSequenceClip(outfilename, fps=3)
#clip.write_gif("%s.gif"%filename)

def makekaleido(image) :
global base, filename, source, imgfile, n, outfilename
#IN CASE Working on filename in the laptop
#put image path
imgfile = "tweetimg.jpg"
filename = imgfile[:-4]
print(filename)

#load Image
source = Image.open(imgfile)

#source = image.copy()
x, y = source.size

if x > 1000:
newy = int(1000*y/x)
source =source.resize((1000,newy), Image.ANTIALIAS)
print('resize to %sx%s'%source.size)

#creat mask base the same size with source image
mask = Image.new('RGBA', source.size, (255,255,255,0))
print("mask size:%sx%s"%source.size)

#rotate source n times for a degree
n= 10
outfilename=[]
for a in range(n+n-2):
outfilename.insert(a,'0')
a= 10
base = source
for i in range(n):
base = source.rotate(31+i*a)
onepic()
output.save('%s%s.png'%(filename,i))
outfilename[i] = filename+str(i)+'.png'
if i!=0:
outfilename[2*n-2-i] = filename+str(i)+'.png'

clip = mpy.ImageSequenceClip(outfilename, fps=3)
clip.write_gif("%s.gif"%filename)
image2 = Image.open('tweetimg3.png')

return image2,clip

if __name__ == '__main__':

makekaleido(image)
</pre>

GMU:Bots 'n' Plots/Apasri Titatarn

2015-10-07T13:11:23Z

Pife5734:

'''APASRI TITATARN : Bots n Plots class'''

First touch with Python . . . .gettin to know how to draw basic shapes

Here is my first drawing in class with coding.
my sheep robot. . . funny one
[[File:Sheep.png |100px|]]

'''My Aim about this class :'''

" I would like to make imageBot and furthur step would be to make it move as
short animated GIF"

'''Homework 2nd week'''
Assignment to make your own moving robot.

This is my CloudBot. A cloud with falling snowflakes GIF.
I coded in processing with python language.
Here is the code . . .

[[File:Cloud_bot_s.gif]]

----Cloud Code----
<pre style="font-size:smaller" >
#cloud
width = 400
posx = [width/4,width/3,3*width/5,width/2,width/5,2*width/3,3.8*width/5,width/2.3]

def setup():
size(400,400)
background(255)
frameRate(12)

def draw():
noStroke()
background(179,226,228)
change= sin(frameCount*0.1)
drawcloud(change)
sx= width/2
n = frameCount
textsnow(posx,change)

saveFrame("cloudbot##.jpg")

def drawcloud(change):
print change
fluffy = change*5
fill(255)
#cloud 1 S
ellipse(1.25*width/5,0.9*height/1.8,80+fluffy,80+fluffy)
#cloud 2 M
ellipse(2*width/5,height/1.8-height/10,130+2*fluffy,120+1.5*fluffy)
#cloud 3 L
ellipse(2.7*width/5,0.95*height/1.8-height/10,120+fluffy,145+fluffy)
#cloud 4 M
ellipse(3.5*width/5,height/1.8-height/10,110+2.5*fluffy,110+2*fluffy)

#face
fill(80)
ellipse(width/3,height/2,7,7)
ellipse(2*width/3,height/2,7,7)

def textsnow(posx,change):
fill(255)
textSize(32)
i=0
while i <7:
text("*",posx[i]+change*i,height/1.8+frameCount*(i+1)/5)
i =i+1

</pre>

'''TwitterBot :MID TERM ASSIGNMENT

======Kaleidoscope Bot======='''

'''STEP 1: Still Kaleido'''

My midtern project is making a image processing bot which make a kaleidoscope style image out of an image.
I want the result to look nice and can totally show the kaleidoscope style whatever the source image is.

This is the structure of how I 'kaleidify' the source image.

[[File:kaleidochart1.jpg]]

RESULT PICTURE

[[File:Screen Shot 2558-06-16 at 7.43.39 PM.png]]
[[File:Screen Shot 2558-06-17 at 12.03.18 AM.png]]

As can be seen here,in this step, the final resault take only small part of the source image.

It is quite difficult to trance back what the sorce image look like but it is the preparation for the next step.

code for the image processing
=============================
<pre style="font-size:normal" >

from PIL import Image, ImageDraw,ImageFilter
import PIL.ImageOps as im
import numpy as np

def makekaleido():
#put image path
imgfile = "img.jpg"

#load Image
source = Image.open(imgfile)

#adjust the source image a bit for nicer result
base = source.rotate(31)

#creat mask base the same size with source image
mask = Image.new('RGBA', base.size, (255,255,255,0))
x, y = base.size

# one variable to vary the size of triangle
var = y/14

# Define triangle mask position (triangle with 20 degree)
(originx,originy) = (x/3,int(0.9*y))
trih = int(12*var) #fix formular for triangle height
triw = int(4.2*var) #fix formular for triangle width
polygonpos = [(originx,originy),
(originx+triw,originy),
(originx+triw/2,originy-trih)]
#print(trih,triw)

# Create mask
draw = ImageDraw.Draw(mask,'RGBA')
draw.polygon(polygonpos,(0,0,0,255))
del draw
mask.save("mask.png")

# Get the Alpha band from the template
tmplt = Image.open('mask.png')
A = tmplt.split()[3]

#make one piece of triangle on transparent bg
[R,G,B]=base.split()
tri = Image.merge('RGBA', (R, G, B, A))

#crop it to the exact size of triangle!! to create primary pattern
#box (left, top , right, buttom)
box =(originx,(originy-trih),(originx+triw),originy)
pattern_plain=tri.crop(box)
pattern_plain.save('pattern_plain.png')
print('....pattern created....')

# add style to pattern
pattern = pattern_plain
#pattern= pattern_plain.filter(ImageFilter.EDGE_ENHANCE)
pattern.save('pattern_tri.png')
print('....stylized pattern....')

#make square canvas for the output (wide = double size of height of primary pattern)
canvas =Image.new('RGBA',(2*trih,2*trih), (255,255,255,0))
canvas.save('tmpcanvas.png')
pcanvas=Image.new('RGBA',(2*trih,2*trih), (255,255,255,0))

#put pattern on the canvas
#make sure to put the tip of the triangle at the center of the canvas
#because when we rotate the center of the object is the pivot point
#note: paste command require the coordinate of top left corner
#so point to paste the pattern is . . .
ccenterx = int(trih-triw/2)
canvas.paste(pattern,(ccenterx,trih))

# start rotate the pattern around every 40 degree

for i in range (0,360,40):
tmpcanvas = canvas
tmppat = canvas.rotate(i)
canvas= Image.alpha_composite(tmpcanvas,tmppat)

# now we get half of the things
half = canvas

#mirror the half and put in the space to create simple kaleidoscpoe effect
mirror = im.mirror(half)
half2= mirror.rotate(20)

#merge 2 half
output=Image.alpha_composite(half,half2)

output.save("final.png")

if __name__ == '__main__':
makekaleido()

</pre>

'''STEP 2 : moving Kaleido'''

The next step is to make the bot gives more feeling of Kaleidoscope. The nice part of Kaleidoscope is whhen one rotate it around and see the abtract patterns moving.

I try to make it the similar feeling here with the bot that each still image is so abstact but when one finish watching the whole loop of rotation then you will have clue about what is the source image.

[[File:kaleidochart2.jpg]]

I also made the gif version of Kaleidoscope by make 35 different images each turning 10 degree of the source image.

Source image : illustration from Oliver Jeffers
[[File:JEFFERS>JPG]]

This is the code of Gif Version

[[Media:jeffers.gif |Example result .GIF]]

======Kaleidoscope 360 GIF ========
<pre style="font-size:normal" >

from PIL import Image, ImageDraw,ImageFilter
import PIL.ImageOps as im
import numpy as np
import moviepy.editor as mpy

def onepic():
global output
#creat mask base the same size with source image
mask = Image.new('RGBA', base.size, (255,255,255,0))
x, y = base.size
print("base size: %sx%s"%(x,y))

# one variable to vary the size of triangle
var = y/28

# Define triangle mask position (triangle with 20 degree)
(originx,originy) = (int(0.4*x),int(y))
trih = int(12*var) #fix formular for triangle height
triw = int(4.2*var) #fix formular for triangle width
polygonpos = [(originx,originy),
(originx+triw,originy),
(originx+triw/2,originy-trih)]
print(trih,triw)

# Create mask
draw = ImageDraw.Draw(mask,'RGBA')
draw.polygon(polygonpos,(0,0,0,255))
del draw
mask.save("mask.png")

# Get the Alpha band from the template
tmplt = Image.open('mask.png')
A = tmplt.split()[3]

#make one piece of triangle on transparent bg
[R,G,B]=base.split()
tri = Image.merge('RGBA', (R, G, B, A))

#crop it to the exact size of triangle!! to create primary pattern
#box (left, top , right, buttom)
box =(originx,(originy-trih),(originx+triw),originy)
pattern_plain=tri.crop(box)
pattern_plain.save('pattern_plain.png')
print('....pattern created....')

# add style to pattern
pattern = pattern_plain
#pattern= pattern_plain.filter(ImageFilter.EDGE_ENHANCE)
pattern.save('pattern_tri.png')
print('....stylized pattern....')

#make square canvas for the output (wide = double size of height of primary pattern)
canvas =Image.new('RGBA',(2*trih,2*trih), (255,255,255,0))
canvas.save('tmpcanvas.png')
pcanvas=Image.new('RGBA',(2*trih,2*trih), (255,255,255,0))

#put pattern on the canvas
#make sure to put the tip of the triangle at the center of the canvas
#because when we rotate the center of the object is the pivot point
#note: paste command require the coordinate of top left corner
#so point to paste the pattern is . . .
ccenterx = int(trih-triw/2)
canvas.paste(pattern_plain,(ccenterx,trih))

# start rotate the pattern around every 40 degree

for i in range (0,360,40):
tmpcanvas = canvas
tmppat = canvas.rotate(i)
canvas= Image.alpha_composite(tmpcanvas,tmppat)

# now we get half of the things
half = canvas
print('half already')
#mirror the half and put in the space to create simple kaleidoscpoe effect
mirror = im.mirror(half)
half2= mirror.rotate(20)
print('mirrored')

#merge 2 half
output=Image.alpha_composite(half,half2)
output.save("output.png")

#def makegif():
#clip = mpy.ImageSequenceClip(outfilename, fps=3)
#clip.write_gif("%s.gif"%filename)

def makekaleido(image) :
global base, filename, source, imgfile, n, outfilename
#IN CASE Working on filename in the laptop
#put image path
imgfile = "tweetimg.jpg"
filename = imgfile[:-4]
print(filename)

#load Image
source = Image.open(imgfile)

#source = image.copy()
x, y = source.size

if x > 1000:
newy = int(1000*y/x)
source =source.resize((1000,newy), Image.ANTIALIAS)
print('resize to %sx%s'%source.size)

#creat mask base the same size with source image
mask = Image.new('RGBA', source.size, (255,255,255,0))
print("mask size:%sx%s"%source.size)

#rotate source n times for a degree
n= 10
outfilename=[]
for a in range(n+n-2):
outfilename.insert(a,'0')
a= 10
base = source
for i in range(n):
base = source.rotate(31+i*a)
onepic()
output.save('%s%s.png'%(filename,i))
outfilename[i] = filename+str(i)+'.png'
if i!=0:
outfilename[2*n-2-i] = filename+str(i)+'.png'

clip = mpy.ImageSequenceClip(outfilename, fps=3)
clip.write_gif("%s.gif"%filename)
image2 = Image.open('tweetimg3.png')

return image2,clip

if __name__ == '__main__':

makekaleido(image)
</pre>

GMU:Bots 'n' Plots/Apasri Titatarn

2015-10-07T13:10:28Z

Pife5734:

'''APASRI TITATARN : Bots n Plots class'''

First touch with Python . . . .gettin to know how to draw basic shapes

Here is my first drawing in class with coding.
my sheep robot. . . funny one
[[File:Sheep.png |100px|]]

'''My Aim about this class :'''

" I would like to make imageBot and furthur step would be to make it move as
short animated GIF"

'''Homework 2nd week'''
Assignment to make your own moving robot.

This is my CloudBot. A cloud with falling snowflakes GIF.
I coded in processing with python language.
Here is the code . . .

[[File:Cloud_bot_s.gif]]

----Cloud Code----
<pre style="font-size:smaller" >
#cloud
width = 400
posx = [width/4,width/3,3*width/5,width/2,width/5,2*width/3,3.8*width/5,width/2.3]

def setup():
size(400,400)
background(255)
frameRate(12)

def draw():
noStroke()
background(179,226,228)
change= sin(frameCount*0.1)
drawcloud(change)
sx= width/2
n = frameCount
textsnow(posx,change)

saveFrame("cloudbot##.jpg")

def drawcloud(change):
print change
fluffy = change*5
fill(255)
#cloud 1 S
ellipse(1.25*width/5,0.9*height/1.8,80+fluffy,80+fluffy)
#cloud 2 M
ellipse(2*width/5,height/1.8-height/10,130+2*fluffy,120+1.5*fluffy)
#cloud 3 L
ellipse(2.7*width/5,0.95*height/1.8-height/10,120+fluffy,145+fluffy)
#cloud 4 M
ellipse(3.5*width/5,height/1.8-height/10,110+2.5*fluffy,110+2*fluffy)

#face
fill(80)
ellipse(width/3,height/2,7,7)
ellipse(2*width/3,height/2,7,7)

def textsnow(posx,change):
fill(255)
textSize(32)
i=0
while i <7:
text("*",posx[i]+change*i,height/1.8+frameCount*(i+1)/5)
i =i+1

</pre>

'''TwitterBot :MID TERM ASSIGNMENT

======Kaleidoscope Bot======='''

'''STEP 1: Still Kaleido'''

My midtern project is making a image processing bot which make a kaleidoscope style image out of an image.
I want the result to look nice and can totally show the kaleidoscope style whatever the source image is.

This is the structure of how I 'kaleidify' the source image.

[[File:kaleidochart1.jpg]]

RESULT PICTURE

[[File:Screen Shot 2558-06-16 at 7.43.39 PM.png]]
[[File:Screen Shot 2558-06-17 at 12.03.18 AM.png]]

As can be seen here,in this step, the final resault take only small part of the source image.

It is quite difficult to trance back what the sorce image look like but it is the preparation for the next step.

code for the image processing
=============================
<pre style="font-size:normal" >

from PIL import Image, ImageDraw,ImageFilter
import PIL.ImageOps as im
import numpy as np

def makekaleido():
#put image path
imgfile = "img.jpg"

#load Image
source = Image.open(imgfile)

#adjust the source image a bit for nicer result
base = source.rotate(31)

#creat mask base the same size with source image
mask = Image.new('RGBA', base.size, (255,255,255,0))
x, y = base.size

# one variable to vary the size of triangle
var = y/14

# Define triangle mask position (triangle with 20 degree)
(originx,originy) = (x/3,int(0.9*y))
trih = int(12*var) #fix formular for triangle height
triw = int(4.2*var) #fix formular for triangle width
polygonpos = [(originx,originy),
(originx+triw,originy),
(originx+triw/2,originy-trih)]
#print(trih,triw)

# Create mask
draw = ImageDraw.Draw(mask,'RGBA')
draw.polygon(polygonpos,(0,0,0,255))
del draw
mask.save("mask.png")

# Get the Alpha band from the template
tmplt = Image.open('mask.png')
A = tmplt.split()[3]

#make one piece of triangle on transparent bg
[R,G,B]=base.split()
tri = Image.merge('RGBA', (R, G, B, A))

#crop it to the exact size of triangle!! to create primary pattern
#box (left, top , right, buttom)
box =(originx,(originy-trih),(originx+triw),originy)
pattern_plain=tri.crop(box)
pattern_plain.save('pattern_plain.png')
print('....pattern created....')

# add style to pattern
pattern = pattern_plain
#pattern= pattern_plain.filter(ImageFilter.EDGE_ENHANCE)
pattern.save('pattern_tri.png')
print('....stylized pattern....')

#make square canvas for the output (wide = double size of height of primary pattern)
canvas =Image.new('RGBA',(2*trih,2*trih), (255,255,255,0))
canvas.save('tmpcanvas.png')
pcanvas=Image.new('RGBA',(2*trih,2*trih), (255,255,255,0))

#put pattern on the canvas
#make sure to put the tip of the triangle at the center of the canvas
#because when we rotate the center of the object is the pivot point
#note: paste command require the coordinate of top left corner
#so point to paste the pattern is . . .
ccenterx = int(trih-triw/2)
canvas.paste(pattern,(ccenterx,trih))

# start rotate the pattern around every 40 degree

for i in range (0,360,40):
tmpcanvas = canvas
tmppat = canvas.rotate(i)
canvas= Image.alpha_composite(tmpcanvas,tmppat)

# now we get half of the things
half = canvas

#mirror the half and put in the space to create simple kaleidoscpoe effect
mirror = im.mirror(half)
half2= mirror.rotate(20)

#merge 2 half
output=Image.alpha_composite(half,half2)

output.save("final.png")

if __name__ == '__main__':
makekaleido()

</pre>

'''STEP 2 : moving Kaleido'''

The next step is to make the bot gives more feeling of Kaleidoscope. The nice part of Kaleidoscope is whhen one rotate it around and see the abtract patterns moving. I try to make it the similar feeling here with the bot that each still image is so abstact but when one finish watching the whole loop of rotation then you will have clue about what is the source image.

[[File:kaleidochart2.jpg]]

I also made the gif version of Kaleidoscope by make 35 different images each turning 10 degree of the source image.

Source image : illustration from Oliver Jeffers
[[File:JEFFERS>JPG]]

This is the code of Gif Version

[[Media:jeffers.gif |Example result .GIF]]

======Kaleidoscope 360 GIF ========
<pre style="font-size:normal" >

from PIL import Image, ImageDraw,ImageFilter
import PIL.ImageOps as im
import numpy as np
import moviepy.editor as mpy

def onepic():
global output
#creat mask base the same size with source image
mask = Image.new('RGBA', base.size, (255,255,255,0))
x, y = base.size
print("base size: %sx%s"%(x,y))

# one variable to vary the size of triangle
var = y/28

# Define triangle mask position (triangle with 20 degree)
(originx,originy) = (int(0.4*x),int(y))
trih = int(12*var) #fix formular for triangle height
triw = int(4.2*var) #fix formular for triangle width
polygonpos = [(originx,originy),
(originx+triw,originy),
(originx+triw/2,originy-trih)]
print(trih,triw)

# Create mask
draw = ImageDraw.Draw(mask,'RGBA')
draw.polygon(polygonpos,(0,0,0,255))
del draw
mask.save("mask.png")

# Get the Alpha band from the template
tmplt = Image.open('mask.png')
A = tmplt.split()[3]

#make one piece of triangle on transparent bg
[R,G,B]=base.split()
tri = Image.merge('RGBA', (R, G, B, A))

#crop it to the exact size of triangle!! to create primary pattern
#box (left, top , right, buttom)
box =(originx,(originy-trih),(originx+triw),originy)
pattern_plain=tri.crop(box)
pattern_plain.save('pattern_plain.png')
print('....pattern created....')

# add style to pattern
pattern = pattern_plain
#pattern= pattern_plain.filter(ImageFilter.EDGE_ENHANCE)
pattern.save('pattern_tri.png')
print('....stylized pattern....')

#make square canvas for the output (wide = double size of height of primary pattern)
canvas =Image.new('RGBA',(2*trih,2*trih), (255,255,255,0))
canvas.save('tmpcanvas.png')
pcanvas=Image.new('RGBA',(2*trih,2*trih), (255,255,255,0))

#put pattern on the canvas
#make sure to put the tip of the triangle at the center of the canvas
#because when we rotate the center of the object is the pivot point
#note: paste command require the coordinate of top left corner
#so point to paste the pattern is . . .
ccenterx = int(trih-triw/2)
canvas.paste(pattern_plain,(ccenterx,trih))

# start rotate the pattern around every 40 degree

for i in range (0,360,40):
tmpcanvas = canvas
tmppat = canvas.rotate(i)
canvas= Image.alpha_composite(tmpcanvas,tmppat)

# now we get half of the things
half = canvas
print('half already')
#mirror the half and put in the space to create simple kaleidoscpoe effect
mirror = im.mirror(half)
half2= mirror.rotate(20)
print('mirrored')

#merge 2 half
output=Image.alpha_composite(half,half2)
output.save("output.png")

#def makegif():
#clip = mpy.ImageSequenceClip(outfilename, fps=3)
#clip.write_gif("%s.gif"%filename)

def makekaleido(image) :
global base, filename, source, imgfile, n, outfilename
#IN CASE Working on filename in the laptop
#put image path
imgfile = "tweetimg.jpg"
filename = imgfile[:-4]
print(filename)

#load Image
source = Image.open(imgfile)

#source = image.copy()
x, y = source.size

if x > 1000:
newy = int(1000*y/x)
source =source.resize((1000,newy), Image.ANTIALIAS)
print('resize to %sx%s'%source.size)

#creat mask base the same size with source image
mask = Image.new('RGBA', source.size, (255,255,255,0))
print("mask size:%sx%s"%source.size)

#rotate source n times for a degree
n= 10
outfilename=[]
for a in range(n+n-2):
outfilename.insert(a,'0')
a= 10
base = source
for i in range(n):
base = source.rotate(31+i*a)
onepic()
output.save('%s%s.png'%(filename,i))
outfilename[i] = filename+str(i)+'.png'
if i!=0:
outfilename[2*n-2-i] = filename+str(i)+'.png'

clip = mpy.ImageSequenceClip(outfilename, fps=3)
clip.write_gif("%s.gif"%filename)
image2 = Image.open('tweetimg3.png')

return image2,clip

if __name__ == '__main__':

makekaleido(image)
</pre>

GMU:Bots 'n' Plots/Apasri Titatarn

2015-10-07T13:05:05Z

Pife5734:

'''APASRI TITATARN : Bots n Plots class'''

First touch with Python . . . .gettin to know how to draw basic shapes

Here is my first drawing in class with coding.
my sheep robot. . . funny one
[[File:Sheep.png |100px|]]

'''My Aim about this class :'''

" I would like to make imageBot and furthur step would be to make it move as
short animated GIF"

'''Homework 2nd week'''
Assignment to make your own moving robot.

This is my CloudBot. A cloud with falling snowflakes GIF.
I coded in processing with python language.
Here is the code . . .

[[File:Cloud_bot_s.gif]]

----Cloud Code----
<pre style="font-size:smaller" >
#cloud
width = 400
posx = [width/4,width/3,3*width/5,width/2,width/5,2*width/3,3.8*width/5,width/2.3]

def setup():
size(400,400)
background(255)
frameRate(12)

def draw():
noStroke()
background(179,226,228)
change= sin(frameCount*0.1)
drawcloud(change)
sx= width/2
n = frameCount
textsnow(posx,change)

saveFrame("cloudbot##.jpg")

def drawcloud(change):
print change
fluffy = change*5
fill(255)
#cloud 1 S
ellipse(1.25*width/5,0.9*height/1.8,80+fluffy,80+fluffy)
#cloud 2 M
ellipse(2*width/5,height/1.8-height/10,130+2*fluffy,120+1.5*fluffy)
#cloud 3 L
ellipse(2.7*width/5,0.95*height/1.8-height/10,120+fluffy,145+fluffy)
#cloud 4 M
ellipse(3.5*width/5,height/1.8-height/10,110+2.5*fluffy,110+2*fluffy)

#face
fill(80)
ellipse(width/3,height/2,7,7)
ellipse(2*width/3,height/2,7,7)

def textsnow(posx,change):
fill(255)
textSize(32)
i=0
while i <7:
text("*",posx[i]+change*i,height/1.8+frameCount*(i+1)/5)
i =i+1

</pre>

'''TwitterBot :MID TERM ASSIGNMENT

======Kaleidoscope Bot======='''

'''STEP 1: Still Kaleido'''

My midtern project is making a image processing bot which make a kaleidoscope style image out of an image.
I want the result to look nice and can totally show the kaleidoscope style whatever the source image is.

This is the structure of how I 'kaleidify' the source image.

[[File:kaleidochart1.jpg]]

RESULT PICTURE

[[File:Screen Shot 2558-06-16 at 7.43.39 PM.png]]
[[File:Screen Shot 2558-06-17 at 12.03.18 AM.png]]

As can be seen here,in this step, the final resault take only small part of the source image.

It is quite difficult to trance back what the sorce image look like but it is the preparation for the next step.

code for the image processing
=============================
<pre style="font-size:normal" >

from PIL import Image, ImageDraw,ImageFilter
import PIL.ImageOps as im
import numpy as np

def makekaleido():
#put image path
imgfile = "img.jpg"

#load Image
source = Image.open(imgfile)

#adjust the source image a bit for nicer result
base = source.rotate(31)

#creat mask base the same size with source image
mask = Image.new('RGBA', base.size, (255,255,255,0))
x, y = base.size

# one variable to vary the size of triangle
var = y/14

# Define triangle mask position (triangle with 20 degree)
(originx,originy) = (x/3,int(0.9*y))
trih = int(12*var) #fix formular for triangle height
triw = int(4.2*var) #fix formular for triangle width
polygonpos = [(originx,originy),
(originx+triw,originy),
(originx+triw/2,originy-trih)]
#print(trih,triw)

# Create mask
draw = ImageDraw.Draw(mask,'RGBA')
draw.polygon(polygonpos,(0,0,0,255))
del draw
mask.save("mask.png")

# Get the Alpha band from the template
tmplt = Image.open('mask.png')
A = tmplt.split()[3]

#make one piece of triangle on transparent bg
[R,G,B]=base.split()
tri = Image.merge('RGBA', (R, G, B, A))

#crop it to the exact size of triangle!! to create primary pattern
#box (left, top , right, buttom)
box =(originx,(originy-trih),(originx+triw),originy)
pattern_plain=tri.crop(box)
pattern_plain.save('pattern_plain.png')
print('....pattern created....')

# add style to pattern
pattern = pattern_plain
#pattern= pattern_plain.filter(ImageFilter.EDGE_ENHANCE)
pattern.save('pattern_tri.png')
print('....stylized pattern....')

#make square canvas for the output (wide = double size of height of primary pattern)
canvas =Image.new('RGBA',(2*trih,2*trih), (255,255,255,0))
canvas.save('tmpcanvas.png')
pcanvas=Image.new('RGBA',(2*trih,2*trih), (255,255,255,0))

#put pattern on the canvas
#make sure to put the tip of the triangle at the center of the canvas
#because when we rotate the center of the object is the pivot point
#note: paste command require the coordinate of top left corner
#so point to paste the pattern is . . .
ccenterx = int(trih-triw/2)
canvas.paste(pattern,(ccenterx,trih))

# start rotate the pattern around every 40 degree

for i in range (0,360,40):
tmpcanvas = canvas
tmppat = canvas.rotate(i)
canvas= Image.alpha_composite(tmpcanvas,tmppat)

# now we get half of the things
half = canvas

#mirror the half and put in the space to create simple kaleidoscpoe effect
mirror = im.mirror(half)
half2= mirror.rotate(20)

#merge 2 half
output=Image.alpha_composite(half,half2)

output.save("final.png")

if __name__ == '__main__':
makekaleido()

</pre>

'''STEP 2 : moving Kaleido'''

I also made the gif version of Kaleidoscope by make 35 different images each turning 10 degree of the source image.

Source image : illustration from Oliver Jeffers
[[File:JEFFERS>JPG]]

This is the code of Gif Version

[[Media:jeffers.gif |Example result .GIF]]

======Kaleidoscope 360 GIF ========
<pre style="font-size:normal" >

from PIL import Image, ImageDraw,ImageFilter
import PIL.ImageOps as im
import numpy as np
import moviepy.editor as mpy

def onepic():
global output
#creat mask base the same size with source image
mask = Image.new('RGBA', base.size, (255,255,255,0))
x, y = base.size
print("base size: %sx%s"%(x,y))

# one variable to vary the size of triangle
var = y/28

# Define triangle mask position (triangle with 20 degree)
(originx,originy) = (int(0.4*x),int(y))
trih = int(12*var) #fix formular for triangle height
triw = int(4.2*var) #fix formular for triangle width
polygonpos = [(originx,originy),
(originx+triw,originy),
(originx+triw/2,originy-trih)]
print(trih,triw)

# Create mask
draw = ImageDraw.Draw(mask,'RGBA')
draw.polygon(polygonpos,(0,0,0,255))
del draw
mask.save("mask.png")

# Get the Alpha band from the template
tmplt = Image.open('mask.png')
A = tmplt.split()[3]

#make one piece of triangle on transparent bg
[R,G,B]=base.split()
tri = Image.merge('RGBA', (R, G, B, A))

#crop it to the exact size of triangle!! to create primary pattern
#box (left, top , right, buttom)
box =(originx,(originy-trih),(originx+triw),originy)
pattern_plain=tri.crop(box)
pattern_plain.save('pattern_plain.png')
print('....pattern created....')

# add style to pattern
pattern = pattern_plain
#pattern= pattern_plain.filter(ImageFilter.EDGE_ENHANCE)
pattern.save('pattern_tri.png')
print('....stylized pattern....')

#make square canvas for the output (wide = double size of height of primary pattern)
canvas =Image.new('RGBA',(2*trih,2*trih), (255,255,255,0))
canvas.save('tmpcanvas.png')
pcanvas=Image.new('RGBA',(2*trih,2*trih), (255,255,255,0))

#put pattern on the canvas
#make sure to put the tip of the triangle at the center of the canvas
#because when we rotate the center of the object is the pivot point
#note: paste command require the coordinate of top left corner
#so point to paste the pattern is . . .
ccenterx = int(trih-triw/2)
canvas.paste(pattern_plain,(ccenterx,trih))

# start rotate the pattern around every 40 degree

for i in range (0,360,40):
tmpcanvas = canvas
tmppat = canvas.rotate(i)
canvas= Image.alpha_composite(tmpcanvas,tmppat)

# now we get half of the things
half = canvas
print('half already')
#mirror the half and put in the space to create simple kaleidoscpoe effect
mirror = im.mirror(half)
half2= mirror.rotate(20)
print('mirrored')

#merge 2 half
output=Image.alpha_composite(half,half2)
output.save("output.png")

#def makegif():
#clip = mpy.ImageSequenceClip(outfilename, fps=3)
#clip.write_gif("%s.gif"%filename)

def makekaleido(image) :
global base, filename, source, imgfile, n, outfilename
#IN CASE Working on filename in the laptop
#put image path
imgfile = "tweetimg.jpg"
filename = imgfile[:-4]
print(filename)

#load Image
source = Image.open(imgfile)

#source = image.copy()
x, y = source.size

if x > 1000:
newy = int(1000*y/x)
source =source.resize((1000,newy), Image.ANTIALIAS)
print('resize to %sx%s'%source.size)

#creat mask base the same size with source image
mask = Image.new('RGBA', source.size, (255,255,255,0))
print("mask size:%sx%s"%source.size)

#rotate source n times for a degree
n= 10
outfilename=[]
for a in range(n+n-2):
outfilename.insert(a,'0')
a= 10
base = source
for i in range(n):
base = source.rotate(31+i*a)
onepic()
output.save('%s%s.png'%(filename,i))
outfilename[i] = filename+str(i)+'.png'
if i!=0:
outfilename[2*n-2-i] = filename+str(i)+'.png'

clip = mpy.ImageSequenceClip(outfilename, fps=3)
clip.write_gif("%s.gif"%filename)
image2 = Image.open('tweetimg3.png')

return image2,clip

if __name__ == '__main__':

makekaleido(image)
</pre>

GMU:Bots 'n' Plots/Apasri Titatarn

2015-10-07T13:02:57Z

Pife5734:

'''APASRI TITATARN : Bots n Plots class'''

First touch with Python . . . .gettin to know how to draw basic shapes

Here is my first drawing in class with coding.
my sheep robot. . . funny one
[[File:Sheep.png |100px|]]

'''My Aim about this class :'''

" I would like to make imageBot and furthur step would be to make it move as
short animated GIF"

'''Homework 2nd week'''
Assignment to make your own moving robot.

This is my CloudBot. A cloud with falling snowflakes GIF.
I coded in processing with python language.
Here is the code . . .

[[File:Cloud_bot_s.gif]]

----Cloud Code----
<pre style="font-size:smaller" >
#cloud
width = 400
posx = [width/4,width/3,3*width/5,width/2,width/5,2*width/3,3.8*width/5,width/2.3]

def setup():
size(400,400)
background(255)
frameRate(12)

def draw():
noStroke()
background(179,226,228)
change= sin(frameCount*0.1)
drawcloud(change)
sx= width/2
n = frameCount
textsnow(posx,change)

saveFrame("cloudbot##.jpg")

def drawcloud(change):
print change
fluffy = change*5
fill(255)
#cloud 1 S
ellipse(1.25*width/5,0.9*height/1.8,80+fluffy,80+fluffy)
#cloud 2 M
ellipse(2*width/5,height/1.8-height/10,130+2*fluffy,120+1.5*fluffy)
#cloud 3 L
ellipse(2.7*width/5,0.95*height/1.8-height/10,120+fluffy,145+fluffy)
#cloud 4 M
ellipse(3.5*width/5,height/1.8-height/10,110+2.5*fluffy,110+2*fluffy)

#face
fill(80)
ellipse(width/3,height/2,7,7)
ellipse(2*width/3,height/2,7,7)

def textsnow(posx,change):
fill(255)
textSize(32)
i=0
while i <7:
text("*",posx[i]+change*i,height/1.8+frameCount*(i+1)/5)
i =i+1

</pre>

'''TwitterBot :MID TERM ASSIGNMENT

======Kaleidoscope Bot======='''

My midtern project is making a image processing bot which make a kaleidoscope style image out of an image.
I want the result to look nice and can totally show the kaleidoscope style whatever the source image is.

This is the structure of how I 'kaleidify' the source image.

[[File:kaleidochart1.jpg]]

RESULT PICTURE

[[File:Screen Shot 2558-06-16 at 7.43.39 PM.png]]
[[File:Screen Shot 2558-06-17 at 12.03.18 AM.png]]

As can be seen here,in this step, the final resault take only small part of the source image.

It is quite difficult to trance back what the sorce image look like.

code for the image processing
=============================
<pre style="font-size:normal" >

from PIL import Image, ImageDraw,ImageFilter
import PIL.ImageOps as im
import numpy as np

def makekaleido():
#put image path
imgfile = "img.jpg"

#load Image
source = Image.open(imgfile)

#adjust the source image a bit for nicer result
base = source.rotate(31)

#creat mask base the same size with source image
mask = Image.new('RGBA', base.size, (255,255,255,0))
x, y = base.size

# one variable to vary the size of triangle
var = y/14

# Define triangle mask position (triangle with 20 degree)
(originx,originy) = (x/3,int(0.9*y))
trih = int(12*var) #fix formular for triangle height
triw = int(4.2*var) #fix formular for triangle width
polygonpos = [(originx,originy),
(originx+triw,originy),
(originx+triw/2,originy-trih)]
#print(trih,triw)

# Create mask
draw = ImageDraw.Draw(mask,'RGBA')
draw.polygon(polygonpos,(0,0,0,255))
del draw
mask.save("mask.png")

# Get the Alpha band from the template
tmplt = Image.open('mask.png')
A = tmplt.split()[3]

#make one piece of triangle on transparent bg
[R,G,B]=base.split()
tri = Image.merge('RGBA', (R, G, B, A))

#crop it to the exact size of triangle!! to create primary pattern
#box (left, top , right, buttom)
box =(originx,(originy-trih),(originx+triw),originy)
pattern_plain=tri.crop(box)
pattern_plain.save('pattern_plain.png')
print('....pattern created....')

# add style to pattern
pattern = pattern_plain
#pattern= pattern_plain.filter(ImageFilter.EDGE_ENHANCE)
pattern.save('pattern_tri.png')
print('....stylized pattern....')

#make square canvas for the output (wide = double size of height of primary pattern)
canvas =Image.new('RGBA',(2*trih,2*trih), (255,255,255,0))
canvas.save('tmpcanvas.png')
pcanvas=Image.new('RGBA',(2*trih,2*trih), (255,255,255,0))

#put pattern on the canvas
#make sure to put the tip of the triangle at the center of the canvas
#because when we rotate the center of the object is the pivot point
#note: paste command require the coordinate of top left corner
#so point to paste the pattern is . . .
ccenterx = int(trih-triw/2)
canvas.paste(pattern,(ccenterx,trih))

# start rotate the pattern around every 40 degree

for i in range (0,360,40):
tmpcanvas = canvas
tmppat = canvas.rotate(i)
canvas= Image.alpha_composite(tmpcanvas,tmppat)

# now we get half of the things
half = canvas

#mirror the half and put in the space to create simple kaleidoscpoe effect
mirror = im.mirror(half)
half2= mirror.rotate(20)

#merge 2 half
output=Image.alpha_composite(half,half2)

output.save("final.png")

if __name__ == '__main__':
makekaleido()

</pre>

I also made the gif version of Kaleidoscope by make 35 different images each turning 10 degree of the source image.

Source image : illustration from Oliver Jeffers
[[File:JEFFERS>JPG]]

This is the code of Gif Version

[[Media:jeffers.gif |Example result .GIF]]

======Kaleidoscope 360 GIF ========
<pre style="font-size:normal" >

from PIL import Image, ImageDraw,ImageFilter
import PIL.ImageOps as im
import numpy as np
import moviepy.editor as mpy

def onepic():
global output
#creat mask base the same size with source image
mask = Image.new('RGBA', base.size, (255,255,255,0))
x, y = base.size
print("base size: %sx%s"%(x,y))

# one variable to vary the size of triangle
var = y/28

# Define triangle mask position (triangle with 20 degree)
(originx,originy) = (int(0.4*x),int(y))
trih = int(12*var) #fix formular for triangle height
triw = int(4.2*var) #fix formular for triangle width
polygonpos = [(originx,originy),
(originx+triw,originy),
(originx+triw/2,originy-trih)]
print(trih,triw)

# Create mask
draw = ImageDraw.Draw(mask,'RGBA')
draw.polygon(polygonpos,(0,0,0,255))
del draw
mask.save("mask.png")

# Get the Alpha band from the template
tmplt = Image.open('mask.png')
A = tmplt.split()[3]

#make one piece of triangle on transparent bg
[R,G,B]=base.split()
tri = Image.merge('RGBA', (R, G, B, A))

#crop it to the exact size of triangle!! to create primary pattern
#box (left, top , right, buttom)
box =(originx,(originy-trih),(originx+triw),originy)
pattern_plain=tri.crop(box)
pattern_plain.save('pattern_plain.png')
print('....pattern created....')

# add style to pattern
pattern = pattern_plain
#pattern= pattern_plain.filter(ImageFilter.EDGE_ENHANCE)
pattern.save('pattern_tri.png')
print('....stylized pattern....')

#make square canvas for the output (wide = double size of height of primary pattern)
canvas =Image.new('RGBA',(2*trih,2*trih), (255,255,255,0))
canvas.save('tmpcanvas.png')
pcanvas=Image.new('RGBA',(2*trih,2*trih), (255,255,255,0))

#put pattern on the canvas
#make sure to put the tip of the triangle at the center of the canvas
#because when we rotate the center of the object is the pivot point
#note: paste command require the coordinate of top left corner
#so point to paste the pattern is . . .
ccenterx = int(trih-triw/2)
canvas.paste(pattern_plain,(ccenterx,trih))

# start rotate the pattern around every 40 degree

for i in range (0,360,40):
tmpcanvas = canvas
tmppat = canvas.rotate(i)
canvas= Image.alpha_composite(tmpcanvas,tmppat)

# now we get half of the things
half = canvas
print('half already')
#mirror the half and put in the space to create simple kaleidoscpoe effect
mirror = im.mirror(half)
half2= mirror.rotate(20)
print('mirrored')

#merge 2 half
output=Image.alpha_composite(half,half2)
output.save("output.png")

#def makegif():
#clip = mpy.ImageSequenceClip(outfilename, fps=3)
#clip.write_gif("%s.gif"%filename)

def makekaleido(image) :
global base, filename, source, imgfile, n, outfilename
#IN CASE Working on filename in the laptop
#put image path
imgfile = "tweetimg.jpg"
filename = imgfile[:-4]
print(filename)

#load Image
source = Image.open(imgfile)

#source = image.copy()
x, y = source.size

if x > 1000:
newy = int(1000*y/x)
source =source.resize((1000,newy), Image.ANTIALIAS)
print('resize to %sx%s'%source.size)

#creat mask base the same size with source image
mask = Image.new('RGBA', source.size, (255,255,255,0))
print("mask size:%sx%s"%source.size)

#rotate source n times for a degree
n= 10
outfilename=[]
for a in range(n+n-2):
outfilename.insert(a,'0')
a= 10
base = source
for i in range(n):
base = source.rotate(31+i*a)
onepic()
output.save('%s%s.png'%(filename,i))
outfilename[i] = filename+str(i)+'.png'
if i!=0:
outfilename[2*n-2-i] = filename+str(i)+'.png'

clip = mpy.ImageSequenceClip(outfilename, fps=3)
clip.write_gif("%s.gif"%filename)
image2 = Image.open('tweetimg3.png')

return image2,clip

if __name__ == '__main__':

makekaleido(image)
</pre>

File:Kaleidochart2.jpg

2015-10-07T12:58:17Z

Pife5734:

== Summary ==

== Copyright status: ==

== Source: ==

GMU:Bots 'n' Plots/Apasri Titatarn

2015-10-07T12:42:29Z

Pife5734:

'''APASRI TITATARN : Bots n Plots class'''

First touch with Python . . . .gettin to know how to draw basic shapes

Here is my first drawing in class with coding.
my sheep robot. . . funny one
[[File:Sheep.png |100px|]]

'''My Aim about this class :'''

" I would like to make imageBot and furthur step would be to make it move as
short animated GIF"

'''Homework 2nd week'''
Assignment to make your own moving robot.

This is my CloudBot. A cloud with falling snowflakes GIF.
I coded in processing with python language.
Here is the code . . .

[[File:Cloud_bot_s.gif]]

----Cloud Code----
<pre style="font-size:smaller" >
#cloud
width = 400
posx = [width/4,width/3,3*width/5,width/2,width/5,2*width/3,3.8*width/5,width/2.3]

def setup():
size(400,400)
background(255)
frameRate(12)

def draw():
noStroke()
background(179,226,228)
change= sin(frameCount*0.1)
drawcloud(change)
sx= width/2
n = frameCount
textsnow(posx,change)

saveFrame("cloudbot##.jpg")

def drawcloud(change):
print change
fluffy = change*5
fill(255)
#cloud 1 S
ellipse(1.25*width/5,0.9*height/1.8,80+fluffy,80+fluffy)
#cloud 2 M
ellipse(2*width/5,height/1.8-height/10,130+2*fluffy,120+1.5*fluffy)
#cloud 3 L
ellipse(2.7*width/5,0.95*height/1.8-height/10,120+fluffy,145+fluffy)
#cloud 4 M
ellipse(3.5*width/5,height/1.8-height/10,110+2.5*fluffy,110+2*fluffy)

#face
fill(80)
ellipse(width/3,height/2,7,7)
ellipse(2*width/3,height/2,7,7)

def textsnow(posx,change):
fill(255)
textSize(32)
i=0
while i <7:
text("*",posx[i]+change*i,height/1.8+frameCount*(i+1)/5)
i =i+1

</pre>

'''TwitterBot :MID TERM ASSIGNMENT

======Kaleidoscope Bot======='''

My midtern project is making a image processing bot which make a kaleidoscope style image out of an image.
I want the result to look nice and can totally show the kaleidoscope style whatever the source image is.

This is the structure of how I 'kaleidify' the source image.

[[File:kaleidochart1.jpg]]

RESULT PICTURE

[[File:Screen Shot 2558-06-16 at 7.43.39 PM.png]]
[[File:Screen Shot 2558-06-17 at 12.03.18 AM.png]]

code for the image processing
=============================
<pre style="font-size:normal" >

from PIL import Image, ImageDraw,ImageFilter
import PIL.ImageOps as im
import numpy as np

def makekaleido():
#put image path
imgfile = "img.jpg"

#load Image
source = Image.open(imgfile)

#adjust the source image a bit for nicer result
base = source.rotate(31)

#creat mask base the same size with source image
mask = Image.new('RGBA', base.size, (255,255,255,0))
x, y = base.size

# one variable to vary the size of triangle
var = y/14

# Define triangle mask position (triangle with 20 degree)
(originx,originy) = (x/3,int(0.9*y))
trih = int(12*var) #fix formular for triangle height
triw = int(4.2*var) #fix formular for triangle width
polygonpos = [(originx,originy),
(originx+triw,originy),
(originx+triw/2,originy-trih)]
#print(trih,triw)

# Create mask
draw = ImageDraw.Draw(mask,'RGBA')
draw.polygon(polygonpos,(0,0,0,255))
del draw
mask.save("mask.png")

# Get the Alpha band from the template
tmplt = Image.open('mask.png')
A = tmplt.split()[3]

#make one piece of triangle on transparent bg
[R,G,B]=base.split()
tri = Image.merge('RGBA', (R, G, B, A))

#crop it to the exact size of triangle!! to create primary pattern
#box (left, top , right, buttom)
box =(originx,(originy-trih),(originx+triw),originy)
pattern_plain=tri.crop(box)
pattern_plain.save('pattern_plain.png')
print('....pattern created....')

# add style to pattern
pattern = pattern_plain
#pattern= pattern_plain.filter(ImageFilter.EDGE_ENHANCE)
pattern.save('pattern_tri.png')
print('....stylized pattern....')

#make square canvas for the output (wide = double size of height of primary pattern)
canvas =Image.new('RGBA',(2*trih,2*trih), (255,255,255,0))
canvas.save('tmpcanvas.png')
pcanvas=Image.new('RGBA',(2*trih,2*trih), (255,255,255,0))

#put pattern on the canvas
#make sure to put the tip of the triangle at the center of the canvas
#because when we rotate the center of the object is the pivot point
#note: paste command require the coordinate of top left corner
#so point to paste the pattern is . . .
ccenterx = int(trih-triw/2)
canvas.paste(pattern,(ccenterx,trih))

# start rotate the pattern around every 40 degree

for i in range (0,360,40):
tmpcanvas = canvas
tmppat = canvas.rotate(i)
canvas= Image.alpha_composite(tmpcanvas,tmppat)

# now we get half of the things
half = canvas

#mirror the half and put in the space to create simple kaleidoscpoe effect
mirror = im.mirror(half)
half2= mirror.rotate(20)

#merge 2 half
output=Image.alpha_composite(half,half2)

output.save("final.png")

if __name__ == '__main__':
makekaleido()

</pre>

I also made the gif version of Kaleidoscope by make 35 different images each turning 10 degree of the source image.

Source image : illustration from Oliver Jeffers
[[File:JEFFERS>JPG]]

This is the code of Gif Version

[[Media:jeffers.gif |Example result .GIF]]

======Kaleidoscope 360 GIF ========
<pre style="font-size:normal" >

from PIL import Image, ImageDraw,ImageFilter
import PIL.ImageOps as im
import numpy as np
import moviepy.editor as mpy

def onepic():
global output
#creat mask base the same size with source image
mask = Image.new('RGBA', base.size, (255,255,255,0))
x, y = base.size
print("base size: %sx%s"%(x,y))

# one variable to vary the size of triangle
var = y/28

# Define triangle mask position (triangle with 20 degree)
(originx,originy) = (int(0.4*x),int(y))
trih = int(12*var) #fix formular for triangle height
triw = int(4.2*var) #fix formular for triangle width
polygonpos = [(originx,originy),
(originx+triw,originy),
(originx+triw/2,originy-trih)]
print(trih,triw)

# Create mask
draw = ImageDraw.Draw(mask,'RGBA')
draw.polygon(polygonpos,(0,0,0,255))
del draw
mask.save("mask.png")

# Get the Alpha band from the template
tmplt = Image.open('mask.png')
A = tmplt.split()[3]

#make one piece of triangle on transparent bg
[R,G,B]=base.split()
tri = Image.merge('RGBA', (R, G, B, A))

#crop it to the exact size of triangle!! to create primary pattern
#box (left, top , right, buttom)
box =(originx,(originy-trih),(originx+triw),originy)
pattern_plain=tri.crop(box)
pattern_plain.save('pattern_plain.png')
print('....pattern created....')

# add style to pattern
pattern = pattern_plain
#pattern= pattern_plain.filter(ImageFilter.EDGE_ENHANCE)
pattern.save('pattern_tri.png')
print('....stylized pattern....')

#make square canvas for the output (wide = double size of height of primary pattern)
canvas =Image.new('RGBA',(2*trih,2*trih), (255,255,255,0))
canvas.save('tmpcanvas.png')
pcanvas=Image.new('RGBA',(2*trih,2*trih), (255,255,255,0))

#put pattern on the canvas
#make sure to put the tip of the triangle at the center of the canvas
#because when we rotate the center of the object is the pivot point
#note: paste command require the coordinate of top left corner
#so point to paste the pattern is . . .
ccenterx = int(trih-triw/2)
canvas.paste(pattern_plain,(ccenterx,trih))

# start rotate the pattern around every 40 degree

for i in range (0,360,40):
tmpcanvas = canvas
tmppat = canvas.rotate(i)
canvas= Image.alpha_composite(tmpcanvas,tmppat)

# now we get half of the things
half = canvas
print('half already')
#mirror the half and put in the space to create simple kaleidoscpoe effect
mirror = im.mirror(half)
half2= mirror.rotate(20)
print('mirrored')

#merge 2 half
output=Image.alpha_composite(half,half2)
output.save("output.png")

#def makegif():
#clip = mpy.ImageSequenceClip(outfilename, fps=3)
#clip.write_gif("%s.gif"%filename)

def makekaleido(image) :
global base, filename, source, imgfile, n, outfilename
#IN CASE Working on filename in the laptop
#put image path
imgfile = "tweetimg.jpg"
filename = imgfile[:-4]
print(filename)

#load Image
source = Image.open(imgfile)

#source = image.copy()
x, y = source.size

if x > 1000:
newy = int(1000*y/x)
source =source.resize((1000,newy), Image.ANTIALIAS)
print('resize to %sx%s'%source.size)

#creat mask base the same size with source image
mask = Image.new('RGBA', source.size, (255,255,255,0))
print("mask size:%sx%s"%source.size)

#rotate source n times for a degree
n= 10
outfilename=[]
for a in range(n+n-2):
outfilename.insert(a,'0')
a= 10
base = source
for i in range(n):
base = source.rotate(31+i*a)
onepic()
output.save('%s%s.png'%(filename,i))
outfilename[i] = filename+str(i)+'.png'
if i!=0:
outfilename[2*n-2-i] = filename+str(i)+'.png'

clip = mpy.ImageSequenceClip(outfilename, fps=3)
clip.write_gif("%s.gif"%filename)
image2 = Image.open('tweetimg3.png')

return image2,clip

if __name__ == '__main__':

makekaleido(image)
</pre>

GMU:Bots 'n' Plots/Apasri Titatarn

2015-10-07T12:42:01Z

Pife5734:

'''APASRI TITATARN : Bots n Plots class'''

First touch with Python . . . .gettin to know how to draw basic shapes

Here is my first drawing in class with coding.
my sheep robot. . . funny one
[[File:Sheep.png |100px|]]

'''My Aim about this class :'''

" I would like to make imageBot and furthur step would be to make it move as
short animated GIF"

'''Homework 2nd week'''
Assignment to make your own moving robot.

This is my CloudBot. A cloud with falling snowflakes GIF.
I coded in processing with python language.
Here is the code . . .

[[File:Cloud_bot_s.gif]]

----Cloud Code----
<pre style="font-size:smaller" >
#cloud
width = 400
posx = [width/4,width/3,3*width/5,width/2,width/5,2*width/3,3.8*width/5,width/2.3]

def setup():
size(400,400)
background(255)
frameRate(12)

def draw():
noStroke()
background(179,226,228)
change= sin(frameCount*0.1)
drawcloud(change)
sx= width/2
n = frameCount
textsnow(posx,change)

saveFrame("cloudbot##.jpg")

def drawcloud(change):
print change
fluffy = change*5
fill(255)
#cloud 1 S
ellipse(1.25*width/5,0.9*height/1.8,80+fluffy,80+fluffy)
#cloud 2 M
ellipse(2*width/5,height/1.8-height/10,130+2*fluffy,120+1.5*fluffy)
#cloud 3 L
ellipse(2.7*width/5,0.95*height/1.8-height/10,120+fluffy,145+fluffy)
#cloud 4 M
ellipse(3.5*width/5,height/1.8-height/10,110+2.5*fluffy,110+2*fluffy)

#face
fill(80)
ellipse(width/3,height/2,7,7)
ellipse(2*width/3,height/2,7,7)

def textsnow(posx,change):
fill(255)
textSize(32)
i=0
while i <7:
text("*",posx[i]+change*i,height/1.8+frameCount*(i+1)/5)
i =i+1

</pre>

'''TwitterBot :MID TERM ASSIGNMENT

======Kaleidoscope Bot======='''

My midtern project is making a image processing bot which make a kaleidoscope style image out of an image. I want the result to look nice and can totally show the kaleidoscope style whatever the source image is.
This is the structure of how I 'kaleidify' the source image.

[[File:kaleidochart1.jpg]]

RESULT PICTURE

[[File:Screen Shot 2558-06-16 at 7.43.39 PM.png]]
[[File:Screen Shot 2558-06-17 at 12.03.18 AM.png]]

code for the image processing
=============================
<pre style="font-size:normal" >

from PIL import Image, ImageDraw,ImageFilter
import PIL.ImageOps as im
import numpy as np

def makekaleido():
#put image path
imgfile = "img.jpg"

#load Image
source = Image.open(imgfile)

#adjust the source image a bit for nicer result
base = source.rotate(31)

#creat mask base the same size with source image
mask = Image.new('RGBA', base.size, (255,255,255,0))
x, y = base.size

# one variable to vary the size of triangle
var = y/14

# Define triangle mask position (triangle with 20 degree)
(originx,originy) = (x/3,int(0.9*y))
trih = int(12*var) #fix formular for triangle height
triw = int(4.2*var) #fix formular for triangle width
polygonpos = [(originx,originy),
(originx+triw,originy),
(originx+triw/2,originy-trih)]
#print(trih,triw)

# Create mask
draw = ImageDraw.Draw(mask,'RGBA')
draw.polygon(polygonpos,(0,0,0,255))
del draw
mask.save("mask.png")

# Get the Alpha band from the template
tmplt = Image.open('mask.png')
A = tmplt.split()[3]

#make one piece of triangle on transparent bg
[R,G,B]=base.split()
tri = Image.merge('RGBA', (R, G, B, A))

#crop it to the exact size of triangle!! to create primary pattern
#box (left, top , right, buttom)
box =(originx,(originy-trih),(originx+triw),originy)
pattern_plain=tri.crop(box)
pattern_plain.save('pattern_plain.png')
print('....pattern created....')

# add style to pattern
pattern = pattern_plain
#pattern= pattern_plain.filter(ImageFilter.EDGE_ENHANCE)
pattern.save('pattern_tri.png')
print('....stylized pattern....')

#make square canvas for the output (wide = double size of height of primary pattern)
canvas =Image.new('RGBA',(2*trih,2*trih), (255,255,255,0))
canvas.save('tmpcanvas.png')
pcanvas=Image.new('RGBA',(2*trih,2*trih), (255,255,255,0))

#put pattern on the canvas
#make sure to put the tip of the triangle at the center of the canvas
#because when we rotate the center of the object is the pivot point
#note: paste command require the coordinate of top left corner
#so point to paste the pattern is . . .
ccenterx = int(trih-triw/2)
canvas.paste(pattern,(ccenterx,trih))

# start rotate the pattern around every 40 degree

for i in range (0,360,40):
tmpcanvas = canvas
tmppat = canvas.rotate(i)
canvas= Image.alpha_composite(tmpcanvas,tmppat)

# now we get half of the things
half = canvas

#mirror the half and put in the space to create simple kaleidoscpoe effect
mirror = im.mirror(half)
half2= mirror.rotate(20)

#merge 2 half
output=Image.alpha_composite(half,half2)

output.save("final.png")

if __name__ == '__main__':
makekaleido()

</pre>

I also made the gif version of Kaleidoscope by make 35 different images each turning 10 degree of the source image.

Source image : illustration from Oliver Jeffers
[[File:JEFFERS>JPG]]

This is the code of Gif Version

[[Media:jeffers.gif |Example result .GIF]]

======Kaleidoscope 360 GIF ========
<pre style="font-size:normal" >

from PIL import Image, ImageDraw,ImageFilter
import PIL.ImageOps as im
import numpy as np
import moviepy.editor as mpy

def onepic():
global output
#creat mask base the same size with source image
mask = Image.new('RGBA', base.size, (255,255,255,0))
x, y = base.size
print("base size: %sx%s"%(x,y))

# one variable to vary the size of triangle
var = y/28

# Define triangle mask position (triangle with 20 degree)
(originx,originy) = (int(0.4*x),int(y))
trih = int(12*var) #fix formular for triangle height
triw = int(4.2*var) #fix formular for triangle width
polygonpos = [(originx,originy),
(originx+triw,originy),
(originx+triw/2,originy-trih)]
print(trih,triw)

# Create mask
draw = ImageDraw.Draw(mask,'RGBA')
draw.polygon(polygonpos,(0,0,0,255))
del draw
mask.save("mask.png")

# Get the Alpha band from the template
tmplt = Image.open('mask.png')
A = tmplt.split()[3]

#make one piece of triangle on transparent bg
[R,G,B]=base.split()
tri = Image.merge('RGBA', (R, G, B, A))

#crop it to the exact size of triangle!! to create primary pattern
#box (left, top , right, buttom)
box =(originx,(originy-trih),(originx+triw),originy)
pattern_plain=tri.crop(box)
pattern_plain.save('pattern_plain.png')
print('....pattern created....')

# add style to pattern
pattern = pattern_plain
#pattern= pattern_plain.filter(ImageFilter.EDGE_ENHANCE)
pattern.save('pattern_tri.png')
print('....stylized pattern....')

#make square canvas for the output (wide = double size of height of primary pattern)
canvas =Image.new('RGBA',(2*trih,2*trih), (255,255,255,0))
canvas.save('tmpcanvas.png')
pcanvas=Image.new('RGBA',(2*trih,2*trih), (255,255,255,0))

#put pattern on the canvas
#make sure to put the tip of the triangle at the center of the canvas
#because when we rotate the center of the object is the pivot point
#note: paste command require the coordinate of top left corner
#so point to paste the pattern is . . .
ccenterx = int(trih-triw/2)
canvas.paste(pattern_plain,(ccenterx,trih))

# start rotate the pattern around every 40 degree

for i in range (0,360,40):
tmpcanvas = canvas
tmppat = canvas.rotate(i)
canvas= Image.alpha_composite(tmpcanvas,tmppat)

# now we get half of the things
half = canvas
print('half already')
#mirror the half and put in the space to create simple kaleidoscpoe effect
mirror = im.mirror(half)
half2= mirror.rotate(20)
print('mirrored')

#merge 2 half
output=Image.alpha_composite(half,half2)
output.save("output.png")

#def makegif():
#clip = mpy.ImageSequenceClip(outfilename, fps=3)
#clip.write_gif("%s.gif"%filename)

def makekaleido(image) :
global base, filename, source, imgfile, n, outfilename
#IN CASE Working on filename in the laptop
#put image path
imgfile = "tweetimg.jpg"
filename = imgfile[:-4]
print(filename)

#load Image
source = Image.open(imgfile)

#source = image.copy()
x, y = source.size

if x > 1000:
newy = int(1000*y/x)
source =source.resize((1000,newy), Image.ANTIALIAS)
print('resize to %sx%s'%source.size)

#creat mask base the same size with source image
mask = Image.new('RGBA', source.size, (255,255,255,0))
print("mask size:%sx%s"%source.size)

#rotate source n times for a degree
n= 10
outfilename=[]
for a in range(n+n-2):
outfilename.insert(a,'0')
a= 10
base = source
for i in range(n):
base = source.rotate(31+i*a)
onepic()
output.save('%s%s.png'%(filename,i))
outfilename[i] = filename+str(i)+'.png'
if i!=0:
outfilename[2*n-2-i] = filename+str(i)+'.png'

clip = mpy.ImageSequenceClip(outfilename, fps=3)
clip.write_gif("%s.gif"%filename)
image2 = Image.open('tweetimg3.png')

return image2,clip

if __name__ == '__main__':

makekaleido(image)
</pre>

GMU:Bots 'n' Plots/Apasri Titatarn

2015-10-07T12:37:44Z

Pife5734:

'''APASRI TITATARN : Bots n Plots class'''

First touch with Python . . . .gettin to know how to draw basic shapes

Here is my first drawing in class with coding.
my sheep robot. . . funny one
[[File:Sheep.png |100px|]]

'''My Aim about this class :'''

" I would like to make imageBot and furthur step would be to make it move as
short animated GIF"

'''Homework 2nd week'''
Assignment to make your own moving robot.

This is my CloudBot. A cloud with falling snowflakes GIF.
I coded in processing with python language.
Here is the code . . .

[[File:Cloud_bot_s.gif]]

----Cloud Code----
<pre style="font-size:smaller" >
#cloud
width = 400
posx = [width/4,width/3,3*width/5,width/2,width/5,2*width/3,3.8*width/5,width/2.3]

def setup():
size(400,400)
background(255)
frameRate(12)

def draw():
noStroke()
background(179,226,228)
change= sin(frameCount*0.1)
drawcloud(change)
sx= width/2
n = frameCount
textsnow(posx,change)

saveFrame("cloudbot##.jpg")

def drawcloud(change):
print change
fluffy = change*5
fill(255)
#cloud 1 S
ellipse(1.25*width/5,0.9*height/1.8,80+fluffy,80+fluffy)
#cloud 2 M
ellipse(2*width/5,height/1.8-height/10,130+2*fluffy,120+1.5*fluffy)
#cloud 3 L
ellipse(2.7*width/5,0.95*height/1.8-height/10,120+fluffy,145+fluffy)
#cloud 4 M
ellipse(3.5*width/5,height/1.8-height/10,110+2.5*fluffy,110+2*fluffy)

#face
fill(80)
ellipse(width/3,height/2,7,7)
ellipse(2*width/3,height/2,7,7)

def textsnow(posx,change):
fill(255)
textSize(32)
i=0
while i <7:
text("*",posx[i]+change*i,height/1.8+frameCount*(i+1)/5)
i =i+1

</pre>

'''TwitterBot :MID TERM ASSIGNMENT

======Kaleidoscope Bot======='''

RESULT PICTURE

[[File:Screen Shot 2558-06-16 at 7.43.39 PM.png]]
[[File:Screen Shot 2558-06-17 at 12.03.18 AM.png]]
[[File:kaleidochart1.jpg]]

code for the image processing
=============================
<pre style="font-size:normal" >

from PIL import Image, ImageDraw,ImageFilter
import PIL.ImageOps as im
import numpy as np

def makekaleido():
#put image path
imgfile = "img.jpg"

#load Image
source = Image.open(imgfile)

#adjust the source image a bit for nicer result
base = source.rotate(31)

#creat mask base the same size with source image
mask = Image.new('RGBA', base.size, (255,255,255,0))
x, y = base.size

# one variable to vary the size of triangle
var = y/14

# Define triangle mask position (triangle with 20 degree)
(originx,originy) = (x/3,int(0.9*y))
trih = int(12*var) #fix formular for triangle height
triw = int(4.2*var) #fix formular for triangle width
polygonpos = [(originx,originy),
(originx+triw,originy),
(originx+triw/2,originy-trih)]
#print(trih,triw)

# Create mask
draw = ImageDraw.Draw(mask,'RGBA')
draw.polygon(polygonpos,(0,0,0,255))
del draw
mask.save("mask.png")

# Get the Alpha band from the template
tmplt = Image.open('mask.png')
A = tmplt.split()[3]

#make one piece of triangle on transparent bg
[R,G,B]=base.split()
tri = Image.merge('RGBA', (R, G, B, A))

#crop it to the exact size of triangle!! to create primary pattern
#box (left, top , right, buttom)
box =(originx,(originy-trih),(originx+triw),originy)
pattern_plain=tri.crop(box)
pattern_plain.save('pattern_plain.png')
print('....pattern created....')

# add style to pattern
pattern = pattern_plain
#pattern= pattern_plain.filter(ImageFilter.EDGE_ENHANCE)
pattern.save('pattern_tri.png')
print('....stylized pattern....')

#make square canvas for the output (wide = double size of height of primary pattern)
canvas =Image.new('RGBA',(2*trih,2*trih), (255,255,255,0))
canvas.save('tmpcanvas.png')
pcanvas=Image.new('RGBA',(2*trih,2*trih), (255,255,255,0))

#put pattern on the canvas
#make sure to put the tip of the triangle at the center of the canvas
#because when we rotate the center of the object is the pivot point
#note: paste command require the coordinate of top left corner
#so point to paste the pattern is . . .
ccenterx = int(trih-triw/2)
canvas.paste(pattern,(ccenterx,trih))

# start rotate the pattern around every 40 degree

for i in range (0,360,40):
tmpcanvas = canvas
tmppat = canvas.rotate(i)
canvas= Image.alpha_composite(tmpcanvas,tmppat)

# now we get half of the things
half = canvas

#mirror the half and put in the space to create simple kaleidoscpoe effect
mirror = im.mirror(half)
half2= mirror.rotate(20)

#merge 2 half
output=Image.alpha_composite(half,half2)

output.save("final.png")

if __name__ == '__main__':
makekaleido()

</pre>

I also made the gif version of Kaleidoscope by make 35 different images each turning 10 degree of the source image.

Source image : illustration from Oliver Jeffers
[[File:JEFFERS>JPG]]

This is the code of Gif Version

[[Media:jeffers.gif |Example result .GIF]]

======Kaleidoscope 360 GIF ========
<pre style="font-size:normal" >

from PIL import Image, ImageDraw,ImageFilter
import PIL.ImageOps as im
import numpy as np
import moviepy.editor as mpy

def onepic():
global output
#creat mask base the same size with source image
mask = Image.new('RGBA', base.size, (255,255,255,0))
x, y = base.size
print("base size: %sx%s"%(x,y))

# one variable to vary the size of triangle
var = y/28

# Define triangle mask position (triangle with 20 degree)
(originx,originy) = (int(0.4*x),int(y))
trih = int(12*var) #fix formular for triangle height
triw = int(4.2*var) #fix formular for triangle width
polygonpos = [(originx,originy),
(originx+triw,originy),
(originx+triw/2,originy-trih)]
print(trih,triw)

# Create mask
draw = ImageDraw.Draw(mask,'RGBA')
draw.polygon(polygonpos,(0,0,0,255))
del draw
mask.save("mask.png")

# Get the Alpha band from the template
tmplt = Image.open('mask.png')
A = tmplt.split()[3]

#make one piece of triangle on transparent bg
[R,G,B]=base.split()
tri = Image.merge('RGBA', (R, G, B, A))

#crop it to the exact size of triangle!! to create primary pattern
#box (left, top , right, buttom)
box =(originx,(originy-trih),(originx+triw),originy)
pattern_plain=tri.crop(box)
pattern_plain.save('pattern_plain.png')
print('....pattern created....')

# add style to pattern
pattern = pattern_plain
#pattern= pattern_plain.filter(ImageFilter.EDGE_ENHANCE)
pattern.save('pattern_tri.png')
print('....stylized pattern....')

#make square canvas for the output (wide = double size of height of primary pattern)
canvas =Image.new('RGBA',(2*trih,2*trih), (255,255,255,0))
canvas.save('tmpcanvas.png')
pcanvas=Image.new('RGBA',(2*trih,2*trih), (255,255,255,0))

#put pattern on the canvas
#make sure to put the tip of the triangle at the center of the canvas
#because when we rotate the center of the object is the pivot point
#note: paste command require the coordinate of top left corner
#so point to paste the pattern is . . .
ccenterx = int(trih-triw/2)
canvas.paste(pattern_plain,(ccenterx,trih))

# start rotate the pattern around every 40 degree

for i in range (0,360,40):
tmpcanvas = canvas
tmppat = canvas.rotate(i)
canvas= Image.alpha_composite(tmpcanvas,tmppat)

# now we get half of the things
half = canvas
print('half already')
#mirror the half and put in the space to create simple kaleidoscpoe effect
mirror = im.mirror(half)
half2= mirror.rotate(20)
print('mirrored')

#merge 2 half
output=Image.alpha_composite(half,half2)
output.save("output.png")

#def makegif():
#clip = mpy.ImageSequenceClip(outfilename, fps=3)
#clip.write_gif("%s.gif"%filename)

def makekaleido(image) :
global base, filename, source, imgfile, n, outfilename
#IN CASE Working on filename in the laptop
#put image path
imgfile = "tweetimg.jpg"
filename = imgfile[:-4]
print(filename)

#load Image
source = Image.open(imgfile)

#source = image.copy()
x, y = source.size

if x > 1000:
newy = int(1000*y/x)
source =source.resize((1000,newy), Image.ANTIALIAS)
print('resize to %sx%s'%source.size)

#creat mask base the same size with source image
mask = Image.new('RGBA', source.size, (255,255,255,0))
print("mask size:%sx%s"%source.size)

#rotate source n times for a degree
n= 10
outfilename=[]
for a in range(n+n-2):
outfilename.insert(a,'0')
a= 10
base = source
for i in range(n):
base = source.rotate(31+i*a)
onepic()
output.save('%s%s.png'%(filename,i))
outfilename[i] = filename+str(i)+'.png'
if i!=0:
outfilename[2*n-2-i] = filename+str(i)+'.png'

clip = mpy.ImageSequenceClip(outfilename, fps=3)
clip.write_gif("%s.gif"%filename)
image2 = Image.open('tweetimg3.png')

return image2,clip

if __name__ == '__main__':

makekaleido(image)
</pre>

File:Kaleidochart1.jpg

2015-10-07T12:36:24Z

Pife5734: uploaded a new version of "File:Kaleidochart1.jpg"

== Summary ==

== Copyright status: ==

== Source: ==

File:Kaleidochart1.jpg

2015-10-07T12:35:49Z

Pife5734:

== Summary ==

== Copyright status: ==

== Source: ==

GMU:Bots 'n' Plots/Apasri Titatarn

2015-10-07T12:08:27Z

Pife5734:

'''APASRI TITATARN : Bots n Plots class'''

First touch with Python . . . .gettin to know how to draw basic shapes

Here is my first drawing in class with coding.
my sheep robot. . . funny one
[[File:Sheep.png |100px|]]

'''My Aim about this class :'''

" I would like to make imageBot and furthur step would be to make it move as
short animated GIF"

'''Homework 2nd week'''
Assignment to make your own moving robot.

This is my CloudBot. A cloud with falling snowflakes GIF.
I coded in processing with python language.
Here is the code . . .

[[File:Cloud_bot_s.gif]]

----Cloud Code----
<pre style="font-size:smaller" >
#cloud
width = 400
posx = [width/4,width/3,3*width/5,width/2,width/5,2*width/3,3.8*width/5,width/2.3]

def setup():
size(400,400)
background(255)
frameRate(12)

def draw():
noStroke()
background(179,226,228)
change= sin(frameCount*0.1)
drawcloud(change)
sx= width/2
n = frameCount
textsnow(posx,change)

saveFrame("cloudbot##.jpg")

def drawcloud(change):
print change
fluffy = change*5
fill(255)
#cloud 1 S
ellipse(1.25*width/5,0.9*height/1.8,80+fluffy,80+fluffy)
#cloud 2 M
ellipse(2*width/5,height/1.8-height/10,130+2*fluffy,120+1.5*fluffy)
#cloud 3 L
ellipse(2.7*width/5,0.95*height/1.8-height/10,120+fluffy,145+fluffy)
#cloud 4 M
ellipse(3.5*width/5,height/1.8-height/10,110+2.5*fluffy,110+2*fluffy)

#face
fill(80)
ellipse(width/3,height/2,7,7)
ellipse(2*width/3,height/2,7,7)

def textsnow(posx,change):
fill(255)
textSize(32)
i=0
while i <7:
text("*",posx[i]+change*i,height/1.8+frameCount*(i+1)/5)
i =i+1

</pre>

'''TwitterBot :MID TERM ASSIGNMENT

======Kaleidoscope Bot======='''

RESULT PICTURE

[[File:Screen Shot 2558-06-16 at 7.43.39 PM.png]]
[[File:Screen Shot 2558-06-17 at 12.03.18 AM.png]]

code for the image processing
=============================
<pre style="font-size:normal" >

from PIL import Image, ImageDraw,ImageFilter
import PIL.ImageOps as im
import numpy as np

def makekaleido():
#put image path
imgfile = "img.jpg"

#load Image
source = Image.open(imgfile)

#adjust the source image a bit for nicer result
base = source.rotate(31)

#creat mask base the same size with source image
mask = Image.new('RGBA', base.size, (255,255,255,0))
x, y = base.size

# one variable to vary the size of triangle
var = y/14

# Define triangle mask position (triangle with 20 degree)
(originx,originy) = (x/3,int(0.9*y))
trih = int(12*var) #fix formular for triangle height
triw = int(4.2*var) #fix formular for triangle width
polygonpos = [(originx,originy),
(originx+triw,originy),
(originx+triw/2,originy-trih)]
#print(trih,triw)

# Create mask
draw = ImageDraw.Draw(mask,'RGBA')
draw.polygon(polygonpos,(0,0,0,255))
del draw
mask.save("mask.png")

# Get the Alpha band from the template
tmplt = Image.open('mask.png')
A = tmplt.split()[3]

#make one piece of triangle on transparent bg
[R,G,B]=base.split()
tri = Image.merge('RGBA', (R, G, B, A))

#crop it to the exact size of triangle!! to create primary pattern
#box (left, top , right, buttom)
box =(originx,(originy-trih),(originx+triw),originy)
pattern_plain=tri.crop(box)
pattern_plain.save('pattern_plain.png')
print('....pattern created....')

# add style to pattern
pattern = pattern_plain
#pattern= pattern_plain.filter(ImageFilter.EDGE_ENHANCE)
pattern.save('pattern_tri.png')
print('....stylized pattern....')

#make square canvas for the output (wide = double size of height of primary pattern)
canvas =Image.new('RGBA',(2*trih,2*trih), (255,255,255,0))
canvas.save('tmpcanvas.png')
pcanvas=Image.new('RGBA',(2*trih,2*trih), (255,255,255,0))

#put pattern on the canvas
#make sure to put the tip of the triangle at the center of the canvas
#because when we rotate the center of the object is the pivot point
#note: paste command require the coordinate of top left corner
#so point to paste the pattern is . . .
ccenterx = int(trih-triw/2)
canvas.paste(pattern,(ccenterx,trih))

# start rotate the pattern around every 40 degree

for i in range (0,360,40):
tmpcanvas = canvas
tmppat = canvas.rotate(i)
canvas= Image.alpha_composite(tmpcanvas,tmppat)

# now we get half of the things
half = canvas

#mirror the half and put in the space to create simple kaleidoscpoe effect
mirror = im.mirror(half)
half2= mirror.rotate(20)

#merge 2 half
output=Image.alpha_composite(half,half2)

output.save("final.png")

if __name__ == '__main__':
makekaleido()

</pre>

I also made the gif version of Kaleidoscope by make 35 different images each turning 10 degree of the source image.

Source image : illustration from Oliver Jeffers
[[File:JEFFERS>JPG]]

This is the code of Gif Version

[[Media:jeffers.gif |Example result .GIF]]

======Kaleidoscope 360 GIF ========
<pre style="font-size:normal" >

from PIL import Image, ImageDraw,ImageFilter
import PIL.ImageOps as im
import numpy as np
import moviepy.editor as mpy

def onepic():
global output
#creat mask base the same size with source image
mask = Image.new('RGBA', base.size, (255,255,255,0))
x, y = base.size
print("base size: %sx%s"%(x,y))

# one variable to vary the size of triangle
var = y/28

# Define triangle mask position (triangle with 20 degree)
(originx,originy) = (int(0.4*x),int(y))
trih = int(12*var) #fix formular for triangle height
triw = int(4.2*var) #fix formular for triangle width
polygonpos = [(originx,originy),
(originx+triw,originy),
(originx+triw/2,originy-trih)]
print(trih,triw)

# Create mask
draw = ImageDraw.Draw(mask,'RGBA')
draw.polygon(polygonpos,(0,0,0,255))
del draw
mask.save("mask.png")

# Get the Alpha band from the template
tmplt = Image.open('mask.png')
A = tmplt.split()[3]

#make one piece of triangle on transparent bg
[R,G,B]=base.split()
tri = Image.merge('RGBA', (R, G, B, A))

#crop it to the exact size of triangle!! to create primary pattern
#box (left, top , right, buttom)
box =(originx,(originy-trih),(originx+triw),originy)
pattern_plain=tri.crop(box)
pattern_plain.save('pattern_plain.png')
print('....pattern created....')

# add style to pattern
pattern = pattern_plain
#pattern= pattern_plain.filter(ImageFilter.EDGE_ENHANCE)
pattern.save('pattern_tri.png')
print('....stylized pattern....')

#make square canvas for the output (wide = double size of height of primary pattern)
canvas =Image.new('RGBA',(2*trih,2*trih), (255,255,255,0))
canvas.save('tmpcanvas.png')
pcanvas=Image.new('RGBA',(2*trih,2*trih), (255,255,255,0))

#put pattern on the canvas
#make sure to put the tip of the triangle at the center of the canvas
#because when we rotate the center of the object is the pivot point
#note: paste command require the coordinate of top left corner
#so point to paste the pattern is . . .
ccenterx = int(trih-triw/2)
canvas.paste(pattern_plain,(ccenterx,trih))

# start rotate the pattern around every 40 degree

for i in range (0,360,40):
tmpcanvas = canvas
tmppat = canvas.rotate(i)
canvas= Image.alpha_composite(tmpcanvas,tmppat)

# now we get half of the things
half = canvas
print('half already')
#mirror the half and put in the space to create simple kaleidoscpoe effect
mirror = im.mirror(half)
half2= mirror.rotate(20)
print('mirrored')

#merge 2 half
output=Image.alpha_composite(half,half2)
output.save("output.png")

#def makegif():
#clip = mpy.ImageSequenceClip(outfilename, fps=3)
#clip.write_gif("%s.gif"%filename)

def makekaleido(image) :
global base, filename, source, imgfile, n, outfilename
#IN CASE Working on filename in the laptop
#put image path
imgfile = "tweetimg.jpg"
filename = imgfile[:-4]
print(filename)

#load Image
source = Image.open(imgfile)

#source = image.copy()
x, y = source.size

if x > 1000:
newy = int(1000*y/x)
source =source.resize((1000,newy), Image.ANTIALIAS)
print('resize to %sx%s'%source.size)

#creat mask base the same size with source image
mask = Image.new('RGBA', source.size, (255,255,255,0))
print("mask size:%sx%s"%source.size)

#rotate source n times for a degree
n= 10
outfilename=[]
for a in range(n+n-2):
outfilename.insert(a,'0')
a= 10
base = source
for i in range(n):
base = source.rotate(31+i*a)
onepic()
output.save('%s%s.png'%(filename,i))
outfilename[i] = filename+str(i)+'.png'
if i!=0:
outfilename[2*n-2-i] = filename+str(i)+'.png'

clip = mpy.ImageSequenceClip(outfilename, fps=3)
clip.write_gif("%s.gif"%filename)
image2 = Image.open('tweetimg3.png')

return image2,clip

if __name__ == '__main__':

makekaleido(image)
</pre>

GMU:Bots 'n' Plots/Apasri Titatarn

2015-10-07T12:07:15Z

Pife5734:

'''APASRI TITATARN : Bots n Plots class'''

First touch with Python . . . .gettin to know how to draw basic shapes

Here is my first drawing in class with coding.
my sheep robot. . . funny one
[[File:Sheep.png |100px|]]

'''My Aim about this class :'''

" I would like to make imageBot and furthur step would be to make it move as
short animated GIF"

'''Homework 2nd week'''
Assignment to make your own moving robot.

This is my CloudBot. A cloud with falling snowflakes GIF.
I coded in processing with python language.
Here is the code . . .

[[File:Cloud_bot_s.gif]]

----Code----
<pre style="font-size:smaller" >
#cloud
width = 400
posx = [width/4,width/3,3*width/5,width/2,width/5,2*width/3,3.8*width/5,width/2.3]

def setup():
size(400,400)
background(255)
frameRate(12)

def draw():
noStroke()
background(179,226,228)
change= sin(frameCount*0.1)
drawcloud(change)
sx= width/2
n = frameCount
textsnow(posx,change)

saveFrame("cloudbot##.jpg")

def drawcloud(change):
print change
fluffy = change*5
fill(255)
#cloud 1 S
ellipse(1.25*width/5,0.9*height/1.8,80+fluffy,80+fluffy)
#cloud 2 M
ellipse(2*width/5,height/1.8-height/10,130+2*fluffy,120+1.5*fluffy)
#cloud 3 L
ellipse(2.7*width/5,0.95*height/1.8-height/10,120+fluffy,145+fluffy)
#cloud 4 M
ellipse(3.5*width/5,height/1.8-height/10,110+2.5*fluffy,110+2*fluffy)

#face
fill(80)
ellipse(width/3,height/2,7,7)
ellipse(2*width/3,height/2,7,7)

def textsnow(posx,change):
fill(255)
textSize(32)
i=0
while i <7:
text("*",posx[i]+change*i,height/1.8+frameCount*(i+1)/5)
i =i+1

</pre>

'''TwitterBot :MID TERM ASSIGNMENT

======Kaleidoscope Bot======='''

RESULT PICTURE

[[File:Screen Shot 2558-06-16 at 7.43.39 PM.png]]
[[File:Screen Shot 2558-06-17 at 12.03.18 AM.png]]

code for the image processing
=============================
<pre style="font-size:normal" >

from PIL import Image, ImageDraw,ImageFilter
import PIL.ImageOps as im
import numpy as np

def makekaleido():
#put image path
imgfile = "img.jpg"

#load Image
source = Image.open(imgfile)

#adjust the source image a bit for nicer result
base = source.rotate(31)

#creat mask base the same size with source image
mask = Image.new('RGBA', base.size, (255,255,255,0))
x, y = base.size

# one variable to vary the size of triangle
var = y/14

# Define triangle mask position (triangle with 20 degree)
(originx,originy) = (x/3,int(0.9*y))
trih = int(12*var) #fix formular for triangle height
triw = int(4.2*var) #fix formular for triangle width
polygonpos = [(originx,originy),
(originx+triw,originy),
(originx+triw/2,originy-trih)]
#print(trih,triw)

# Create mask
draw = ImageDraw.Draw(mask,'RGBA')
draw.polygon(polygonpos,(0,0,0,255))
del draw
mask.save("mask.png")

# Get the Alpha band from the template
tmplt = Image.open('mask.png')
A = tmplt.split()[3]

#make one piece of triangle on transparent bg
[R,G,B]=base.split()
tri = Image.merge('RGBA', (R, G, B, A))

#crop it to the exact size of triangle!! to create primary pattern
#box (left, top , right, buttom)
box =(originx,(originy-trih),(originx+triw),originy)
pattern_plain=tri.crop(box)
pattern_plain.save('pattern_plain.png')
print('....pattern created....')

# add style to pattern
pattern = pattern_plain
#pattern= pattern_plain.filter(ImageFilter.EDGE_ENHANCE)
pattern.save('pattern_tri.png')
print('....stylized pattern....')

#make square canvas for the output (wide = double size of height of primary pattern)
canvas =Image.new('RGBA',(2*trih,2*trih), (255,255,255,0))
canvas.save('tmpcanvas.png')
pcanvas=Image.new('RGBA',(2*trih,2*trih), (255,255,255,0))

#put pattern on the canvas
#make sure to put the tip of the triangle at the center of the canvas
#because when we rotate the center of the object is the pivot point
#note: paste command require the coordinate of top left corner
#so point to paste the pattern is . . .
ccenterx = int(trih-triw/2)
canvas.paste(pattern,(ccenterx,trih))

# start rotate the pattern around every 40 degree

for i in range (0,360,40):
tmpcanvas = canvas
tmppat = canvas.rotate(i)
canvas= Image.alpha_composite(tmpcanvas,tmppat)

# now we get half of the things
half = canvas

#mirror the half and put in the space to create simple kaleidoscpoe effect
mirror = im.mirror(half)
half2= mirror.rotate(20)

#merge 2 half
output=Image.alpha_composite(half,half2)

output.save("final.png")

if __name__ == '__main__':
makekaleido()

</pre>

I also made the gif version of Kaleidoscope by make 35 different images each turning 10 degree of the source image.

Source image : illustration from Oliver Jeffers
[[File:JEFFERS>JPG]]

This is the code of Gif Version

[[Media:jeffers.gif |Example result .GIF]]

======Kaleidoscope 360 GIF ========
<pre style="font-size:normal" >

from PIL import Image, ImageDraw,ImageFilter
import PIL.ImageOps as im
import numpy as np
import moviepy.editor as mpy

def onepic():
global output
#creat mask base the same size with source image
mask = Image.new('RGBA', base.size, (255,255,255,0))
x, y = base.size
print("base size: %sx%s"%(x,y))

# one variable to vary the size of triangle
var = y/28

# Define triangle mask position (triangle with 20 degree)
(originx,originy) = (int(0.4*x),int(y))
trih = int(12*var) #fix formular for triangle height
triw = int(4.2*var) #fix formular for triangle width
polygonpos = [(originx,originy),
(originx+triw,originy),
(originx+triw/2,originy-trih)]
print(trih,triw)

# Create mask
draw = ImageDraw.Draw(mask,'RGBA')
draw.polygon(polygonpos,(0,0,0,255))
del draw
mask.save("mask.png")

# Get the Alpha band from the template
tmplt = Image.open('mask.png')
A = tmplt.split()[3]

#make one piece of triangle on transparent bg
[R,G,B]=base.split()
tri = Image.merge('RGBA', (R, G, B, A))

#crop it to the exact size of triangle!! to create primary pattern
#box (left, top , right, buttom)
box =(originx,(originy-trih),(originx+triw),originy)
pattern_plain=tri.crop(box)
pattern_plain.save('pattern_plain.png')
print('....pattern created....')

# add style to pattern
pattern = pattern_plain
#pattern= pattern_plain.filter(ImageFilter.EDGE_ENHANCE)
pattern.save('pattern_tri.png')
print('....stylized pattern....')

#make square canvas for the output (wide = double size of height of primary pattern)
canvas =Image.new('RGBA',(2*trih,2*trih), (255,255,255,0))
canvas.save('tmpcanvas.png')
pcanvas=Image.new('RGBA',(2*trih,2*trih), (255,255,255,0))

#put pattern on the canvas
#make sure to put the tip of the triangle at the center of the canvas
#because when we rotate the center of the object is the pivot point
#note: paste command require the coordinate of top left corner
#so point to paste the pattern is . . .
ccenterx = int(trih-triw/2)
canvas.paste(pattern_plain,(ccenterx,trih))

# start rotate the pattern around every 40 degree

for i in range (0,360,40):
tmpcanvas = canvas
tmppat = canvas.rotate(i)
canvas= Image.alpha_composite(tmpcanvas,tmppat)

# now we get half of the things
half = canvas
print('half already')
#mirror the half and put in the space to create simple kaleidoscpoe effect
mirror = im.mirror(half)
half2= mirror.rotate(20)
print('mirrored')

#merge 2 half
output=Image.alpha_composite(half,half2)
output.save("output.png")

#def makegif():
#clip = mpy.ImageSequenceClip(outfilename, fps=3)
#clip.write_gif("%s.gif"%filename)

def makekaleido(image) :
global base, filename, source, imgfile, n, outfilename
#IN CASE Working on filename in the laptop
#put image path
imgfile = "tweetimg.jpg"
filename = imgfile[:-4]
print(filename)

#load Image
source = Image.open(imgfile)

#source = image.copy()
x, y = source.size

if x > 1000:
newy = int(1000*y/x)
source =source.resize((1000,newy), Image.ANTIALIAS)
print('resize to %sx%s'%source.size)

#creat mask base the same size with source image
mask = Image.new('RGBA', source.size, (255,255,255,0))
print("mask size:%sx%s"%source.size)

#rotate source n times for a degree
n= 10
outfilename=[]
for a in range(n+n-2):
outfilename.insert(a,'0')
a= 10
base = source
for i in range(n):
base = source.rotate(31+i*a)
onepic()
output.save('%s%s.png'%(filename,i))
outfilename[i] = filename+str(i)+'.png'
if i!=0:
outfilename[2*n-2-i] = filename+str(i)+'.png'

clip = mpy.ImageSequenceClip(outfilename, fps=3)
clip.write_gif("%s.gif"%filename)
image2 = Image.open('tweetimg3.png')

return image2,clip

if __name__ == '__main__':

makekaleido(image)
</pre>

GMU:Bots 'n' Plots/Apasri Titatarn

2015-10-07T12:06:50Z

Pife5734:

'''APASRI TITATARN : Bots n Plots class'''

First touch with Python . . . .gettin to know how to draw basic shapes

Here is my first drawing in class with coding.
my sheep robot. . . funny one
[[File:Sheep.png |100px|]]

'''My Aim about this class :'''

" I would like to make imageBot and furthur step would be to make it move as
short animated GIF"

'''Homework 2nd week'''
Assignment to make your own moving robot.

This is my CloudBot. A cloud with falling snowflakes GIF.
I coded in processing with python language.
Here is the code . . .

[[File:Cloud_bot_s.gif]]

----Code----
<pre style="font-size:smaller" >
#cloud
width = 400
posx = [width/4,width/3,3*width/5,width/2,width/5,2*width/3,3.8*width/5,width/2.3]

def setup():
size(400,400)
background(255)
frameRate(12)

def draw():
noStroke()
background(179,226,228)
change= sin(frameCount*0.1)
drawcloud(change)
sx= width/2
n = frameCount
textsnow(posx,change)

saveFrame("cloudbot##.jpg")

def drawcloud(change):
print change
fluffy = change*5
fill(255)
#cloud 1 S
ellipse(1.25*width/5,0.9*height/1.8,80+fluffy,80+fluffy)
#cloud 2 M
ellipse(2*width/5,height/1.8-height/10,130+2*fluffy,120+1.5*fluffy)
#cloud 3 L
ellipse(2.7*width/5,0.95*height/1.8-height/10,120+fluffy,145+fluffy)
#cloud 4 M
ellipse(3.5*width/5,height/1.8-height/10,110+2.5*fluffy,110+2*fluffy)

#face
fill(80)
ellipse(width/3,height/2,7,7)
ellipse(2*width/3,height/2,7,7)

def textsnow(posx,change):
fill(255)
textSize(32)
i=0
while i <7:
text("*",posx[i]+change*i,height/1.8+frameCount*(i+1)/5)
i =i+1

</pre>

'''TwitterBot :MID TERM ASSIGNMENT
======Kaleidoscope Bot======='''

RESULT PICTURE

[[File:Screen Shot 2558-06-16 at 7.43.39 PM.png]]
[[File:Screen Shot 2558-06-17 at 12.03.18 AM.png]]

code for the image processing
=============================
<pre style="font-size:normal" >

from PIL import Image, ImageDraw,ImageFilter
import PIL.ImageOps as im
import numpy as np

def makekaleido():
#put image path
imgfile = "img.jpg"

#load Image
source = Image.open(imgfile)

#adjust the source image a bit for nicer result
base = source.rotate(31)

#creat mask base the same size with source image
mask = Image.new('RGBA', base.size, (255,255,255,0))
x, y = base.size

# one variable to vary the size of triangle
var = y/14

# Define triangle mask position (triangle with 20 degree)
(originx,originy) = (x/3,int(0.9*y))
trih = int(12*var) #fix formular for triangle height
triw = int(4.2*var) #fix formular for triangle width
polygonpos = [(originx,originy),
(originx+triw,originy),
(originx+triw/2,originy-trih)]
#print(trih,triw)

# Create mask
draw = ImageDraw.Draw(mask,'RGBA')
draw.polygon(polygonpos,(0,0,0,255))
del draw
mask.save("mask.png")

# Get the Alpha band from the template
tmplt = Image.open('mask.png')
A = tmplt.split()[3]

#make one piece of triangle on transparent bg
[R,G,B]=base.split()
tri = Image.merge('RGBA', (R, G, B, A))

#crop it to the exact size of triangle!! to create primary pattern
#box (left, top , right, buttom)
box =(originx,(originy-trih),(originx+triw),originy)
pattern_plain=tri.crop(box)
pattern_plain.save('pattern_plain.png')
print('....pattern created....')

# add style to pattern
pattern = pattern_plain
#pattern= pattern_plain.filter(ImageFilter.EDGE_ENHANCE)
pattern.save('pattern_tri.png')
print('....stylized pattern....')

#make square canvas for the output (wide = double size of height of primary pattern)
canvas =Image.new('RGBA',(2*trih,2*trih), (255,255,255,0))
canvas.save('tmpcanvas.png')
pcanvas=Image.new('RGBA',(2*trih,2*trih), (255,255,255,0))

#put pattern on the canvas
#make sure to put the tip of the triangle at the center of the canvas
#because when we rotate the center of the object is the pivot point
#note: paste command require the coordinate of top left corner
#so point to paste the pattern is . . .
ccenterx = int(trih-triw/2)
canvas.paste(pattern,(ccenterx,trih))

# start rotate the pattern around every 40 degree

for i in range (0,360,40):
tmpcanvas = canvas
tmppat = canvas.rotate(i)
canvas= Image.alpha_composite(tmpcanvas,tmppat)

# now we get half of the things
half = canvas

#mirror the half and put in the space to create simple kaleidoscpoe effect
mirror = im.mirror(half)
half2= mirror.rotate(20)

#merge 2 half
output=Image.alpha_composite(half,half2)

output.save("final.png")

if __name__ == '__main__':
makekaleido()

</pre>

I also made the gif version of Kaleidoscope by make 35 different images each turning 10 degree of the source image.

Source image : illustration from Oliver Jeffers
[[File:JEFFERS>JPG]]

This is the code of Gif Version

[[Media:jeffers.gif |Example result .GIF]]

======Kaleidoscope 360 GIF ========
<pre style="font-size:normal" >

from PIL import Image, ImageDraw,ImageFilter
import PIL.ImageOps as im
import numpy as np
import moviepy.editor as mpy

def onepic():
global output
#creat mask base the same size with source image
mask = Image.new('RGBA', base.size, (255,255,255,0))
x, y = base.size
print("base size: %sx%s"%(x,y))

# one variable to vary the size of triangle
var = y/28

# Define triangle mask position (triangle with 20 degree)
(originx,originy) = (int(0.4*x),int(y))
trih = int(12*var) #fix formular for triangle height
triw = int(4.2*var) #fix formular for triangle width
polygonpos = [(originx,originy),
(originx+triw,originy),
(originx+triw/2,originy-trih)]
print(trih,triw)

# Create mask
draw = ImageDraw.Draw(mask,'RGBA')
draw.polygon(polygonpos,(0,0,0,255))
del draw
mask.save("mask.png")

# Get the Alpha band from the template
tmplt = Image.open('mask.png')
A = tmplt.split()[3]

#make one piece of triangle on transparent bg
[R,G,B]=base.split()
tri = Image.merge('RGBA', (R, G, B, A))

#crop it to the exact size of triangle!! to create primary pattern
#box (left, top , right, buttom)
box =(originx,(originy-trih),(originx+triw),originy)
pattern_plain=tri.crop(box)
pattern_plain.save('pattern_plain.png')
print('....pattern created....')

# add style to pattern
pattern = pattern_plain
#pattern= pattern_plain.filter(ImageFilter.EDGE_ENHANCE)
pattern.save('pattern_tri.png')
print('....stylized pattern....')

#make square canvas for the output (wide = double size of height of primary pattern)
canvas =Image.new('RGBA',(2*trih,2*trih), (255,255,255,0))
canvas.save('tmpcanvas.png')
pcanvas=Image.new('RGBA',(2*trih,2*trih), (255,255,255,0))

#put pattern on the canvas
#make sure to put the tip of the triangle at the center of the canvas
#because when we rotate the center of the object is the pivot point
#note: paste command require the coordinate of top left corner
#so point to paste the pattern is . . .
ccenterx = int(trih-triw/2)
canvas.paste(pattern_plain,(ccenterx,trih))

# start rotate the pattern around every 40 degree

for i in range (0,360,40):
tmpcanvas = canvas
tmppat = canvas.rotate(i)
canvas= Image.alpha_composite(tmpcanvas,tmppat)

# now we get half of the things
half = canvas
print('half already')
#mirror the half and put in the space to create simple kaleidoscpoe effect
mirror = im.mirror(half)
half2= mirror.rotate(20)
print('mirrored')

#merge 2 half
output=Image.alpha_composite(half,half2)
output.save("output.png")

#def makegif():
#clip = mpy.ImageSequenceClip(outfilename, fps=3)
#clip.write_gif("%s.gif"%filename)

def makekaleido(image) :
global base, filename, source, imgfile, n, outfilename
#IN CASE Working on filename in the laptop
#put image path
imgfile = "tweetimg.jpg"
filename = imgfile[:-4]
print(filename)

#load Image
source = Image.open(imgfile)

#source = image.copy()
x, y = source.size

if x > 1000:
newy = int(1000*y/x)
source =source.resize((1000,newy), Image.ANTIALIAS)
print('resize to %sx%s'%source.size)

#creat mask base the same size with source image
mask = Image.new('RGBA', source.size, (255,255,255,0))
print("mask size:%sx%s"%source.size)

#rotate source n times for a degree
n= 10
outfilename=[]
for a in range(n+n-2):
outfilename.insert(a,'0')
a= 10
base = source
for i in range(n):
base = source.rotate(31+i*a)
onepic()
output.save('%s%s.png'%(filename,i))
outfilename[i] = filename+str(i)+'.png'
if i!=0:
outfilename[2*n-2-i] = filename+str(i)+'.png'

clip = mpy.ImageSequenceClip(outfilename, fps=3)
clip.write_gif("%s.gif"%filename)
image2 = Image.open('tweetimg3.png')

return image2,clip

if __name__ == '__main__':

makekaleido(image)
</pre>