Any good tricks to create light beams like this screenshot?

Discussion and feedback on Construct 2

Post » Mon May 05, 2014 6:10 pm

I've tried a bunch of methods using C2, and closest I've come to is using 100+ particles, but it just doesn't seem resource efficient. Not blaming C2 engine, since duplicating this effect in Unity/Unreal/other engines using particles are also resource intensive.

Does anyone know how these large professional game companies accomplish this, both efficiently and seamlessly?

Another way is to use a sprite but how to generate such a sprite in the first place?

Image


screenshot is from starcraft 2
B
4
G
1
Posts: 19
Reputation: 353

Post » Mon May 05, 2014 7:48 pm

This beams look's like sine. You have to learn math to create this effect, I think.

But here another try with canvas plugin. Maybe, this not exactly what you want, but it just idea to you of how to trick.
https://docs.google.com/file/d/0B3iZ60F3QWxTVVY5dG1ramJRVXM/edit
B
57
S
19
G
10
Posts: 191
Reputation: 9,606

Post » Mon May 05, 2014 9:33 pm

The only reasonable facsimiles would be done via frames, or webgl since Starcraft is, well.....3d.
Image ImageImage
B
168
S
50
G
164
Posts: 8,227
Reputation: 105,573

Post » Thu May 08, 2014 9:25 am

You can make this with after effect and then export it as png's
Search for free after effect templates you may found some.
Image
B
60
S
10
G
10
Posts: 1,013
Reputation: 9,155

Post » Thu May 08, 2014 1:34 pm

http://drilian.com/2009/02/25/lightning-bolts/

Extrapolate to construct, it's not complicated and i think that its very cool.
B
32
S
7
G
2
Posts: 164
Reputation: 3,774

Post » Thu May 08, 2014 2:42 pm

@ByR

Interesting link - thanks for sharing.
If your vision so exceeds your ability, then look to something closer.
Moderator
B
131
S
29
G
81
Posts: 5,328
Reputation: 56,630

Post » Thu May 08, 2014 11:13 pm

Sprite with inner and outer glow in Photoshop. 3 frames with variations in bolts.

No fancy code or maths, just some sprites.

For the origin, spawn a glowing circle sprite at that point, and on impact, spawn another glowing circle at that point. If you want to make it travel until it hits a target, just do a every tick increase width by X, and when it hits the target, stop.
B
70
S
24
G
19
Posts: 1,757
Reputation: 17,614

Post » Fri May 09, 2014 3:37 pm

The easiest way is indeed the sprite method. Create some bolt-like sprites (make sure the origin and target points are aligned) and alternate between frames every tick. Set the width of the sprite to be the distance of the origin and target points (this can go so far because of the stretching). On this site http://ekdidyma.web.uowm.gr/ I used this method for the electrical bolts and they update dynamically in relation to their origin/target position.
composer - multimedia artist
www.eli0s.com/en/
B
68
S
26
G
4
Posts: 1,146
Reputation: 9,649

Post » Fri May 09, 2014 5:57 pm

Here is a practical example. A bit of a mess, but you'll figure it out I think :)
You do not have the required permissions to view the files attached to this post.
composer - multimedia artist
www.eli0s.com/en/
B
68
S
26
G
4
Posts: 1,146
Reputation: 9,649

Post » Sat May 10, 2014 6:42 am

That example is awsome!
B
51
S
9
G
2
Posts: 153
Reputation: 3,488

Next

Return to Construct 2 General

Who is online

Users browsing this forum: jefftrier and 3 guests