Miroirs/dragonruby-book
1
0
Fork 0
mirror of https://github.com/DragonRidersUnite/book synced 2024-11-16 07:47:42 +01:00
Code Issues Projects Releases Packages Wiki Activity Actions

Merge pull request #14 from Vlevo/patch-3

Browse source 
grammar tweaks 09-background.md
This commit is contained in:
Brett Chalupa 2023-01-26 14:02:38 -05:00 committed by GitHub
commit 74a0d0464e
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
1 changed files with 6 additions and 6 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

12
src/09-background.md
View file

@ -1,6 +1,6 @@
# Background
We're eight chapters in and haven't even touched upon a simple and useful piece of functionality that DragonRuby GTK gives us: drawing rectangles! Rectangles are great for backgrounds, text boxes and more. Layer some sprites on top, and you can get pretty fancy.
We're eight chapters in and haven't even touched upon a simple and useful piece of functionality that DragonRuby GTK gives us: drawing rectangles! Rectangles are great for backgrounds, text boxes, and more. Layer some sprites on top, and you can get pretty fancy.
## Blue Sky
@ -8,22 +8,22 @@ Up until now, our dragon has been flying around in a gray sky. Let's make the sk
DragonRuby provides `args.outputs.solids` to easily display filled rectangles.
At the top of `#tick`, below where we start the music, create a solid rectangle that's the size of the screen and placed at 0, 0:
At the top of `#tick`, below where we start the music, create a solid rectangle that's the size of the screen and place it at 0, 0:
``` ruby
{{#include code/chapter_09/01_blue_sky/app/main.rb:102:115}}
```
We're familiar with a lot of the shape hash keys for the position and size, but `r`, `g`, and `b` are new. They specify the values for the (r)ed, (g)reen, and (b)lue color values for the rectangle we're drawing. Their values can be set to anything between 0 and 255, inclusive. Adjust the values to see a different color displayed. The higher the value for a given color, the more it'll be part of the mix. So our color has a blue of 230, meaning blue comes through more than the others. You can also specify `a`, the alpha value, between 0 and 255, inclusive, to get transparency in our color.
We're familiar with a lot of the shape hash keys for position and size, but `r`, `g`, and `b` are new. They specify the (r)ed, (g)reen, and (b)lue color values for the rectangle we're drawing. Their values can be set to anything between 0 and 255, inclusive. Adjust the values to see a different color displayed. The higher the value for a given color, the more it'll be part of the mix. So our color has a blue of 230, meaning blue comes through more than the others. You can also specify `a`, the alpha value, between 0 and 255, inclusive, to get transparency in our color.
Now we've got our dragon flying over a blue sky. That looks quite a bit better.
![game with dragon and three targets and blue background](./img/c09-blue-sky.jpg)
![game with a dragon, three targets, and a blue background](./img/c09-blue-sky.jpg)
## Extra Credit
- Make (or find) some cloud sprites and render those in the sky. Put them in the `args.outputs.sprites` _before_ the other sprites to have them render behind.
- Move the clouds, randomly placing at a different position and with a different size when they go off the screen.
- Make (or find) some cloud sprites and render those in the sky. Put them into `args.outputs.sprites` _before_ the other sprites to have them render behind.
- Move the clouds, randomly placing them at a different position and with a different size, when they go off the screen.
- Draw some more rectangles under the score and timer to make them easier to read.
## What's Next