Changing Step 5: Increasing and decreasing color values

Below is a selection of images that you can use in the programs in this section.

beach.jpgbaby.jpgvangogh.jpgswan.jpg
puppy.jpgkitten.jpggirl.jpgmotorcycle.jpg
gal1.jpgguy1.jpggal2.jpg

First example: Let’s change STEP 5, so that we decrease the red by 50%.

Try the program above on some of the other images by changing the name of the image file on line 5. What effect does it always have? Is this what you expected when we decrease the red?

We can increase the red in a similar way. Let’s change STEP 5, so that we increase the red by 150%.

Try the program above on some of the other images by changing the name of the image file on line 5. What effect does it always have? Is this what you expected when you increase the red? What happens if you increase two colors at the same time?

Note

The problem below has blocks connected by purple edges. Pick just one of the blocks to use in the solution. One is the correct block and one is a distractor which is not needed in a correct solution.

Another way to get a similar effect to increasing the red, is to decrease the green and blue by 25%. Figure out how to do that in the program above and then use that information to drag the needed code blocks below from the left to the right in the correct order with the correct indention. There may be extra blocks that are not needed in a correct solution. Click on the Check Me button to check your solution.

Note

The problem below has a Help Me button, but it starts out disabled. You must make at least 3 attempts to solve this problem before the button becomes enabled. You can click on the Help Me button when it is enabled to make the problem easier.

The program below should increase the red by 25%. Drag the needed code blocks below from the left to the right in the correct order with the correct indention. There may be extra blocks that are not needed in a correct solution. Click on the Check Me button to check your solution.

You have attempted of activities on this page