***** Please read the Part 1 at the following link:
…..link part 1…..
3. The Bubble – Diagrams
Before I decide on the time and things to do to create a final design, create something in the toolbox, or I will start thinking about the issues of the personal area, I always hope that I have a feeling, a broad idea. This is very good. It helps me avoid mistakes, and I do not have to redo my design many times.
To be able to visualize that overarching idea and the parts in its area, how they are connected, I need to create a Bubble – Diagrams.
a. What is the Bubble – Diagrams?
The Bubble – Diagrams is a very simple map. It showed me a general picture of what I had to do. It has circles that tell you the levels of each area, and the arrows let me know the flow and connections between areas.
From the second part, I have given all the parts of the level. The idea of the Bubble – Diagrams is to help us know exactly where all the pieces of the design are linked together. The Bubble – Diagrams also help us think about the paths (through levels), the Bubble – Diagrams also tells us what kind of path is best for our purposes.
This is the Bubble – Diagrams that I used to create linear cleavages. In this diagram there are two types of arrows with the effect of indicating their connection type (two way or one way):
The Bubble – Diagrams from my example. The numbers in this diagram are the eight areas from the “Brainstorming – Structure”
For The Bubble – Diagrams, each designer will have different ways to create it. But there is a note that I need you to remember, that the ideas must be consistent and that it must be tremble. Another benefit of sketching out The Bubble – Diagrams is that you can use it to better understand your ideas, so concentrate on creating The Bubble – Diagrams.
4. About The TheRough – Maps
a. Let flesh out Each “Bubble”
When we have completed The Bubble – Diagrams, we need to know what happens at each level and we must know how each area is connected to each other.
The next step that we have to do is look through the lists and make a rough design for each “bubble”. You need to do this in Illustrator or on paper (this is how I usually do). But there are also a number of experienced designers who prefer to do this on programs, simply because it gives them an infinite space. And you can do the same, or do on paper like me. Anyway, the way you feel the easiest and fastest, then you should choose it.
Take a look at the picture below. This is an example of what’s in the “Bubble” (especially in Bubble 3: Tight – Corridors). I created it on paper:
Players will start at the top of the map and move towards the bottom. In this area, I have a note in the top corner to introduce the types of enemies so people can understand it more easily.
Now let’s see what we have here:
- The player moves south and destroys 3 swarmers. After that, the player will go down and meet the four swarmers (they will run out from a secret passage).
- After defeating the 4 Swarmers, the player faces Melee. They will come closer to you and I think our character will spend a bit of HP in this scene.
- In the third corner, our character will have to fight with a group of Swarmers and Melee. Looking at the figure, we will see the direction in which these enemies will appear.
- The player goes through the fourth corner and right at the fifth corner, the player will be confronted by three Ranged enemies and five Swarmers.
- At the last corner, the player moves to the area in “Bubble 4”.
You should pay attention to how these areas are designed. They are completely separate from other areas. In this section, it is not necessary to write down the details of space and height of each area. In this section, if you see something wrong with your mind. You can completely change everything. So I do not put the details of the space and height of the area into this section.
You should try to keep the scale relatively suitable for all other areas. Because this will make your work easier, especially in the next step when you have to connect the areas together.
Do not pay too much attention to accuracy or small details in areas. As ideas will arise continuously, and things can change (even if the design is completed).
b. About The Connection Between The Areas
After you have created “bubbles” with raw designs on paper (or on computer programs), you need to link them together to create logic. To do this, I usually use Adobe Illustrator, but you can also do this on paper.
You should design the areas and show them all so that we can see all the areas more easily.
A note that I want you to know, that is the severity of the area. The harder the next, the more enemies or challenges. It is a good and good way to do it.
You should also create save points after each battle or in the positions you think are right. This will allow the player to relieve pressure while playing the game.
And finally a complete raw product (as shown above).
5. Let Finish The Design
Once you’ve completed linking the “Bubbles” areas together, you are nearing the finish of the design. Everything is ready, and this is where you add elements of “area width” and “height”.
Designers always have different ways to do this. My priority is usually to design a 2D map first. Because I’m always very good at designing these little details, and 2D maps help me do it faster. However, the choice is still yours. Choose the way you feel most comfortable, how to help you complete the product fast and quality.
Let see the PDF file below for larger and more detailed maps. You can also see how it is designed.
Each box is 2×2 units of the game. By doing this and by writing out the numerical height index (for example: +70 on the map above), we can better understand the metrics.
Remember that everything we do is just a design. As soon as you start doing this task, you will realize a lot of things you are missing out on. So a solid foundation before the work will help you a lot.
I hope this article will help you. Make sure you have other changes than I do. Just do it the way you feel comfortable, or make the results of your work better, so it’s good.
I started this process by exploring all the difficulties and limitations of a level. Having a solid working approach will help you prevent shortcomings and avoid having to redo the design several times.
In the next step, I think about ideas and gather a rough map for the levels: how many areas to design, what will be in each area. This map is usually completed with a list and numbers, especially for linear levels as in my article.
Then I continued to create a Bubble – Diagrams and I could see everything happening in each area very clearly. This gives me a background to understand the flow of the levels.
Everything was nearing completion. Now I will create a rough map to link the “Bubbles” together. I usually design each area (on paper). I then combined the “Bubbles” together. Once I finish this part, I will look again at everything. And if there are any shortcomings or adjustments, I will change immediately. Until I felt the areas fit together, I entered the final step.
The rough map is ready, now I need to design the small details inside of it like the height or width of the area. And I usually use a computer program to do this.
When I make requests from customers, I usually design a map. Map is a tool that I find very useful. And for one more reason, they can also help you with presentations or conversations with your customers.