 class FOURTEEN.HeroNoise extends FOURTEEN.BaseComponent
 
 	env = {
-	  autoAnimate: true
-	  speed: 0.6
-	  spreadX: -1
-	  spreadY: -1
-	  rotation: Math.PI/20
-	  scaleEffect: 0
-	  parallaxEffect: 0.01
+		spreadX:  window.innerWidth * 0.5
+		spreadY: window.innerHeight * 0.66
+		speed: 0.02
+		rotation: Math.PI*5
+		scaleEffect: 0 # start with no scale to avoid blur
+		parallaxEffect: 0.2
 	}
 
 	mouseCurrent = {mouseX: window.innerWidth/2, mouseY: window.innerHeight/2}

	# loop between exploded and logo state
	startTimeline: =>
		TweenMax.killTweensOf(env)
		@timeline = new TimelineMax({paused: false, delay: 3})

		@timeline.fromTo(env, 2, {
			spreadX:  window.innerWidth * 0.5


		if @isAnimating then window.requestAnimationFrame(@renderLoop)


	animateIn: (complete) =>
		# add scale effect with delay so they render at full size to avoid blur
		TweenMax.to(env, 1.0, {
			scaleEffect: 1,
			ease: Power2.easeInOut,
			delay: 0.15,
			onComplete: complete
		})
		# fade in
		staggerDelay = 0.7 / 14
		TweenMax.staggerTo(@paths, .8, {
			opacity: 1,
			ease: Power2.easeInOut,
			# onComplete: complete
		}, staggerDelay)

	animateOut: (complete) =>
		# spin out
		numVisible = @$logoEl.children(':visible').length
		staggerDelay = 0.7 / numVisible
		TweenMax.staggerTo(@paths, 0.2, {
			opacity: 0,
			delay: 0.2
			ease: Power4.easeInOut
		}, staggerDelay)
		TweenMax.killTweensOf(env)
		TweenMax.to(env, 1.2, {
		  speed: 0.2
