Featured Section Effect- Connecting Lines Changing Colour

  • Resolved
    Posted in: Highend WP Theme  
  • Customer
    Al Point
    October 26, 2015 at 5:58 pm #62256

    Hi Team, I’m trying to change the colours on Connecting Lines feature. I have found the following instructions on the forum elsewhere..
    Please open up HighendWP > scripts > canvas-lines.js and locate this line:
    ctx.strokeStyle = ‘rgba(156,217,249,’+ p.active+’)’;


    I cant find the line as described in the script file below……

    !function(){function e(){u=document.getElementById(“slider-section”),jQuery(“#slider-section”).hasClass(“fullscreen-image”)?jQuery(“#main-wrapper”).hasClass(“hb-boxed-layout”)?(f=u.offsetWidth,h=window.innerHeight):(f=window.innerWidth,h=window.innerHeight):(f=u.offsetWidth,h=u.offsetHeight),w={x:f/2,y:h/2},u.style.height=h+”px”,v=document.getElementById(“hb-canvas-effect”),v.width=f,v.height=h,g=v.getContext(“2d”),m=[];for(var e=0;f>e;e+=f/20)for(var t=0;h>t;t+=h/20){var n=e+Math.random()*f/20,i=t+Math.random()*h/20,o={x:n,originX:n,y:i,originY:i};m.push(o)}for(var a=0;a<m.length;a++){for(var r=[],c=m[a],s=0;s<m.length;s++){var y=m[s];if(c!=y){for(var p=!1,b=0;5>b;b++)p||void 0==r[b]&&(r[b]=y,p=!0);for(var b=0;5>b;b++)p||d(c,y)<d(c,r[b])&&(r[b]=y,p=!0)}}c.closest=r}for(var a in m){var x=new l(m[a],2+2*Math.random(),”rgba(255,255,255,0.3)”);m[a].circle=x}}function t(){“ontouchstart”in window||window.addEventListener(“mousemove”,n),window.addEventListener(“scroll”,i),window.addEventListener(“resize”,o)}function n(e){var t=posy=0;e.pageX||e.pageY?(t=e.pageX,posy=e.pageY):(e.clientX||e.clientY)&&(t=e.clientX+document.body.scrollLeft+document.documentElement.scrollLeft,posy=e.clientY+document.body.scrollTop+document.documentElement.scrollTop),w.x=t,w.y=posy}function i(){y=document.body.scrollTop>h?!1:!0}function o(){jQuery(“#slider-section”).hasClass(“fullscreen-image”)?jQuery(“#main-wrapper”).hasClass(“hb-boxed-layout”)?(f=u.offsetWidth,h=window.innerHeight):(f=window.innerWidth,h=window.innerHeight):(f=u.offsetWidth,h=u.offsetHeight)}function a(){r();for(var e in m)c(m[e])}function r(){if(y){g.clearRect(0,0,f,h);for(var e in m)Math.abs(d(w,m[e]))<4e3?(m[e].active=.3,m[e].circle.active=.6):Math.abs(d(w,m[e]))<2e4?(m[e].active=.1,m[e].circle.active=.3):Math.abs(d(w,m[e]))<4e4?(m[e].active=.02,m[e].circle.active=.1):(m[e].active=0,m[e].circle.active=0),s(m[e]),m[e].circle.draw()}requestAnimationFrame(r)}function c(e){hb_gs.TweenLite.to(e,1+1*Math.random(),{x:e.originX-50+100*Math.random(),y:e.originY-50+100*Math.random(),ease:hb_gs.Circ.easeInOut,onComplete:function(){c(e)}})}function s(e){if(e.active)for(var t in e.closest)g.beginPath(),g.moveTo(e.x,e.y),g.lineTo(e.closest[t].x,e.closest[t].y),g.strokeStyle=”rgba(156,217,249,”+e.active+”)”,g.stroke()}function l(e,t,n){var i=this;!function(){i.pos=e||null,i.radius=t||null,i.color=n||null}(),this.draw=function(){i.active&&(g.beginPath(),g.arc(i.pos.x,i.pos.y,i.radius,0,2*Math.PI,!1),g.fillStyle=”rgba(156,217,249,”+i.active+”)”,g.fill())}}function d(e,t){return Math.pow(e.x-t.x,2)+Math.pow(e.y-t.y,2)}var f,h,u,v,g,m,w,y=!0;e(),a(),t()}();

    Can you help…..

    Sorry, this forum is for verified users only. Please Login or Register to continue

Comments are closed.