Fukami, part 1.1: We bring the scene to the theme of the project
Hello!
In the last article , the concept of a “genetically modified organism” was presented, but the scene was not used according to the theme. In this article I want to tell how and with the help of what tools the art scene was remade. The main changes are as follows:
The main workstation is a PC with Ubuntu 13.10 OS. To work on graphics, GIMP and Inkscape are used in conjunction with the Wacom Bamboo Pen & Touch graphics tablet. In Ubuntu, there is Wacom support out of the box, though you have to configure the buttons through the console ( there are online instructions , so no problem).
Also, based on Ubuntu, it is planned to adjust work with sound and video. In particular, for recording video for this article, the program Record My Desktop was used , which is included in the Ubuntu repository. The sound for the last demo was written from a stereo mixer using Audacity. Video in OGV format and recorded sound reduced in the OpenShot Video Editor. Exported video to OGG Theora format, because The mentioned editor for some reason refused to see the libx264 installed on the system. But OGG Theora is accepted by Youtube without any problems.
To work with Unity3D, so far (I hope so far) have to use a station with Windows (laptop). I tried to run the editor under Wine according to the instructions from Ask Ubuntu - it did not start (it was not possible to initialize the license service).
Ubuntu One (Canonical cloud storage, if anyone does not know) is used to exchange data between workstations. BtSync, apparently due to problems with the firewall, did not start right away (there is no time to figure it out yet). Perhaps go to him in the future.
')
Ubuntu One has created a directory with demo builds. If anyone is interested, send email addresses registered in Ubuntu One, I will send an invite to this directory in response. There I will try to lay out the assembly at least for Windows and Linux. I can't test on a Mac, but on Android I will try in the future.
I'll start, perhaps, with the way I redraw the sprite core. Used for this so-called method " Draloskopirovaniya ." A certain figure of origami is taken as a model (like these ) and imported into a vector pattern as a substrate.
On the substrate is created a draft of the vector skeleton (wireframe). Immediately turn on the magnetization of input nodes to existing ones, so that the contours are closed, because then we will need to fill them.
If spatial thinking skills are developed, then you no longer need a sample. You can correct the location of nodes and go to fill the closed contours.
The fill tool (Fill bounded area) was used. It fills the polygon with the selected color (in this case, 70% gray) and adds a slightly darker border at the border between the fill and the border of the polygon. Fill polygons at the same screen scale, because The thickness of the edging of the fill depends on the scale. The brightness of the selected polygon fill is conveniently controlled by the transparency of the fill (right click on fill -> Fill and Strokes -> Fill tab).
Inkscape has also been used to create a satin sprite atlas. First, the scene was drawn:
Then parts of it were scattered along the canvas and exported to PNG.
For experimental clouds with a striped fill, we used the Objects to Pattern tool in Inkscape.
To create a border of trees for the background landscape, I used the Outset tool in Inkscape.
Script parallax, implemented in Unity3d 2D demo project, uses scaling to emulate the removal of an object from the camera. This is an extra computational load. Therefore, it was decided to abandon it and simply spread the background layers along the Z-axis. By changing the main camera mode from orthogonal to perspective, I received an honest parallax for the background layers and a side effect for avatar sprites and rockets. In the demo project from Unity3D, parts of the avatar body and rockets have already been spaced apart along the Z-axis. In orthogonal camera mode this was not visible. Also, the entire animation of the character, NPC and rockets is also tied to the Z-coordinates of the parts. It was necessary to forward everything by replacing by zero the Z-coordinates in the animation frames. The structure of the resulting scene is shown in the animation below.
In the foreground are blue platforms with mushrooms (Sorting Layer: Foreground in the Sprite Renderer component). Below the Foreground layer is the Character layer, which contains the avatar itself, our GMO with other plants, the earth, and also bushes floating in the background. SpriteRenderer to determine which sprite to place on top of which one is guided by the ones specified in the Sorting Layer and Order in Layer parameters. Accordingly, sprites with a larger value Z-coordinates can still be drawn on top of other sprites. Be careful with the selection of Sorting Layer and Order in Layer.
So in our scene, if in the Sprite Renderer of background bushes you specify Order in Layer more than one or change Sorting Layer to Foreground, the bushes will be drawn over the ground, avatar and vegetation, even though they are farther from the camera.
A view for assessing the perspective is presented below
The work, of course, is still a car and many many small carts. I will highlight a couple of immediate priorities.
After the first article about the project I was contacted by two developers. Therefore, another important task is to adjust the processes so that it is comfortable to work in your free time. As I wrote above, for the exchange of data is used while Ubuntu One. Communication via Skype. Task tracker is not selected yet. This and the formation of the tasks themselves will probably be done in the near future. When will the next update on the project I can not say.
I hope someone my experience will be useful. I will share as far as possible.
THANKS FOR ATTENTION!
In the last article , the concept of a “genetically modified organism” was presented, but the scene was not used according to the theme. In this article I want to tell how and with the help of what tools the art scene was remade. The main changes are as follows:
- Urban theme, buildings and a flying saucer are replaced by plants, views of the plant landscape; replaced the background (sky).
- Added experimental cloud sprites (those that are striped on the KDPV above)
- The main camera mode is changed to perspective (3D); Background sprites are scattered along the Z axis to replace the script parallax with an honest 3D perspective.
- Clouds and fog animations are redone
- The plant's core sprite has been replaced by a more technological hexagonal sprite.
- The animation of the player’s avatar and the breakdown of its parts by the Z-coordinate has been reworked.
Instruments
The main workstation is a PC with Ubuntu 13.10 OS. To work on graphics, GIMP and Inkscape are used in conjunction with the Wacom Bamboo Pen & Touch graphics tablet. In Ubuntu, there is Wacom support out of the box, though you have to configure the buttons through the console ( there are online instructions , so no problem).
Also, based on Ubuntu, it is planned to adjust work with sound and video. In particular, for recording video for this article, the program Record My Desktop was used , which is included in the Ubuntu repository. The sound for the last demo was written from a stereo mixer using Audacity. Video in OGV format and recorded sound reduced in the OpenShot Video Editor. Exported video to OGG Theora format, because The mentioned editor for some reason refused to see the libx264 installed on the system. But OGG Theora is accepted by Youtube without any problems.
To work with Unity3D, so far (I hope so far) have to use a station with Windows (laptop). I tried to run the editor under Wine according to the instructions from Ask Ubuntu - it did not start (it was not possible to initialize the license service).
Ubuntu One (Canonical cloud storage, if anyone does not know) is used to exchange data between workstations. BtSync, apparently due to problems with the firewall, did not start right away (there is no time to figure it out yet). Perhaps go to him in the future.
')
Ubuntu One has created a directory with demo builds. If anyone is interested, send email addresses registered in Ubuntu One, I will send an invite to this directory in response. There I will try to lay out the assembly at least for Windows and Linux. I can't test on a Mac, but on Android I will try in the future.
Inkscape
I'll start, perhaps, with the way I redraw the sprite core. Used for this so-called method " Draloskopirovaniya ." A certain figure of origami is taken as a model (like these ) and imported into a vector pattern as a substrate.
On the substrate is created a draft of the vector skeleton (wireframe). Immediately turn on the magnetization of input nodes to existing ones, so that the contours are closed, because then we will need to fill them.
If spatial thinking skills are developed, then you no longer need a sample. You can correct the location of nodes and go to fill the closed contours.
The fill tool (Fill bounded area) was used. It fills the polygon with the selected color (in this case, 70% gray) and adds a slightly darker border at the border between the fill and the border of the polygon. Fill polygons at the same screen scale, because The thickness of the edging of the fill depends on the scale. The brightness of the selected polygon fill is conveniently controlled by the transparency of the fill (right click on fill -> Fill and Strokes -> Fill tab).
Inkscape has also been used to create a satin sprite atlas. First, the scene was drawn:
Then parts of it were scattered along the canvas and exported to PNG.
For experimental clouds with a striped fill, we used the Objects to Pattern tool in Inkscape.
To create a border of trees for the background landscape, I used the Outset tool in Inkscape.
Honest 3D perspective
Script parallax, implemented in Unity3d 2D demo project, uses scaling to emulate the removal of an object from the camera. This is an extra computational load. Therefore, it was decided to abandon it and simply spread the background layers along the Z-axis. By changing the main camera mode from orthogonal to perspective, I received an honest parallax for the background layers and a side effect for avatar sprites and rockets. In the demo project from Unity3D, parts of the avatar body and rockets have already been spaced apart along the Z-axis. In orthogonal camera mode this was not visible. Also, the entire animation of the character, NPC and rockets is also tied to the Z-coordinates of the parts. It was necessary to forward everything by replacing by zero the Z-coordinates in the animation frames. The structure of the resulting scene is shown in the animation below.
In the foreground are blue platforms with mushrooms (Sorting Layer: Foreground in the Sprite Renderer component). Below the Foreground layer is the Character layer, which contains the avatar itself, our GMO with other plants, the earth, and also bushes floating in the background. SpriteRenderer to determine which sprite to place on top of which one is guided by the ones specified in the Sorting Layer and Order in Layer parameters. Accordingly, sprites with a larger value Z-coordinates can still be drawn on top of other sprites. Be careful with the selection of Sorting Layer and Order in Layer.
So in our scene, if in the Sprite Renderer of background bushes you specify Order in Layer more than one or change Sorting Layer to Foreground, the bushes will be drawn over the ground, avatar and vegetation, even though they are farther from the camera.
A view for assessing the perspective is presented below
What's next?
The work, of course, is still a car and many many small carts. I will highlight a couple of immediate priorities.
- Of course, instead of draft sprites of vegetation, you need to draw something more decent, more creative.
- Add insect sprites exotic appearance.
- Cook finally a more appropriate soundtrack.
- Alter genetics so that you can “shoot the genes” wherever you want.
- Implement objects attaching to the skeleton of the plant - walls, supports, shooters, bullets, and what else will come to mind.
- To realize the sun radiating heat and radiation; realize clouds that give water and electricity.
- Implement a UI showing accumulated resources and available genes.
P.S
After the first article about the project I was contacted by two developers. Therefore, another important task is to adjust the processes so that it is comfortable to work in your free time. As I wrote above, for the exchange of data is used while Ubuntu One. Communication via Skype. Task tracker is not selected yet. This and the formation of the tasks themselves will probably be done in the near future. When will the next update on the project I can not say.
I hope someone my experience will be useful. I will share as far as possible.
THANKS FOR ATTENTION!
Source: https://habr.com/ru/post/207108/
All Articles