Start a new topic

a custom rendered camera image using a shader for a scanning effect.

a custom rendered camera image using a shader for a scanning effect.


Hi..

I just read wikitude blog news. I wanna ask about feature the feature with a custom rendered camera image using a shader for a scanning effect (like an example picture in the blog). How to build scanning effect like that?

 

thanks

 

Hi budi nandang,

 

the scanning effect you are referring to is implemented using the input plugin feature published with the Wikitude JS SDK 5.2.0 and the Wikitude Native SDK 1.3.0; in fact the correspondig samples of our sample applications showcase exactly this effect ("Custom Camera").

 

Input plugins allow you to control the image stream that is fed into the SDK as well as take control of the rendering thereof. In this case the Custom Camera input plugin provides its own camera feed and renders it using a simple GLSL scanning shader effect.

 

The code is readily available in the download packages of our SDKs. YUVFrameInputPlugin.h/.cpp are the files you are looking for; they also contain the shader code. We also host detailed documentation on this sample on our documentation pages under "Input Plugins API".

 

Kind regards

Daniel

 

EDIT: An unoptomized version of the shader can be found here: https://www.shadertoy.com/view/Xs3SWH . This version should be much more readable than what we have in the sample code.

Thank you Daniel.

 

Is it possible using cordova plugin? or must native only

 

Regards,

 

budi

 

 

Hi budi nandang, 

 

As of now you can only do this with the JS SDK and the native SDK.

 

Kind regards

Daniel
Login or Signup to post a comment