Skip to content

HTTPS clone URL

Subversion checkout URL

You can clone with
or
.
Download ZIP
tree: 9ef2b7bcb8
Fetching contributors…

Cannot retrieve contributors at this time

300 lines (236 sloc) 9.023 kb
from pyjamas.ui.Sink import Sink, SinkInfo
from pyjamas.ui.Image import Image
from pyjamas.ui.HTML import HTML
from pyjamas.ui.VerticalPanel import VerticalPanel
from pyjamas.ui.HorizontalPanel import HorizontalPanel
from pyjamas.ui.RootPanel import RootPanel
from pyjamas.Canvas.GWTCanvas import GWTCanvas
from pyjamas.Canvas.ImageLoader import loadImages
from pyjamas.Canvas.Color import Color
from pyjamas.Timer import Timer
from math import floor, cos, sin
import time
class CanvasTab(Sink):
def __init__(self):
Sink.__init__(self)
colour_grid = ColourGridCanvas()
rotated = RotatedCanvas()
spheres = SpheresCanvas()
#pattern = PatternCanvas()
spiro = SpiroCanvas()
self.solar = SolarCanvas()
row0 = HorizontalPanel()
row0.setSpacing(8)
row0.add(colour_grid)
row0.add(rotated)
row0.add(spheres)
#row0.add(pattern)
row1 = HorizontalPanel()
row1.setSpacing(8)
row1.add(self.solar)
row1.add(spiro)
panel = VerticalPanel()
panel.add(row0)
panel.add(row1)
self.setWidget(panel)
def onShow(self):
self.solar.isActive = True
self.solar.onTimer()
def onHide(self):
self.solar.isActive = False
def init():
text="""
<b>Canvas vector drawing component: Canvas2D</b>
<p>Gives python access to the browser's native canvas tag.
<p>There are two canvas drawing libraries: Canvas2D (oldest) and Canvas
(preferred). Both work in modern browsers (that support canvas). For IE
the canvas functionality is emulated in javascript. This leads to
lower performance in IE and missing/broken functionality.
<p>Originally by Alexei Sokolov at <a href=\"http://gwt.components.googlepages.com\">gwt.components.googlepages.com</a>"
<br>Samples ported from the <a href=\"http://developer.mozilla.org/en/docs/Canvas_tutorial\">Mozilla canvas tutorial</a>"
<br>Samples ported from the <a href=\"http://developer.mozilla.org/en/docs/Canvas_tutorial\">Mozilla canvas tutorial</a>
"""
return SinkInfo("Canvas", text, CanvasTab)
class ColourGridCanvas(GWTCanvas):
def __init__(self):
GWTCanvas.__init__(self, 150, 150, 150, 150)
self.draw()
self.addMouseListener(self)
self.addKeyboardListener(self)
def draw(self):
for i in range(0, 6):
for j in range(0, 6):
self.setFillStyle(Color(
'rgb(%d,%d,0)' % (floor(255-42.5*i), floor(255-42.5*j))
))
self.fillRect(j*25,i*25,25,25)
def onMouseDown(self, sender, x, y):
pass
def onMouseEnter(self, sender):
RootPanel().add(HTML("mouseenter: setting focus (keyboard input accepted)"))
self.setFocus(True)
def onMouseLeave(self, sender):
RootPanel().add(HTML("mouseleave: clearing focus (keyboard input not accepted)"))
self.setFocus(False)
def onMouseMove(self, sender, x, y):
RootPanel().add(HTML("move: x %d " % x + "y %d" % y))
def onMouseUp(self, sender, x, y):
pass
def onKeyUp(self, sender, keyCode, modifiers):
RootPanel().add(HTML("keyup: %s" % keyCode))
def onKeyDown(self, sender, keyCode, modifiers):
RootPanel().add(HTML("keydown: %s" % keyCode))
def onClick(self, sender):
RootPanel().add(HTML("click"))
def onKeyPress(self, sender, keyCode, modifiers):
RootPanel().add(HTML("keypressed: %s" % keyCode))
class RotatedCanvas(GWTCanvas):
def __init__(self):
GWTCanvas.__init__(self, 150, 150, 150, 150)
self.translate(75,75)
self.draw()
def draw(self):
pi = 3.14159265358979323
# Loop through rings (from inside to out)
for i in range(1,6):
self.saveContext()
self.setFillStyle(Color('rgb(%d,%d,255)'%((51*i), (255-51*i))))
# draw individual dots
for j in range(0,i*6):
self.rotate(pi*2/(i*6))
self.beginPath()
self.arc(0,i*12.5,5,0,pi*2,True)
self.fill()
self.restoreContext()
class SpheresCanvas(GWTCanvas):
def __init__(self):
GWTCanvas.__init__(self, 150, 150, 150, 150)
self.draw()
def draw(self):
# create gradients
radgrad = self.createRadialGradient(45,45,10,52,50,30)
radgrad.addColorStop(0, Color('#A7D30C'))
radgrad.addColorStop(0.9, Color('#019F62'))
radgrad.addColorStop(1, Color('rgba(1,159,98,0)'))
radgrad2 = self.createRadialGradient(105,105,20,112,120,50)
radgrad2.addColorStop(0, Color('#FF5F98'))
radgrad2.addColorStop(0.75, Color('#FF0188'))
radgrad2.addColorStop(1, Color('rgba(255,1,136,0)'))
radgrad3 = self.createRadialGradient(95,15,15,102,20,40)
radgrad3.addColorStop(0, Color('#00C9FF'))
radgrad3.addColorStop(0.8, Color('#00B5E2'))
radgrad3.addColorStop(1, Color('rgba(0,201,255,0)'))
radgrad4 = self.createRadialGradient(0,150,50,0,140,90)
radgrad4.addColorStop(0, Color('#F4F201'))
radgrad4.addColorStop(0.8, Color('#E4C700'))
radgrad4.addColorStop(1, Color('rgba(228,199,0,0)'))
# draw shapes
self.setFillStyle(radgrad4)
self.fillRect(0,0,150,150)
self.setFillStyle(radgrad3)
self.fillRect(0,0,150,150)
self.setFillStyle(radgrad2)
self.fillRect(0,0,150,150)
self.setFillStyle(radgrad)
self.fillRect(0,0,150,150)
class PatternCanvas(GWTCanvas):
def __init__(self):
GWTCanvas.__init__(self, 150, 150, 150, 150)
loadImages(['images/wallpaper.png'], self)
def onImagesLoaded(self, imagesHandles):
self.img = imagesHandles[0]
self.draw()
def onError(self):
pass
def draw(self):
# in GWTCanvas createPattern is not defined
ptrn = self.createPattern(self.img, 'repeat')
self.setFillStyle(ptrn)
self.fillRect(0,0,200,200)
class SpiroCanvas(GWTCanvas):
def __init__(self):
GWTCanvas.__init__(self, 300, 300, 300, 300)
self.draw()
def draw(self):
self.saveContext()
self.fillRect(0,0,300,300)
for i in range(0, 3):
for j in range(0, 3):
self.setStrokeStyle(Color("#9CFF00"))
self.saveContext()
self.translate(50+j*100,50+i*100)
self.drawSpirograph(20*(j+2)/(j+1),-8*(i+3)/(i+1),10)
self.restoreContext()
self.restoreContext()
def drawSpirograph(self, R, r, O):
pi = 3.14159265358979323
x1 = R-O
y1 = 0
x2 = -1
y2 = -1
i = 1
self.beginPath()
self.moveTo(x1,y1)
while x2 != R-O and y2 != 0:
if i>20000:
break
x2 = (R+r)*cos(i*pi/72) - (r+O)*cos(((R+r)/r)*(i*pi/72))
y2 = (R+r)*sin(i*pi/72) - (r+O)*sin(((R+r)/r)*(i*pi/72))
self.lineTo(x2,y2)
x1 = x2
y1 = y2
i+=1
self.stroke()
class SolarCanvas(GWTCanvas):
def __init__(self):
GWTCanvas.__init__(self, 300, 300, 300, 300)
loadImages(
[
'images/sun.png',
'images/moon.png',
'images/earth.png',
],
self,
)
self.isActive = True
self.onTimer()
def onImagesLoaded(self, imagesHandles):
self.sun = imagesHandles[0]
self.moon = imagesHandles[1]
self.earth = imagesHandles[2]
def onTimer(self, t=None):
if not self.isActive:
return
Timer(100, self)
self.draw()
def getTimeSeconds(self):
return time.time() % 60
def getTimeMilliseconds(self):
return (time.time() * 1000.0) % 1.0
def draw(self):
pi = 3.14159265358979323
if not getattr(self, 'earth', None):
return
self.setGlobalCompositeOperation('destination-over')
# clear canvas
self.clear()
self.saveContext()
self.setFillStyle(Color('rgba(0,0,0,0.4)'))
self.setStrokeStyle(Color('rgba(0,153,255,0.4)'))
self.translate(150,150)
# Earth
self.rotate( ((2*pi)/60)*self.getTimeSeconds() + ((2*pi)/60000)*self.getTimeMilliseconds() )
self.translate(105,0)
self.fillRect(0,-12,50,24) # Shadow
self.drawImage(self.earth.getElement() ,-12,-12)
# Moon
self.saveContext()
self.rotate( ((2*pi)/6)*self.getTimeSeconds() + ((2*pi)/6000)*self.getTimeMilliseconds() )
self.translate(0,28.5)
self.drawImage(self.moon.getElement(),-3.5,-3.5)
self.restoreContext()
self.restoreContext()
self.beginPath()
self.arc(150,150,105,0,pi*2,False) # Earth orbit
self.stroke()
self.drawImage(self.sun.getElement(),0,0)
Jump to Line
Something went wrong with that request. Please try again.