We use cookies to ensure that we give you the best experience on our website. If you continue to use this site we will assume that you are happy with it.

Ok, I Agree

Set outline parameters via Javascript

Home › Forums › Programming › Set outline parameters via Javascript

Tagged: 

Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • 2020-05-11 at 9:32 am #27444
    web
    Customer

    I’m trying to change outline parameters via JavaScript.

    In the “visual_logic.js”. I tried the following parameter to change the outline color but I’m getting “cannot read property ‘outlinePass’ of undefinded”.
    appInstance.postprocessing.outlinePass.visibleEdgeColor = new v3d.Vector4(0,0,1,1)

    Also I would like to know if someone could tell me the paramters to set all possible outline effects? For example “render hidden edge” or “edge strength” etc.

    2020-05-11 at 9:50 am #27445
    web
    Customer

    Was a bit too early with writing here. Setting the outline color is working the way I described above. There was just a browser caching issue.

    So for everyone who is interested in setting outline effects via JavaScript, these are the commands:

    appInstance.postprocessing.outlinePass.visibleEdgeColor = new v3d.Vector4(0,0,1,1);
appInstance.postprocessing.outlinePass.hiddenEdgeColor = new v3d.Vector4(0,1,0,1);
appInstance.postprocessing.outlinePass.edgeStrength = 3;
appInstance.postprocessing.outlinePass.edgeGlow = 0;
appInstance.postprocessing.outlinePass.edgeThickness = 4;
appInstance.postprocessing.outlinePass.pulsePeriod = 0;

    The only thing I could figure out, is how to set “Render Hidden Edge”. Tried it this way, but doesnt seem to have any effect:
    appInstance.postprocessing.outlinePass.renderHiddenEdge = false;

    2020-05-11 at 11:12 am #27450
    Yuri Kovelenov
    Staff

    thanks for sharing your solution!

    web wrote:

    is how to set “Render Hidden Edge”.

    this is alpha channel of hiddenEdgeColor, 0 or 1

    appInstance.postprocessing.outlinePass.hiddenEdgeColor.setW(1);

    Chief 3D Verger | LinkedIn | Twitter

    2020-05-11 at 12:57 pm #27455
    web
    Customer

    Ah, okay. Neat hack^^

    2021-11-25 at 11:15 am #47230
    brotchen
    Participant

    Hello, sorry to bump this old topic.

    I have a question about the javascript part for the outline effect.
    I’m trying to use the puzzle block “exec script” where it executes the specified js code.

    Basically, I have a cube and another smaller cube hidden inside it. I’m trying via the exec script puzzle to temporally activate the “Render Hidden egdes” option when clicking on the visible cube but I cant figure out what to write exactly, even using the answer from Yuri : “appInstance.postprocessing.outlinePass.hiddenEdgeColor.setW(1);”

    nothing happens. Is there a specific way to write this?

    Attachments:
    You must be logged in to view attached files.
    2021-11-25 at 4:03 pm #47240
    Yuri Kovelenov
    Staff

    Hi,

    try using app instead:

    app.postprocessing.outlinePass.hiddenEdgeColor.setW(1);

    Chief 3D Verger | LinkedIn | Twitter

    2021-11-26 at 8:16 am #47265
    brotchen
    Participant

    Hello Yuri,
    It worked great! Thank you! :good:

    Attachments:
    You must be logged in to view attached files.
    2022-06-03 at 8:44 am #52639
    saalemv3d
    Participant

    Hi Yuri,

    function runCode(app) {
    //some code
    }
    app.scene.appInstance.outline(test, ‘ENABLE’);
    app.postprocessing.outlinePass.visibleEdgeColor = new v3d.Vector4(0, 0, 1, 1);

    How to enable outline and change its color outside the runCode function?
    My code structure is something like the above but enabling outline and changing its color give error.

  • Author
    Posts
Viewing 8 posts - 1 through 8 (of 8 total)
  • You must be logged in to reply to this topic.