Electricity?

[JackFalcon]

So I'm experimenting with electricity (again). : )

Didn't see anything in searches. 

Ever see anything like that?

 

Thinking low-poly, or cartoonish aok:

      - particle system with little glowing star-diamonds...?

      - animated line bezier (or zig zag line) with emissive light?

      - import from blender animation(possible)

      - and or... spherical harmonics, lasers, and small godray?!?

 

What would you try first?

     - YouTube has some videos of Blender, electric arc's or - Hook Wave: 

      looks like a sine wave!  Only the spark is needed - not the anodes or y movement.

Idea:

      glowing low-poly sine-wave would be cool.... looking at this: https://doc.babylonjs.com/tutorials/how_to_use_curve3

 

Thanks,

   

[Wingnut]

Hi E.  I'd say sinewave-pathed tube with highlightLayer glow.  http://www.babylonjs-playground.com/#LG3GS#150

(Wingnut not author of that... just tweaker)  If you move the camera a little, the glow "flickers".  I like that. 

As your sine tube scales and climbs the ladder, the glow around the arc might also flicker, and I bet that would look nice.

Just one opinion, but... one opinion > 0 replies. 

[JackFalcon]

That is a great starting point! I'll deep-dive docs: animation, curve, morph, and will surface tests in a playground. Thanks!

[Wingnut]

Cool! 

A little warning:  The highlightLayer (I believe) is one of them "downstream" things (post-processing effect)... actually a 2D thing like lens flares and god rays.  They tend to NOT appear on RTT's (renderTargetTextures) and in all places that RTT's are used (screen grabber, possibly mirrorTextures, etc <-- notice lack-of edgesRendering in the four RTT "monitors".  EdgesRenderer is also a downstreamer.  So is outlineRender, showBoundingBox, asciiRender, (likely others), I think.

Little shader critters... camping in the post processing pipes... messin'-with the render frames.  They can be killed with Raid Shader-B-Gone spray. 

Just, you know, expect the highlight layer to disappear when you LEAST want it to. 

So, how DOES a guy make an overhead map view that DOSN'T use RTT's and so... has all of its post-processing crap included?  Viewports, that's how. 

[gryff]

@enwolveren: Maybe there is a shader option and possibly @NasimiAsl could help.

The image below is an electricity shader, applied to a sphere that I used in Unity to create a kind of "gateway" into another world.

I did not write the shader - but maybe something could be created for BJS.

cheers, gryff

 

[JackFalcon]

Very cool... yes, keen to dig into shaders. It could be an electrical orb...similar to that. : )  Thanks @gryff!

[JackFalcon]

Scaled down to size this electricity effect will work.: )

 http://www.babylonjs-playground.com/#LG3GS#151 : )

            var alpha = 0;
            scene.registerBeforeRender(function () {
                tube.rotation.x = Math.PI/2 +alpha++;
            });

I only rotated x....

Perhaps opacity or rotating (white) bezier line in between...  I'll try a few things.

 @Wingnut -> you-tha-man. Solved. But still open to creative ideas ...

Cheers,

 

[hunts]

@enwolveren check this flickering light

http://www.babylonjs-playground.com/#24PQRQ#78

[JackFalcon]

Oh wow, @hunts that is cool, how....? <looking/>. HighlightLayer, nice!. : )

Combining them..

Tazer type electric arc: http://www.babylonjs-playground.com/#LG3GS#157

.innerGlow = true;       

I need to try out highlightlayers and innerGlow more...

Awesome,

 

[hunts]

@enwolveren let's use line instead of tube, look you've got a real tazer:

http://www.babylonjs-playground.com/#24PQRQ#79

[hunts]

On 2017-5-16 at 6:14 PM, enwolveren said:

So I'm experimenting with electricity (again). : )

Didn't see anything in searches. 

Ever see anything like that?

 

Thinking low-poly, or cartoonish aok:

      - particle system with little glowing star-diamonds...?

      - animated line bezier (or zig zag line) with emissive light?

      - import from blender animation(possible)

      - and or... spherical harmonics, lasers, and small godray?!?

 

What would you try first?

     - YouTube has some videos of Blender, electric arc's or - Hook Wave: 

      looks like a sine wave!  Only the spark is needed - not the anodes or y movement.

Idea:

      glowing low-poly sine-wave would be cool.... looking at this: https://doc.babylonjs.com/tutorials/how_to_use_curve3

 

Thanks,

   

I guess this is exactly what we've been looking for:

http://www.babylonjs-playground.com/#24PQRQ#84

[NasimiAsl]

 challange accepted 

[gryff]

1 hour ago, NasimiAsl said:

 challange accepted 

@NasimiAsl : not a challenge, but when it comes to shaders - you are the best

I can give you the Unity shader code if you wish.

cheers, gryff

[NasimiAsl]

thanks when i come to this forum i am beginner in this stuff and i learn from people in here  so need say thanks for this commiunity

 i have plan for this let i do it first 

 

[NasimiAsl]

start  : http://www.babylonjs-playground.com/#22FWI5#3

[Dad72]

I just love it. I will use it for my projects. Thank you for that

[Dad72]

I had fun putting this in one function apart for easy reuse.

http://www.babylonjs-playground.com/#22FWI5#4

[JackFalcon]

You guys -> truerockstars ... great community, many solutions, so much fun.

From yesterday, humble attempt at variating ideas from @Wingnut and @hunts. Thank you.

Combined:  2 rotating tubes, 1 smaller one (white), and 2 larger pulsing (blueish).

http://www.babylonjs-playground.com/#LG3GS#161 ... cartoonish-zap!

Combining with variations above...

Can't wait to see... : )

Cheers,

[JackFalcon]

@hunts wow, "jitter" looks perfect: http://www.babylonjs-playground.com/#24PQRQ#79(line is nice!, like fast spin...creates optical-illusion!)

@NasimiAsl - plasma field very relaxing( like*2 ) http://www.babylonjs-playground.com/#24PQRQ#79 (looking) BABYLONX...InLine('webgl')(mat). Cant wait to see your creation... 

@Dad72 - reusable method, I'll study and utilize http://www.babylonjs-playground.com/#24PQRQ#79 thank you. I see, nice.

 

[gryff]

7 hours ago, NasimiAsl said:

start  : http://www.babylonjs-playground.com/#22FWI5#3

Wow!!! @NasimiAsl: I go to bed and next morning your shader demo. When it comes to shaders - we learn from you!

cheers, gryff

[JackFalcon]

iteration: babylon does electricity really well(imho): http://www.babylonjs-playground.com/#24PQRQ#87 (fixed link)

many possibilities...

[Dad72]

That. Faster and with a transparency on the tube

http://www.babylonjs-playground.com/#24PQRQ#89

[hunts]

alright this just keeps getting better and better:

http://www.babylonjs-playground.com/#24PQRQ#91

or perhaps:

http://www.babylonjs-playground.com/#24PQRQ#92

[JackFalcon]

<div style='float:right'>Like this<div/> ran out of likes...

[NasimiAsl]

@enwolveren  as soon as you can write inLine in Standard material too