Construct2: Simple 2D Starfield Effect (top-down)

It's been a long time since I was inspired to write a tutorial. But now I am able to provide you one more idea for Construct2 use.

There are probably several ways to implement top-down 2D starfield effect in Construct2, but I think this is one of the easiest ones. By using this method, you will need only two particle objects to implement very simple starfield in no time!

From events point of view you will need only "on start of layout" event, like this:










This example was build for window size of 480x640 pixels, but the layout itself is twice as high (480x1280px). The reason for this is that particle object generates particles from single point only. User can define the size and direction of the cone, but it is not possible to change the width of the creation point. So all generated stars are not moving exactly to the same direction (motion is not parallel). You can get rough idea of layout view from the figure below.



To make stars moving as parallel as possible, I decided to create both particle objects on top of layout (coord 240,0). Camera is positioned to the center of lower half of the layout (coord 240, 640*1.5). One particle object is creating stars of 1px, and the second one particles of 3px (plus some variation in size). There is also some opacity randomization added to particle_small object to make some blinking effect. The setups for both particle objects are visible below:


Another noteworthy thing is the lack of so-called "prewarm" function in C2 particle object. This means it takes some time for C2 to fill whole screen with stars, especially when particle object is far away from the visible part of layout. My solution to this was to use kind of an layout mask combined with initialization time: In the beginning of layout layoutMask object was set to "visible" and system time scale was increased to 30 (meaning that time runs 30x faster). After bit over one second ("wait 35 seconds" in example) layoutMask was set invisible and time scale was set back to 1. Now we have fille whole screen with moving stars. I guess this is poor man's version of Unity3D's "particle prewarm" behavior. :)

If you want to have several types (or colors) of particles, then you will need more particle objects. One particle object can create only one kind of a particles. However, the size of particles can vary in one particle object. But as always, it is fully up to you how to continue forward with this! :)

-Jussi


Comments

Post a Comment

Popular posts from this blog

Unity3D mirror using camera and RenderTexture

Image
There are several ways to create mirror in Unity3D. Some of them require more scripting than others, but I will now present an easy way using just one extra camera and RenderTexture.  In this solution you will use RenderTexture on an object and place camera behind that object. This is easy option that does not require scripting. Alternatively you can use reflective shader, but it requires some more work. Seven small steps to create object with mirror RenderTexture: Create new Unity project. It is recommended to use latest LTS version (Long Term Support).I was using Unity 2020.1.3f1 version for this example.   Create plane object for ground and Cube for the mirror object. Scale both objects to match your needs.  Create new camera for attaching the RenderTexture. Position it inside recently created cube and adjust direction so that it is pointing out to the direction where mirror should be reflecting the image.  Create RenderTexture. Name it as you wish. No need to modify any other setti
Read more

Construct 2: if-then-elseif-else statement

Image
Do you have an idea how to implement IF-THEN-ELSEIF-ELSE statement with Construct 2? At least I had to think for a while how to do it. It seems that this basic structure is not so straightforward to implement in C2. I was creating a very simple game where boxes were moving from left to right. See example below: The color of each box is chosen randomly, so it required the usage of random() function and if-then-else statement. There are probably several ways to do this, but I wanted to make this as simple as possible inside one single event and action box.  Normally I would create a if-then-elseif-else structure like this to select color for the box (pseudo-code just for an example): if randomNumber == 0       set colorOfBox = "red" else if randomNumber == 1       set colorOfBox = "yellow" else if randomNumber == 2       set colorOfBox = "green" else       set colorOfBox = "blue" end if But when using Construct 2 t
Read more

Unity3D: Convert Seconds to hh:mm:ss Format

Image
Update 17.8.2021: Replaced obsolete Monodevelop with Visual Studio where applicable.  I have gradually started to use Unity3D for game development. So far I have been doing very small and simple test codes just to learn how certain things should be done with Unity. But now I have an example that might be of interest for other wannabe-Unity3D users, at least those who are struggling with converting seconds to HH:MM:SS format. :) So lets begin with this example. First of all, start Unity3D and create new project. This example uses the console only for outputting result, so project can be either 2D or 3D. Whichever you prefer. Create empty object to your scene ( ctrl+shift+N ), or use pulldown menu ( GameObject->Create Empty ). Select empty object and rename it e.g. to " Timer ". Add new C# script component to empty object and name it as " TimerActions " ( Add Component->New Script->write name and select Csharp as script type ): Open TimerAction
Read more