UK Bebras


OUCC Tutorials: blockly image [4 of 5]

Tutorials index

How to program with OUCC's Blockly Image Task tool

flower banner

Example 3 - Make the flowers yellow:
Observing the photo we can see that the flowers are the only part of the image with a red hue. Yellow is made by combining red and green so, perhaps, we can simply set all the green values to the same as the red pixel values like this:

Try it out here:

It doesn't quite work, though. Can you see that the leaves on the plants lose their geen colour?

Lets try again. This time, what if we only make yellow when red is stronger than 200. Adjust your code to do this yourself now or look below at how this might be done:

make yellow blocks

Although this code fixes the leaf colour, it is still not what we are after. Maybe a whole new approach is required: What if we only convert to yellow if a pixel is mostly red, that is, it has a higher red value than the average of the other two values. Again, see if you can code this idea yourself before looking at the solution here:

make yellow blocks

<< Back | Next >>

Images Tutorial Start
Example 1 - Make an image black and white
Example 2 - Make another black and white image
Example 3 - Make the flowers yellow
Taking things further

Tutorials index