alanz2223

Creating a scanning laser effect

Recommended Posts

Hello guys, I am trying to create a sort of scanning laser effect that is emitted from a single point but covers the screen horizontally. Something similar to this. You see that the light is not fairly distributed throughout the emission plane, and it also glows really bright. Here is a playground of what I have so far.. http://www.babylonjs-playground.com/#1HECPU#47 . I am not familiar with anymore properties to edit, any suggestions? and will I need to create my custom shader for it? It seems a bit of a complicated effect to achieve but I don't want to underestimate the standardMaterial. 

Share this post


Link to post
Share on other sites

I did a LOT of 'likes' here.  Fun stuff, you guys! 

I may have to put SSAO learning on-hold, because NasimiAsl's shaderBuilder keeps blowing my mind.  I think I need to make Naz teach it all to me... and I'll try to help him with docs.  That thing is hot hot hot (and very cool)  :)

nasimiAsl.brain.clone( {newparent: Wingnut} );  (enter)

Error:  Insufficient memory and processing power on Wingnut object... for requested operation.

Darn!  :) 

(Wingy scans various things with all these cool laser scanners).

It seems I remember a wireframe scan happening at the beginning of "The Six-Million Dollar Man".  bvvvvvvrrrrrrrrrrt.  [smell of burnt flesh]  heh

Share this post


Link to post
Share on other sites

@NasimiAsl that is truly some fantastic work, thanks. Correct me if I am wrong, but it seems like BabylonX is a tool for creating shaders? I was trying to mix my own color with the first mesh that has noise generation enabled, but I kept on getting undefined errors. Is there a documentation for this tool? I would like to start writing my own, I tried searching 'babylonx' but lets just say I don't recommend you try it at work or school lol (NSFW).

Share this post


Link to post
Share on other sites
8 hours ago, alanz2223 said:

@NasimiAsl that is truly some fantastic work, thanks. Correct me if I am wrong, but it seems like BabylonX is a tool for creating shaders? I was trying to mix my own color with the first mesh that has noise generation enabled, but I kept on getting undefined errors. Is there a documentation for this tool? I would like to start writing my own, I tried searching 'babylonx' but lets just say I don't recommend you try it at work or school lol (NSFW).

You Right in all you words :) This is a new Tools and we (thanks a lot  @wing ) close to Commit Beta version with documantation

you can see from here before commit : https://github.com/RNasimiAsl/Extensions/blob/master/ShaderBuilder/Documentation%20Temp.md

 var matTemp = function (noise) {
			  return new BABYLONX
			  .ShaderBuilder()
			  .SetUniform('co1','vec3')
			  .InLine('vec4 a = vec4(vec3(1.),  min(1.,  pow(0.95/(abs(pos.y)+abs(vuv.x)*0.95)  , 31.)    ));') // Def Result like Red Color
			  .InLine('result = vec4( min(1.,max(0.,a.w))     ,pow( vuv.x/a.w,0.91 ) ,0.,1. );') // Def Result like Red Color
			  .Reference(1)
			  .Solid({ a: 0.0 })
			  .Yellow(1, 'result = vec4(vec3(1.),1.);', { rangeStep: -0.48, rangePower: -0.6 })
			  .InLine('result.xyz = co1;')
			  .InLine(noise ? 'float nois = abs(noise(pos+vec3(time*0.01)))*0.3;':'float nois = 0.;')
			  .InLine('result.w = pow(result.w,3.)*8. -nois ;')
			  .Transparency() 
			  .Back();
		  }
			  
		  mesh.material = matTemp(false/*enable noise*/).BuildMaterial(scene);
		
		 

you can change your wanted color (dynamicly ) with this  

"mesh.material.setVector3('co1', { x: 1/*red*/, y: 1/green*/, z: 1./*blue*/ });   "

your first question can be solve with more matematical stuff so look is very complicated but i explain it for you maybe help

1. i make a plan and change a PivotMatrix for correct rotation ( you can scale that for find your wanted size)

2. i write ' vec4 a = vec4(vec3(1.),  min(1.,  pow(0.95/(abs(pos.y)+abs(vuv.x)*0.95)  , 31.)    )); ' for make laser shape on this face 

http://www.babylonjs-playground.com/#1TYWYB#9

3. i reference this color map and clear all with vec4(0.,0.,0.,0.)

4. use Yellow reference for draw what i need  

           

solid shader link : http://babylonjs.com/cyos/#W2IOW

Share this post


Link to post
Share on other sites

:)  #2 looks like #2.  :D  Is there a sick bird around here?  (In other words, fancy math looks like bird poop, to me.  I am missing the number-loving part of my brain.  It fell out-of my brain during a childhood bicycle accident.)  heh.  

ShaderBuilder is a text-stacker, eh?  It tries to build a shader FOR US, but in certain places where it cannot automate the process, you can insert inLines.  Inserted lines.  Just force them puppies into the stack-o-text that eventually becomes shader code.  It's truly magical.  It is a FAST way to learn shader coding, too (esp with the help of CYOS and this great tutorial).   ShaderBuilder has a very bright future, in my opinion.

The tables at the bottom of the temp docs ... are hand-made at the moment.  After the .ts files for shaderBuilder are complete, those tables will auto-generate from .ts source.  I made them by hand this time... just to help me learn,  and to help Naz (nasimiAsl) and I... to document things.

Regarding 'BABYLONX'... Raanan had some info for me this morning... I will pass it along:

Quote

 The namespace is set to BABYLONX as this is not part of the core features of Babylon.js and is, essentially, an extension. The BABYLON namespace should be used only by the direct components of the framework.

Well there we go.  Folks who understand scopes and namespaces... will know what that means.  Me?  I just turn knobs on the magical Etch-o-Sketch called BabylonJS, and I type 'BABYLONX' whenever/wherever someone says that I should.  heh

Share this post


Link to post
Share on other sites

yeah, shaders are great, already got 100 of them, when i launch babylonjs.

personal experiment: 1 light and a single plane
http://babylonjs-playground.com/#BRSMM#3


with music: (i will play this at a house party, i m pretty sure the girls will like it too)
http://babylonjs-playground.com/#BRSMM#7

 

Share this post


Link to post
Share on other sites
On 4/18/2016 at 6:54 PM, Deltakosh said:

 

Hum..only one problem remains: is a scanner laser red OR green? Star Trek tends to suggest it should green ;) 

 

I couldn't help but to "geek" out and respond to this. Actually, most of the Federation's ship's phasers are red, as well as their handheld weapons (they don't use lasers). Thus as a member of the Federation, I couldn't let this comment simply pass. And after finding myself unable to avoid responding to this, it's hard to believe I actually found a "real" girl to agree to marry me. I'm guessing it's a decision she'll be regretting for a long time.:huh:

Share this post


Link to post
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.
Note: Your post will require moderator approval before it will be visible.

Guest
Reply to this topic...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

Loading...

  • Recently Browsing   0 members

    No registered users viewing this page.