Skip to main content

PYTHON PROCESSING / Working with Image

IMAGE being drawn on top of each other on every loop. Each image is drawn on the position of mouse X and Y. Can you guess what image is this?

Continuing with my Python Processing study. I wanted to touch on IMAGE object real soon because it is one of the most fun topic we can do pretty quickly and easily.

While doing this, I am also looking at the provided example on IMAGE topic and also this YouTube video tutorial by John Park on Processing 3 (Java): https://youtu.be/ddtdPO3m1hw



What I am showing here is pretty basic however important for beginners and I am familiarizing myself with Python language for Processing. Instead of Java.

The whole code looks like below, with some parts commented for you to try yourself:

Few important notes:

  • With Python, we do not seem have to explicitly specify the TYPE of object instance we are creating, in this case the IMAGE type. We simply load the image from path. Python guess the object type.
  • We probably need to definte the image variable as GLOBAL
  • imageMode(CORNER) or imageMode(CENTER) are useful to set the placement of image
  • noLoop() and background() are kind of related. When we allow LOOP and draw() to run everytime and with no background() we will get the image being drawn over and over again each processing run, so we get overlapping result
I really feel that Python language really makes Processing experience a lot friendlier.

A slight modification to the script above and we can get this image below.

Image YOSHI that I borrowed from the Internet. It's PNG so it can have transparency.



Not sure how the whole Processing works together with Python modules or Java modules, but in the basic level, loading image, displaying image and assigning MOUSE POSITION to draw the image is a lot simpler!

There are many other METHODS of IMAGE object type in Processing you can use to modify the image, you can check for image related examples and also the documentations.

I guess the rest is up to you what you wanted to do with image, but this is only touching the very basic of:
- Creating a variable for image type of object
- Loading Image
- Displaying Image
- Drawing Image on specific position
- Drawing Image on mouse position

Enjoy!
Labels:

Comments

Post a Comment

Popular posts from this blog

PYTHON PROCESSING / It only really begins ...

Back into Processing again, with Python! While Daniel Shiffman is continuously inspiring us with his CODING TRAIN series on YouTube, using Processing with Java and Javascript language, I decided to free my mind and trying to really do something using Processing and Python language. Installing Python language version on Processing 3 is easy enough, just first download the latest Processing and install the Python language mode via Add Mode button. Other link that might help: https://github.com/jdf/processing.py http://py.processing.org/tutorials/ BLANK MODE As soon as Processing Python Mode, opens up and running I am presented with a  blank environment. Suddenly I recalled my journey in learning programming from zero until now... With Python, outside Processing, commonly people will be introduced to Python IDE or IDLE environment. Something that looks like Console Window or Command Prompt, where we type single liners command. Python Command Line and IDE normally have t
Post a Comment
Read more

PYTHON / OpenCV, Recreate Uncanny Manga - Anime Style

Can you tell what it is? Computer Vision. Yesterday, I spend almost whole day exploring this opencv module using Python. What I discovered was revealing. Even at the very basic level, I could produce some interesting Image and Video manipulation using all the code collected from documentation and many, many blog tutorials. If you are a total noob like me, I am still getting used to knowing that the CV in OpenCV means Computer Vision! Actuallly, I recalled that I did try to get into OpenCV few years back ago, when I knew no Python and when Python opencv module was probably still early. It was all C++ code and it was a little bit too hard for me. I read a couple of books about opencv at the library, I did not understand a single thing. That was back then. Today, for strange reason, with a bit of knowledge of Python, I can go a little further. EDGE DETECT IN OPENCV Me holding you know what. What leads me this far is my curiosity on how we can replicate Wolfram Langu
Post a Comment
Read more

WOLFRAM / Making Text With Rainbow Color

Continuing with my Wolfram Mathematica Trial Experience... I watched and went through some more Mathematica introduction videos, read lots of Mathematica documentation and also going through the Wolfram Lab Online again a few times. There are some major learning curves and Mathematica is a lot different from normal programming language. Sometimes there is a lot of interesting "shortcuts", say like: FindFaces[] , WordCloud[] . Sometimes I got a little confused on how one can do iterations. Normally FOR LOOP concept is introduced early, but in Wolfram, because everything is EXPRESSIONS and ENTITY (like OBJECTS), sometimes it gets quite quirky. Mind you I am still in the first impression and having to look at many tutorials. Lots of NEAT EXAMPLES from documentation, but sometimes I got lost. I found Wolfram to be really awesome with LIST and generating list. It's almost too easy when it works visually. I cannot explain them with my own words yet, but there are
Post a Comment
Read more