From b110627a05dc045126129e4bcd3258538cd78687 Mon Sep 17 00:00:00 2001 From: Evan Hemsley <2342303+ehemsley@users.noreply.github.com> Date: Thu, 23 May 2019 12:54:38 -0700 Subject: [PATCH] first section of pong tutorial --- content/pong/_index.md | 13 ++ content/pong/draw_paddle/_index.md | 15 ++ content/pong/draw_paddle/canvas_component.md | 37 ++++ content/pong/draw_paddle/canvas_renderer.md | 95 +++++++++++ content/pong/draw_paddle/first_run.md | 35 ++++ content/pong/draw_paddle/initialize_world.md | 159 ++++++++++++++++++ .../pong/draw_paddle/position_component.md | 22 +++ content/pong/introduction.md | 13 ++ content/why/architecture/oop.md | 2 +- static/images/pong.png | Bin 0 -> 11505 bytes static/images/pong_first_run.png | Bin 0 -> 8823 bytes static/images/pong_second_run.png | Bin 0 -> 8920 bytes 12 files changed, 390 insertions(+), 1 deletion(-) create mode 100644 content/pong/_index.md create mode 100644 content/pong/draw_paddle/_index.md create mode 100644 content/pong/draw_paddle/canvas_component.md create mode 100644 content/pong/draw_paddle/canvas_renderer.md create mode 100644 content/pong/draw_paddle/first_run.md create mode 100644 content/pong/draw_paddle/initialize_world.md create mode 100644 content/pong/draw_paddle/position_component.md create mode 100644 content/pong/introduction.md create mode 100644 static/images/pong.png create mode 100644 static/images/pong_first_run.png create mode 100644 static/images/pong_second_run.png diff --git a/content/pong/_index.md b/content/pong/_index.md new file mode 100644 index 0000000..1f6fd55 --- /dev/null +++ b/content/pong/_index.md @@ -0,0 +1,13 @@ ++++ +title = "Pong" +date = 2019-05-23T10:59:47-07:00 +weight = 20 +chapter = true +pre = "4. " ++++ + +### Chapter 4 + +# Pong + +The game of games. diff --git a/content/pong/draw_paddle/_index.md b/content/pong/draw_paddle/_index.md new file mode 100644 index 0000000..428de9b --- /dev/null +++ b/content/pong/draw_paddle/_index.md @@ -0,0 +1,15 @@ +--- +title: "Drawing A Paddle" +date: 2019-05-23T11:02:45-07:00 +weight: 0 +--- + +It's nice to see something on screen right away when we start making a game, so let's make that happen. + +In a 2D game, Encompass needs to know which order that things should draw in. + +Encompass draws things back to front using integer layers. A negative value means farther in the back. A positive value means farther in the front. So an object on layer 10 will draw on top of an object on layer -10. + +We'll need two things to get a paddle drawing on screen: A *DrawComponent* and an *EntityRenderer*. + +Let's start with the Component. diff --git a/content/pong/draw_paddle/canvas_component.md b/content/pong/draw_paddle/canvas_component.md new file mode 100644 index 0000000..2abb173 --- /dev/null +++ b/content/pong/draw_paddle/canvas_component.md @@ -0,0 +1,37 @@ +--- +title: "Canvas Component" +date: 2019-05-23T11:26:31-07:00 +weight: 5 +--- + +LOVE provides a neat little drawing feature called Canvases. You can tell LOVE to draw to a Canvas instead of the screen, and then save the Canvas so you don't have to repeat lots of draw procedures. It's very nifty. + +Let's set up a CanvasComponent. + +Create a file: **game/components/canvas.ts** + +```ts +import { DrawComponent } from "encompass-ecs"; + +export class CanvasComponent extends DrawComponent { + public canvas: Canvas; + public x_scale: number; + public y_scale: number; +} +``` + +Let's break this down a bit. What's a DrawComponent? A DrawComponent is a subtype of Component that includes a *layer* property, which is used for rendering. + +*import* means that we are taking the definition of DrawComponent from another file, in this case the Encompass library. *export* means that we want this class to be available to other files in our project. If we don't export this class, it won't be very useful to us, so let's make sure to do that. + +We provide some extra information, *x_scale* and *y_scale* so we can shrink or stretch the Canvas if we want to. + +{{% notice notice %}} +You might be wondering - how does TypeScript know about things like Canvas, which are defined in LOVE? LOVE uses Lua, not TypeScript. + +The answer is a thing called *definition files*. Definition files let TypeScript know about things that exist in the target environment. You don't really need to understand how it works just now, just know that the Encompass/LOVE starter pack depends on the lovely [love-typescript-definitions](https://github.com/hazzard993/love-typescript-definitions) project. +{{% /notice %}} + +When we actually use the CanvasComponent, we will attach a Canvas that has stuff drawn on it. We'll get to that in a minute. + +That's it for our CanvasComponent. We need one more bit of information before we can write our Renderer. diff --git a/content/pong/draw_paddle/canvas_renderer.md b/content/pong/draw_paddle/canvas_renderer.md new file mode 100644 index 0000000..995d853 --- /dev/null +++ b/content/pong/draw_paddle/canvas_renderer.md @@ -0,0 +1,95 @@ +--- +title: "Canvas Renderer" +date: 2019-05-23T11:29:24-07:00 +weight: 10 +--- + +Now that we have a CanvasComponent, we need to tell Encompass how to draw things that have it. + +Create a file: **game/renderers/canvas.ts** + +This is gonna be a bit more complex than our Components, so let's take this slowly. + +```ts +import { Entity, EntityRenderer } from "encompass-ecs"; +import { CanvasComponent } from "game/components/canvas"; +import { PositionComponent } from "game/components/position"; + +export class CanvasRenderer extends EntityRenderer { + public component_types = [ PositionComponent ]; + public draw_component_type = CanvasComponent; + + public render(entity: Entity) {} +} +``` + +An *EntityRenderer* is defined by two properties and a method. + +* It needs to have *component_types*, which is a list of Component types. +* It needs to specify a single *draw_component_type*. +* It needs to define a *render* method. + +When an Entity has all of the Components listed in *component_types*, and a DrawComponent of *draw_component_type*, then it begins to *track* the Entity. + +Each time *World.draw* is called, the EntityRenderer will run its *render* method on each Entity that it is tracking. + +So, in our case, we want our CanvasRenderer to render any Entity that has a PositionComponent and a CanvasComponent. Simple as that. + +Let's fill out our *render* method. + +```ts + public render(entity: Entity) { + const position_component = entity.get_component(PositionComponent); + const canvas_component = entity.get_component(CanvasComponent); + + const canvas = canvas_component.canvas; + + love.graphics.draw( + canvas, + position_component.x, + position_component.y, + 0, + canvas_component.x_scale, + canvas_component.y_scale, + canvas.getWidth(), + canvas.getHeight(), + ); + } +``` + +*Entity.get_component* is a method that gets a Component instance from an Entity when given a Component type. So when we say: + +```ts +const position_component = entity.get_component(PositionComponent); +``` + +we are asking the Entity to give us access to its position information. + +Once we have our specific position and canvas information, we can use that information to tell LOVE to draw something! + +```ts +love.graphics.draw( + canvas, + position_component.x, + position_component.y, + 0, + canvas_component.x_scale, + canvas_component.y_scale, + canvas.getWidth() * 0.5, + canvas.getHeight() * 0.5, +); +``` + +This is simply a call to the *love.graphics.draw* function that LOVE provides. You can read more about it [here](https://love2d.org/wiki/love.graphics.draw). We are just telling LOVE to draw our canvas at our PositionComponent's position, with 0 rotation, our scaling factor, and an offset of the canvas's width and height divided by 2. The offset just tells LOVE to draw the canvas starting at the center of the canvas, instead of at the top left corner. + +That's it! Now we need to set up our World with its starting configuration so our Encompass elements can work in concert. + +{{% notice notice %}} +Clever readers may have noticed something here. Aren't Entities allowed to have any number of Components of a given type? So why is *get_component* singular? + +We actually have two different component getter methods: *Entity.get_component*, and *Entity.get_components*, which will return a list of all the components of the given type on the Entity. + +In this case, I am assuming that an Entity will only ever have one PositionComponent, so I am using the *get_component* method for convenience. + +You are allowed to make any assumptions about the structure of your Entities as you want - just make sure your assumptions stay consistent, or you will have unpleasant surprises! +{{% /notice %}} diff --git a/content/pong/draw_paddle/first_run.md b/content/pong/draw_paddle/first_run.md new file mode 100644 index 0000000..dc0b441 --- /dev/null +++ b/content/pong/draw_paddle/first_run.md @@ -0,0 +1,35 @@ +--- +title: "First Run" +date: 2019-05-23T12:21:05-07:00 +weight: 20 +--- + +All we have to do now is run our build and run script in the terminal. + +```sh +> npm run love +``` + +Exciting!! Let's see what happens... + +![pong first run](/images/pong_first_run.png) + +Oh dear. That paddle is quite small. Bit of a buzzkill really. + +```ts +const width = 20; +const height = 120; +``` + +```ts +position_component.x = 40; +position_component.y = 360; +``` + +![pong second run](/images/pong_second_run.png) + +Thaaaaaaat's more like it. + +Notice how we can just change simple Component values, and the result of the simulation changes. In a larger project we would probably want to define these Component values in a separate file that lives on its own. This is called *data-driven design* and it is a powerful feature of ECS-like architectures. When we do data-driven design, we can modify the game without even looking at source code - just change some values in a file and the game changes! If we wanted to get really clever, we could probably have an in-game editor that changes these values even while the game is running! + +But for such a simple example, leaving this in the *load* function is probably fine. Let's move on and get this paddle moving. diff --git a/content/pong/draw_paddle/initialize_world.md b/content/pong/draw_paddle/initialize_world.md new file mode 100644 index 0000000..02a527f --- /dev/null +++ b/content/pong/draw_paddle/initialize_world.md @@ -0,0 +1,159 @@ +--- +title: "Initializing the World" +date: 2019-05-23T12:06:18-07:00 +weight: 15 +--- + +It's time to put it all together. + +Let's look at our **game/game.ts** file. The *load* method looks like this: + +```ts +public load() { + this.canvas = love.graphics.newCanvas(); + + const world_builder = new WorldBuilder(); + + // ADD YOUR ENGINES HERE... + + // ADD YOUR RENDERERS HERE... + + // ADD YOUR STARTING ENTITIES HERE... + + this.world = world_builder.build(); +} +``` + +Let's do as the helpful file asks, eh? + +```ts +import { CanvasRenderer } from "./renderers/canvas"; +... + +export class Game { + ... + + public load() { + this.canvas = love.graphics.newCanvas(); + + const world_builder = new WorldBuilder(); + + // ADD YOUR ENGINES HERE... + + // ADD YOUR RENDERERS HERE... + world_builder.add_renderer(CanvasRenderer); + + // ADD YOUR STARTING ENTITIES HERE... + + this.world = world_builder.build(); + } + + ... +``` + +Now our CanvasRenderer will exist in the world. We only have two things left to do: create a Canvas that contains our paddle visuals, and put it on an Entity. + +Let's tell the World Builder that we want a new Entity. This will be our paddle Entity. + +```ts +const paddle_entity = world_builder.create_entity(); +``` + +Let's set up our paddle Canvas. + +```ts +const width = 4; +const height = 8; + +const paddle_canvas = love.graphics.newCanvas(4, 8); +love.graphics.setCanvas(paddle_canvas); +love.graphics.setBlendMode("alpha"); +love.graphics.setColor(1, 1, 1, 1); +love.graphics.rectangle("fill", 0, 0, length, 2); +love.graphics.setCanvas(); +``` + +All we're doing here is setting up a Canvas and filling it with a white rectangle. If you want to break this down more, go ahead and read the [love.graphics documentation](https://love2d.org/wiki/love.graphics). + +Now we need to attach the canvas to the CanvasComponent. + +```ts +const canvas_component = paddle_entity.add_component(CanvasComponent); +canvas_component.canvas = paddle_canvas; +canvas_component.x_scale = 1; +canvas_component.y_scale = 1; +``` + +Finally, let's set up its position. + +```ts +const position_component = paddle_entity.add_component(PositionComponent); +position_component.x = 40; +position_component.y = 40; +``` + +Our final **game/game.ts** should look like this: + +```ts +import { World, WorldBuilder } from "encompass-ecs"; +import { CanvasComponent } from "./components/canvas"; +import { PositionComponent } from "./components/position"; +import { CanvasRenderer } from "./renderers/canvas"; + +export class Game { + private world: World; + private canvas: Canvas; + + public load() { + this.canvas = love.graphics.newCanvas(); + + const world_builder = new WorldBuilder(); + + // ADD YOUR ENGINES HERE... + + // ADD YOUR RENDERERS HERE... + world_builder.add_renderer(CanvasRenderer); + + // ADD YOUR STARTING ENTITIES HERE... + const paddle_entity = world_builder.create_entity(); + + const width = 4; + const height = 8; + + const paddle_canvas = love.graphics.newCanvas(width, height); + love.graphics.setCanvas(paddle_canvas); + love.graphics.setBlendMode("alpha"); + love.graphics.setColor(1, 1, 1, 1); + love.graphics.rectangle("fill", 0, 0, width, height); + love.graphics.setCanvas(); + + const canvas_component = paddle_entity.add_component(CanvasComponent); + canvas_component.canvas = paddle_canvas; + canvas_component.x_scale = 1; + canvas_component.y_scale = 1; + + const position_component = paddle_entity.add_component(PositionComponent); + position_component.x = 40; + position_component.y = 40; + + this.world = world_builder.build(); + } + + public update(dt: number) { + this.world.update(dt); + } + + public draw() { + love.graphics.clear(); + love.graphics.setCanvas(this.canvas); + love.graphics.clear(); + this.world.draw(); + love.graphics.setCanvas(); + love.graphics.setBlendMode("alpha", "premultiplied"); + love.graphics.setColor(1, 1, 1, 1); + love.graphics.draw(this.canvas); + } +} +``` + +Let's run the game!! diff --git a/content/pong/draw_paddle/position_component.md b/content/pong/draw_paddle/position_component.md new file mode 100644 index 0000000..5f9c43f --- /dev/null +++ b/content/pong/draw_paddle/position_component.md @@ -0,0 +1,22 @@ +--- +title: "Position Component" +date: 2019-05-23T11:34:58-07:00 +weight: 10 +--- + +This one is pretty simple. We can't draw something if we don't know *where* on screen to draw it. + +Well, why didn't we put that in the CanvasComponent? The reason is that position is a concept that is relevant in more situations than just drawing. For example: collision, yeah? So it really needs to be its own component. + +Create a file: **game/components/position.ts** + +```ts +import { Component } from "encompass-ecs"; + +export class PositionComponent extends Component { + public x: number; + public y: number; +} +``` + +That's it! Notice that we haven't created a file that is more than 10 lines long yet. I hope you're starting to notice the power of modularity here. diff --git a/content/pong/introduction.md b/content/pong/introduction.md new file mode 100644 index 0000000..b7859dd --- /dev/null +++ b/content/pong/introduction.md @@ -0,0 +1,13 @@ +--- +title: "Intro" +date: 2019-05-23T11:03:45-07:00 +weight: 5 +--- + +Everyone has played, or at least heard of, Pong. Right? Right... + +![pong](/images/pong.png) + +Pong was one of the first video games ever created and as such, it is extremely simple, and I think it's a good choice to try re-implementing it in Encompass as an example. + +We'll be developing this with the Encompass/LOVE starter pack. Go ahead and [set that up](/getting_started/case_study_love/) if you haven't already so you can follow along. And please do follow along - you can do it! diff --git a/content/why/architecture/oop.md b/content/why/architecture/oop.md index 0d4603c..8126a7c 100644 --- a/content/why/architecture/oop.md +++ b/content/why/architecture/oop.md @@ -16,7 +16,7 @@ Unfortunately, things aren't quite this simple when it comes to more complex gam As programmers we want to re-use code as much as possible. Every bit of duplication is an opportunity for bugs to lurk in our program. Object-oriented code accomplishes re-use with a concept called *inheritance*. With inheritance, classes can be partially based on other classes. Maybe a Ball class has a position and a velocity and a bounciness property. A BouncyBall would inherit from Ball and have a greater value in its bounciness property. Simple enough, right? -But we soon run into problems. In game development we often wish to mix-and-match behaviors. Suppose I have an object where it would make sense to inherit from *two* different classes. Now... we are hosed! Why? If two parent classes have a property or a method with the same name, now our child object has no idea what to do. Object-oriented systems, in fact, forbid multiple inheritance. So we end up having to share code via helper functions, or giant manager classes, or other awkward patterns. +But we soon run into problems. In game development we often wish to mix-and-match behaviors. Suppose I have an object where it would make sense to inherit from *two* different classes. Now... we are hosed! Why? If two parent classes have a property or a method with the same name, now our child object has no idea what to do. Most object-oriented systems, in fact, forbid multiple inheritance, and the ones that don't forbid it require very complex definitions to make it work. So we end up having to share code via helper functions, or giant manager classes, or other awkward patterns. We also run into an issue called *tight coupling*. Objects that reference each other's properties or methods directly become a problem when we change the structure of those objects in any way. If we modify the structure of object B, and object A references object B, then we have to also modify object A. In a particularly poorly structured system, we might have to modify a dozen objects just to make a slight modification to the behavior of a single object. diff --git a/static/images/pong.png b/static/images/pong.png new file mode 100644 index 0000000000000000000000000000000000000000..f125f5cc8dbffdb467ee639bca6409be8b3ec1c4 GIT binary patch literal 11505 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 literal 0 HcmV?d00001 diff --git a/static/images/pong_second_run.png b/static/images/pong_second_run.png new file mode 100644 index 0000000000000000000000000000000000000000..26736be73e5e382b6efc80caeb124376d0f66655 GIT binary patch literal 8920 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 literal 0 HcmV?d00001