Something interesting

[adam]

I can only imagine that few people have made, or understand scripts like this one. So I'm posting it as an object of curiosity for people to play with, and wonder why the heck it works.

It's a script for a status bar, could be any variable with a maximum value, like HP, MP, AP, X, Y, Mousex, Speed(fun one).

PHP Code:

//NPC Created by Rogue Shadow (TCN)
//#CLIENTSIDE
function newBar(scope, x, y, label, drawi, varScope, var, maxValue){
  temp.bar = new TStaticVar();
  
  bar.global = scope;// save scope, so I can do things like global.findimg() later, in the functions
  bar.label = (label == "") ? "HP":label; // using the () ? : syntax to default to the label "HP" if none is given
  bar.x = x; bar.y = y;
  bar.width = 140; bar.height = 10;
  bar.padding = 2;
  bar.currentValue = 0;
  bar.targetValue = 0;
  bar.maxValue = 0;
  bar.real_speed = 1;
  bar.dir = 3;
  bar.drawi = (drawi == "") ? 200:drawi;
  bar.varScope = (varScope == "") ? player:varScope;
  bar.varVar = (var == "") ? "hp":var;
  bar.maxValue = (maxValue == "") ? player.maxhp:maxValue;
  bar.speed = (bar.maxValue/100)*bar.real_speed;
  
  bar.setDrawi = function (i) { this.drawi = i; };
  bar.setDir = function (dir) { this.dir = dir; };
  bar.setSpeed = function (speed) { this.real_speed = speed; };
  bar.onMove = function (x, y) { this.x = x; this.y = y; ontick(this.drawi, true);};
  bar.onResize = function (width, height) { this.width = (width >= 25) ? width:25; this.height = (height >= 25) ? height:25; } ;
  
  bar.setMaxValue = function (value, setcurrent) {
    this.maxValue = value;
    this.speed = (value/100)*this.real_speed;
  };
  
  bar.setValue = function (value){
    this.targetValue = (value < 0) ? 0:value;
    if (this.targetValue > this.maxValue)this.targetValue = this.maxValue;
  };
  
  bar.setVar = function (scope, var, maxvalue, label) {
    this.label = (label == "") ? var:label;
    setMaxValue(maxvalue);
    this.varScope = scope;
    this.varVar = var;
    temp.v = -1;
    with (this.varScope) temp.v = makevar(this.varVar);
    onUpdate();
  };
  
  bar.onUpdate = function () {
    temp.v = -1;
    with (this.varScope)temp.v = makevar(this.varVar);
    if (temp.v != this.lastvalue){
      this.lastvalue = temp.v;
      setValue(temp.v);
    }
    ontick(this.drawi);
    this.scheduleevent(0.05, "Update", null);// useing scheduleevent to create a loop internal to the tstaticvar, kinda neat
  };
  
  bar.ontick = function (index , forceupdate) {
    this.lasti = index;
    temp.dist = this.currentValue - this.targetValue;
    if (temp.dist == 0 && forceupdate == "")return;
    if (abs(temp.dist) <= this.speed){
      this.currentValue = this.targetValue;
    }else{
      this.currentValue -= (temp.dist > 0) ? this.speed:-this.speed;
    }
    if (this.maxValue != 0){
      this.percent = this.currentValue/this.maxValue;
      this.percent2 = this.targetValue/this.maxValue;
    }elseif(forceupdate == "") return;
    
    temp.poly = {this.x + this.width + this.padding, this.y - this.padding,this.x + this.width + this.padding, this.y + this.height + this.padding, this.x - this.padding, this.y + this.height + this.padding,this.x - this.padding, this.y - this.padding};
    temp.x1 = { this.x + this.width , this.x + this.width, this.x + this.width, this.x + this.width * this.percent};
    temp.y1 = { this.y + this.height - ( this.height * this.percent) , this.y, this.y, this.y };
    temp.x2 = { this.x + this.width, this.x + this.width, this.x + this.width, this.x + this.width * this.percent};
    temp.y2 = { this.y + this.height, this.y + this.height, this.y + this.height * this.percent, this.y + this.height };
    temp.x3 = { this.x, this.x + this.width - ( this.width * this.percent), this.x, this.x };
    temp.y3 = { this.y + this.height, this.y + this.height, this.y + this.height * this.percent, this.y + this.height };
    temp.x4 = { this.x, this.x + this.width - ( this.width * this.percent), this.x, this.x };
    temp.y4 = { this.y + this.height - ( this.height * this.percent), this.y, this.y, this.y };
    temp.poly2 = {temp.x1[this.dir], temp.y1[this.dir], temp.x2[this.dir], temp.y2[this.dir], temp.x3[this.dir], temp.y3[this.dir], temp.x4[this.dir], temp.y4[this.dir]};
    temp.x1 = { this.x + this.width, this.x + this.width - (this.width * this.percent), this.x + this.width, this.x + this.width * this.percent2};
    temp.y1 = { this.y + this.height - ( this.height * this.percent2) , this.y, this.y + this.height * this.percent, this.y };
    temp.x2 = { this.x + this.width, this.x + this.width - (this.width * this.percent), this.x + this.width, this.x + this.width * this.percent2};
    temp.y2 = { this.y + this.height - (this.height * this.percent), this.y + this.height , this.y + this.height * this.percent2, this.y + this.height };
    temp.x3 = { this.x,this.x + this.width - (this.width * this.percent2), this.x, this.x + this.width * this.percent };
    temp.y3 = { this.y + this.height - (this.height * this.percent), this.y + this.height, this.y + this.height * this.percent2, this.y + this.height };
    temp.x4 = { this.x, this.x + this.width - (this.width * this.percent2), this.x, this.x + this.width * this.percent };
    temp.y4 = { this.y + this.height - ( this.height * this.percent2), this.y, this.y + this.height * this.percent, this.y };
    temp.poly3 = {temp.x1[this.dir], temp.y1[this.dir], temp.x2[this.dir], temp.y2[this.dir], temp.x3[this.dir], temp.y3[this.dir], temp.x4[this.dir], temp.y4[this.dir]};

    with (this.global.findimg(index)){
      polygon = temp.poly;
      red = 0; green = 0; blue = 0;
      layer = 4;
    }
    index ++;
    with (this.global.findimg(index)){
      polygon = temp.poly2;
      green = .3; red = 1; blue = .2;
      layer = 5;
    }
    index ++;
    with (this.global.findimg(index)) {
      polygon = temp.poly3;
      green = 1; red = .3; blue = .3;
      layer = 6;
    }
    index ++;
    with (this.global.findimg(index)) {
      x = thiso.x + thiso.padding + thiso.width + 4;
      y = thiso.y - 4 ;
      text = thiso.label;
      zoom = 0.7;
      layer = 7;
    }
    index ++;
    with (this.global.findimg(index)) {
      x = thiso.x + thiso.padding + thiso.width + 4;
      y = thiso.y - 29;
      text = thiso.currentValue @ "/" @ thiso.maxValue;
      zoom = 0.7;
      layer = 7;
    }
    index ++;
    
    return index;
    
  };
  
  bar.onUpdate();// starts the update loop =D
  return temp.bar;
}

function onCreated(){                                            
  // all you need to do, is to store the newbar somewhere on creation, and your done, no need to mess with loops or anything
  // now you have a fully animated self-updating status bar thing!
  //                    Scope, x,  y,   label,  draw index start, var scope,  var name,  max value
  this.bars.add( newBar( this, 10, 200, "Mouse X", 200 , this, "mousex", 64 ));
  this.bars.add( newBar( this, 10, 240, "Mouse Y", 205 , this, "mousey", 64 ));
} 


[xAndrewx]

haha cool

[adam]

hehe, I made it make hundreds of bars, made them spiral around the screen, while all animating smoothly. Fun to watch.

[Crow]

I don't think it's a very uncommon thing to do. I've also made and released dynamic (to some point at least) status bar code. Been a while though, and it's not exactly what I wanted it to be initially, but I suppose it works a bit like yours, at least to some degree.

[adam]

Never did post the video did I.
The bars track mousex and mousey for demo purposes.

[cbk1994]

FYI you can probably do this a lot easier with...

PHP Code:

temp.bar = new TStaticVar();

bar.whatever = "yea";
bar.join("statusbar"); 


then in class 'statusbar':

PHP Code:

function onCreated() {
  // whatever
}

public function setDrawi(i) {
  this.drawi = i;
}
// etc 


[adam]

Yeah, I was just thinking about that actually. It's mostly that I never realized I could do it the way I did until recently. Ya know, it's 'new to me' syndrome, I just wanna do it that way. And it's also just a one line declaration this way.

[cbk1994]

Originally Posted by adam

Yeah, I was just thinking about that actually. It's mostly that I never realized I could do it the way I did until recently. Ya know, it's 'new to me' syndrome, I just wanna do it that way. And it's also just a one line declaration this way.

Generally I do something like this (using custom projectiles as an example of something I used it for)

PHP Code:

CustomProjectile = new TStaticVar();
CustomProjectile.join("projectile"); 


then in other scripts I can just do

PHP Code:

temp.proj = new CustomProjectile();

proj.x = 10;
proj.y = 12;
proj.angle = pi / 2;
proj.speed = 5;

proj.fire(); 


I guess you could also make a function for them but I prefer variables to long arrays of parameters.

Also sorry if I come off as condescending, I like the way you did it, just wanted to point this out as well in case anyone doesn't know about it .

[adam]

Indeed, I appreciate your input. I was considering the variables, or even setter functions for altering variables, as long arrays of arguments do get annoying. Using 'new' at all is kinda new to me. But inevitable on my road to understanding things others do not.

I'm also working on something new with similar idea's in implementation.