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!

Comments

Popular posts from this blog

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 ...

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...

ML / Using Turi Create for Machine Learning Style Transfer

A few days ago, I found out about "Turi Create" , basically a Python module, a tool from Apple that allows non-Apple computer user to generate MLM aka Machine Learning Model that can be integrated inside iOS app on iPhone and iPad. The cool thing about Turi Create is that you can also use it for your own purpose in processing data using Machine Learning. https://developer.apple.com/videos/play/wwdc2018/712/ As an additional note, at WWDC 2018, Apple also presented XCode Playground tool for MacOS that allows user to easily generate this MLM model for all kind of purposes. The process is as simple as drag and drop for Image Classifier. It is quite fascinating and worth watching the video. STYLE TRANSFER From what I gather after a short research, there are a few applications of Machine Learning that we can use in application such as for Image Classification, Graphing, etc but one that interest me in particular is STYLE TRANSFER using Turi Create: https://apple.gith...