Glow in C2?

0 favourites
From the Asset Store
5 glow creatures with size, shape and color variations.
  • It looks like Classic Construct had some special effects, but I don't see the same in Construct 2. I'm looking for a way to make objects glow. Here's a YouTube example from an Android game called Evac by Hexage:

    Evac by Hexage

    The effect I'm looking for starts at about 18 seconds with the red glowing monsters, the glow around the pills, etc.

    Another game I want to figure out how to make similar graphics to is Juggle by Denki:

    Juggle by Denki

    Any clues on how to do this?

    PS: I saw the Gleam plugin but it isn't quite what I'm looking for. I'm not really sure how to make the effect visually, let alone the code to do so. Any help appreciated!

  • <img src="http://dl.dropbox.com/u/666516/glow.png" border="0" />

    You can fake it blurring an image, and setting it to position with another sprite, along with the additive effect.

  • Your "glow effect" is nothing more than a colored sprite which borders are blurry (a gradient from the main color to transparent) and displayed with an opacity between 25 and 50 I'd say.

    You can also add an additive effect eventualy.

    Look in the c2\examples folder for the "Sprite effects.capx"

  • <img src="http://dl.dropbox.com/u/666516/glow.png" border="0" />

    You can fake it blurring an image, and setting it to position with another sprite, along with the additive effect.

    This helps a lot. I can figure out how to blur things in Photoshop or some other art program.

    Wow, what a quick and helpful answer.

  • Your "glow effect" is nothing more than a colored sprite which borders are blurry (a gradient from the main color to transparent) and displayed with an opacity between 25 and 50 I'd say.

    You can also add an additive effect eventualy.

    Look in the c2\examples folder for the "Sprite effects.capx"

    This makes the glow effect clear. Look out, Denki, here I come!

    Your explanation of what blurry is (a gradient) helped me even more. I know those from my days studying SVG.

    And your reference to Sprite effects.capx was absolutely the perfect way to understand what additive really is. I'm so new to Construct I didn't even know about the examples folder.

    I am in awe about helpful people here are. Wow, wow, wow!

  • FYI WebGL shaders will bring Classic-level effects to Construct 2, but it came pretty low in our last poll, so it might be a while before it's done.

  • I really look forward to the inclusion of shaders. I completely needed OR and ELSE logic so my vote was for that but shaders are my next vote!

    Bob Thulfram, funny you mentioned SVG because I recently posted about using the SVGCanvas plugin to create a blurring text effect. The filter code, derived from Inkscape, can be used with any SVG.

    You could potentially draw an SVG shape at runtime and apply the filter to it. If your game will involve graphics as simple as those in the Evac game you linked to, I imagine you could use purely that.

    By the way, that Evac game looks great and ironically, the idea of pushing blocks to destroy enemies is an idea I've had in my mind for quite some time now. Though my thought is to destroy the enemies by surrounding them with blocks. Cool game though, that Evac.

  • Try Construct 3

    Develop games in your browser. Powerful, performant & highly capable.

    Try Now Construct 3 users don't see these ads
  • I haven't had a chance to look at the SVGCanvas plugin (yours?). I've been studying SVG for quite a while and may see what I can do with special effects.

    Do you know how much of the (huge) SVG spec the plugin supports?

    Does it allow for DOM scripting?

    By the way, that Evac game looks great and ironically, the idea of pushing blocks to destroy enemies is an idea I've had in my mind for quite some time now. Though my thought is to destroy the enemies by surrounding them with blocks. Cool game though, that Evac.

    Pushing block to kill things is actually one of my all-time favorites: Pengo!

  • Bob Thulfram : I have designed the SVGCanvas plugin to make it possible for you to use SVG string directly for things that I haven't added yet for the moment. So, if you want something that isn't available in the menu now, you can simply "paste" the string. And if you have JS embedded properly in that string (declared properly with [CDATA[ and all), I don't see why you can't use it . There's one catch, though : your script can only manipulate the index.html page, and the SVG DOM. Everything else (apart from some other plugins) in C2 is rasterized on the , so you won't be able to script that.

  • Bob Thulfram : I have designed the SVGCanvas plugin to make it possible for you to use SVG string directly for things that I haven't added yet for the moment. So, if you want something that isn't available in the menu now, you can simply "paste" the string. And if you have JS embedded properly in that string (declared properly with [CDATA[ and all), I don't see why you can't use it . > There's one catch, though : your script can only manipulate the index.html page, and the SVG DOM. Everything else (apart from some other plugins) in C2 is rasterized on the , so you won't be able to script that. Still sounds very cool. Do have any samples to share so I can see it in action? I'm most interested in using the SVG DOM, especially in a programmatic way that is supported by HTML5.

  • Given the new shaders, has anyone found a simple way to do this? I don't think the new webgl blur does exactly this.

  • firebelly, the webgl blur seems to me to do exactly this - what difference do you notice?

  • firebelly, the webgl blur seems to me to do exactly this - what difference do you notice?

    So from my tests, WebGL glow and blur use a Gaussian blur to give that fuzzy glow effect. This is not really what I'm looking for. In the original post there are examples of glow. Where the sprite is full resolution with a glow around it. I have included a picture to describe what I am looking for.

    I don't want the inner sprite to be blured. I want it full res. I want to able to control the blur color.

    Check out the example here.

  • firebelly, you'll want to apply the glow, and an rgb filter, to a duplicate of the object placed behind itself. This should give the effect you are after. I agree it's not the most efficient way to do it, but it's probably your best option until someone writes a custom shader.

  • Thanks for all the helpful info guys this also helped me out too.

Jump to:
Active Users
There are 1 visitors browsing this topic (0 users and 1 guests)