Tweening the propertie of an object literal

[bromel]

Good Evening

 

I am wanting to tween a property of a javascript object. For example I simply want to change Obj.coeficient.value to = 5.

Below is my object example.

var Obj = {
  coeficient:{
    type: "f",
    value:0.39
  },
  glowColor: {
    type: "g",
    value:5
  },
  power: {
    type: "a",
    value:2
  },
}

I have done a simple codepen to try and illustrate the problem. Any help will be extremely useful.

 

bromel

See the Pen evbYPX by w9914420 (@w9914420) on CodePen

[Carl]

Thanks for the pen. A mere typo.

In your object you had coeficient but in all your TweenMax code you had coeficent.

 

update all your code to use coefficient and you are good;)

var Obj = {
  coefficient:{
    type: "f",
    value:0.39
  },
  glowColor: {
    type: "g",
    value:5
  },
  power: {
    type: "a",
    value:2
  },
}






TweenMax.to(Obj.coefficient, 5, {value:5,
   onUpdate:function(){
   console.log(Obj.coefficient.value)
   document.getElementById("log").innerHTML = Obj.coefficient.value;


}})

[PointC]

If I had a dime for every time I've had a weird typo and stared at it for 10 minutes wondering what I did wrong, I'd have a pretty big box of dimes. Those little things drive me crazier than complex logic problems. 

 

Happy tweening.

[bromel]

Brilliiant, many many tnxs Carl