Prototyping 14 May 2013

From Media Design: Networked & Lens-Based wiki
Jump to navigation Jump to search

Continuing with the browser code...

Letterwalk

Pixelwalk

#!/usr/bin/python
#-*- coding:utf-8 -*-

import urllib2, cgi, cgitb; cgitb.enable()
from PIL import Image
print 'content-type: text/html'
print

print '<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>'

print '''
<script>
$(document).ready(function(){
   $("#image").mousemove(function(e){
   		var ypos=e.pageY;
   		var xpos=e.pageX;
   		window.location = "?x="+xpos+"&y="+ypos;
   		console.log(xpos);
   		console.log(ypos);
      	$("#status").html(e.pageX +", "+ e.pageY);
   }); 
})
</script>
'''

q = cgi.FieldStorage()
x = int(q.getvalue("x",0))
y = int(q.getvalue("y",0))

print x,y

imgpath="../yes.jpg"
i = Image.open(imgpath)
print i.size
w,h=i.size
r,g,b = i.getpixel((x,y))
print i.getpixel((200,200))
colorvalue=i.getpixel((200,200))

print '''
<body style="background:grey;">
<div id="image" style="width:{0}px; height:{1}px; background-color:rgb({2},{3},{4});">	
</div>
'''.format(w,h,r,g,b)