Difference between revisions of "Guides:Castle Crash Course"

From Castle Wiki
(new actor)
(Fleshing out your intro)
Line 61: Line 61:
While you're working on your art, you can order the different parts of your drawings and images conveniently by adding new layers. To add a new layer, press either the "drawing" or "image" button, depending on whether you want to upload and image to Castle or draw by hand.
While you're working on your art, you can order the different parts of your drawings and images conveniently by adding new layers. To add a new layer, press either the "drawing" or "image" button, depending on whether you want to upload and image to Castle or draw by hand.


Now that your first piece of artwork is done, let's drag the new Title blueprint into the card scene by grabbing it from the bottom and dragging upwards. As soon as you drop it into the scene, it will be created as a new actor.
Now that your first piece of artwork is done, let's drag the new Title blueprint into the card scene by grabbing it from the belt on the bottom and dragging upwards. As soon as you drop it into the scene, it will be created as a new actor.
 
== Fleshing out your introduction deck ==
Great work so far! You've learned how to create blueprints, draw artwork, and place new actors. Now you're free to flesh out your intro deck with more art and designs! Here's what an example of an introduction deck for the profile <code>@</code> :


= Chapter 2 - Movement and physics =
= Chapter 2 - Movement and physics =

Revision as of 07:39, 26 May 2022

This article is an outline for a future collection of guides, and is incomplete

The following is a possible rough draft outline

Introduction

Welcome to a crash course on how to build games and interactive art with Castle! In this course, you'll learn how build all sorts of blueprints, widgets and gizmos to make whatever you can imagine using the Castle editor. You'll have the know-how to build your own Castle adventure game and will have learned the ropes of how to craft even more custom creations.

Before you begin, make sure you have the Castle app installed on your device. Optionally, make a Castle account so that you can post your work as you finish it.

You can find Castle on the Google Play Store or iOS App Store. Move ahead once you have your own copy of the app!

Chapter 1 - Starting a new card

What you'll learn to build in this chapter: A cool intro page card for your Castle profile!

Castle cards are what Castle is made of. They're collections of actors and are filled with games, curiosities, stories, and characters. When you first opened up Castle, you might have played the feed, an infinite stream of games made by real people.

Whenever you want to start a new deck of your own, just navigate to the Create screen and select the "New Deck" button on the top right. This will create a deck, or a collection of cards for you to begin creating from.

From here, you'll have the option to select any of the kits featured on the New Deck menu, or you can pick "Blank" to make a deck without any preset contents. Let's make a new deck now, and let's start with a Blank canvas so that we can learn about some Castle concepts.

As soon as you tap on the Blank deck option, it will expand into an editor that fills the screen. The background is a light blue and there are white bars on the top and bottom of the screen. There are 6 buttons on the screen, so let's take a look at what all of them do.

  1. On the top right is the back button, which will take you back to your create screen.
  2. The play button in the top center will put your deck into play mode and let you try out what you've made so far. The deck is empty right now, so it will just be blank.
  3. Next are the Undo and Redo buttons, which just let you roll back your previous action and move around through your changes.
  4. The forth button, located in the top center, is the Tools gear icon. This button will open up the Tools menu to show you some extra deck options.
  5. The save button will save your deck so that you can come back to it later. Do this often!
  6. On the bottom center of the screen is the + button, which is how you add new actors into the scene.

Try taking a look at each button and experimenting with them so that you remember what they do in future.

Actors and Blueprints

Actors are the building blocks that make cards work! Think about some of your favorite games– if they include something like a player character, spaceships, coins, or collectable loot, all of those things are examples of actors! Actors can move around, be controlled by the player, explode, grow or shrink, they can do pretty much anything really.

Actors makes sense, but what are blueprints? Well, we usually don't want only one coin or one enemy. We want lots, sometimes even dozens or hundreds of the same sort of actor. It would be really exhausting if we had to redraw our characters and items every time we wanted another, which is why we have blueprints, which are designs that we can pre-make and that actors can then be created based on. Whenever we want to make a new actor, we first design a blueprint that it will be made from, and then we drag the blueprint into the card to place an actor that uses the blueprint!

Let's make a new blueprint.

  1. Tap on the + button
  2. Select "Empty Blueprint"

The blueprint is now visible at the bottom of the editor!

Now we can edit it by pressing "Edit blueprint". This will open the inspector, which is a control panel where we can edit everything about our blueprint's actors. For this section, let's design a cool intro page for your account! This blueprint can be the first part of your page, the title. Rename the blueprint to whatever you want by tapping on the title and editing it. We're naming ours "My Title".

Artwork Basics

The art frame button, which opens the art tool.

If we want to make a nice title piece for your intro card, we definitely need to know how to add art to our blueprints. The good news is that there's an art and drawing tool built right into Castle. Just tap the empty "Artwork" frame with the pencil icon on it. This will open the art tool.

Take a look around around. There are lots of tools and options here. On the left side, we see a bar of selectable tools:

  • Pencil tool: This tool lets you draw shapes and lines
  • Bucket tool: Fills existing spaces with new colors
  • Hand tool: This tool lets you reshape and warp drawings
  • Eraser tool: Clears away drawings
  • Eyedropper tool: Picks a color from the drawing canvas

When you select a drawing tool from the tools list, sometimes it has tool options that appear in a list on the right side. Initially the pencil tool is selected, and it has a set of options which you can experiment with. Pick your color from the color picker on the top right and write your name! Here are some example names we drew in different styles:

<insert title drawings picture>

While you're working on your art, you can order the different parts of your drawings and images conveniently by adding new layers. To add a new layer, press either the "drawing" or "image" button, depending on whether you want to upload and image to Castle or draw by hand.

Now that your first piece of artwork is done, let's drag the new Title blueprint into the card scene by grabbing it from the belt on the bottom and dragging upwards. As soon as you drop it into the scene, it will be created as a new actor.

Fleshing out your introduction deck

Great work so far! You've learned how to create blueprints, draw artwork, and place new actors. Now you're free to flesh out your intro deck with more art and designs! Here's what an example of an introduction deck for the profile @ :

Chapter 2 - Movement and physics

What you'll build in this chapter: A fancy Rube Goldberg Marble Machine!

Your deck is bustling with shapes and colors, but it's lacking something. There's no movement!

Chapter 3 - Touchable decks

What you'll build in this chapter: A space Shoot 'Em Up game!

Learn how to make actors controllable by the player.

Chapter 4 - Using Rules

What you'll build in this chapter:

Using rules to craft custom events and behaviors

Chapter 5 - Labeling actors with Tags

What you'll build in this chapter:

Tags are a useful tool for helping actors to decide what to do when they interact with each other, or signaling for different events to happen.