javascript - EaselJS: Strange behaviours when extending Container class -

-

i'm trying extend container class strange behavior(at least strange me). i've created , item "class" in same manner it's done in createjs. i'm adding shape object when setvalue invoked. here item class:

this.test = this.test||{};  (function() {     "use strict";  var item = function() {   this.initialize(); };  var p = item.prototype = new createjs.container();           p.initialize = function() {          };           p.setvalue = function(color){              if (this.hasownproperty("bg"))                 this.removechild(this.bg);             this.bg = new createjs.shape();             this.bg.graphics.beginfill(color).drawroundrect(-50/2,-50/2,50,50,4);             this.addchildat(this.bg);          };          p.getvalue = function(){             return this.value;         };  test.item = item; }());

now in html perform following operations. create 2 objects , expect each of them create 1 child item of different color. result each item instance contains 2 shapes , both item object looking identical. when change position of "bg" shape of second object, changes in first item object well.

function init()  {     canvas = document.getelementbyid("canvas");     stage = new createjs.stage(canvas);         createjs.ticker.addeventlistener("tick", stage);          var item1 = new test.item();         stage.addchild(item1);         item1.setvalue("#555555");         item1.x = 50;         item1.y = 50;          var item2 = new test.item();         stage.addchild(item2);         item2.setvalue("#999999");         item2.x = 300;         item2.y = 50;          item2.bg.x += 10;         item2.bg.y += 10;          stage.update();   }

i've attached screenshot. i'm using latest createjs version. container class i'm trying extend here.

enter image description here

this weird way extend classes, really. had same issues extending stuff in createjs. wouldn't recommend use createjs.extend method. here's better way of extending things (the 1 use createjs), hope helps:

// class inheritance helper // may called before or after define childclass' prototype var _extends = function(childclass, parentclass) {     var f = function() { };     f.prototype = parentclass.prototype;      // copy child prototype methods in case there defined     for(var m in childclass.prototype)     {         f.prototype[m] = childclass.prototype[m];     }      childclass.prototype = new f();     childclass.prototype.constructor = childclass;     childclass.prototype._super = parentclass.prototype;         };

here's how can extend createjs

var mycontainer = function() {     // don't forget call '_super' methods, otherwise you'd overwrite them     this._super.constructor.call(this);     // smth later on     this.bg = new createjs.shape(); } // ... can extend or later on, after done class mycontainer.prototype.createbg = function(color) {     this.bg.graphics.beginfill(color).drawroundrect(-50/2,-50/2,50,50,4);     this.addchild(bg); } // extend 'container' _extends(mycontainer, createjs.container);

Comments

Post a Comment

Popular posts from this blog

C# random value from dictionary and tuple -

-
i have following code, , need random item contains string "region_1" dictionary. public static dictionary<int, tuple<string, int, currencytype>> itemarray = new dictionary<int, tuple<string, int, currencytype>>() { { 0xb3e, new tuple<string, int, currencytype>("region_1", 1500, currencytype.fame) } }; public static int generateitemid(string shopid) { var generateditem = itemarray.elementat(new random().next(0, itemarray.count)).key; } how select this? it's not possible efficiently... first create static random @ class level... prevent non-random behaviour if run query on short period of time... (it's seeded discrete clock) static random rnd = new random(); then: var item = itemarray.values .where(t => t.item1 == shopid) .orderby(_ => rnd.next()) .firstordefault()
Read more

cgi - How do I interpret URLs without extension as files rather than missing directories in nginx? -

-
so i'm trying install zoneminder , have run under nginx, has few compiled files need run using fast-cgi. these files lack extension. if file has extension, there no issue , nginx interprets file , return 404 if can't find it. if has no extension, assume it's directory , return 404 when can't find sort of index page. here have now: # security camera domain. server { listen 888; server_name mydomain.com; root /srv/http/zm; # enable php support. include php.conf; location / { index index.html index.htm index.php; } # enable cgi support. location ~ ^/cgi-bin/(.+)$ { alias /srv/cgi-bin/zm/; fastcgi_pass unix:/run/fcgiwrap.sock; fastcgi_param script_filename $document_root/$1; include fastcgi.conf; } } the idea is, under cgi-bin directory goes through fastcgi pipe. any idea on howi can fix this? upon closer inspection, realized zoneminder has 2 cgi sc...
Read more

.htaccess - htaccess convert request to clean url and add slash at the end of the url -

-
ok , searched more 4 days , more 20 posts here in stach or in websites without kind of success first here htaccess file rewriteengine on rewriterule ^([a-za-z0-9_]+)/?$ index.php?page=$1 [nc] rewriterule ^([a-za-z0-9_]+)\/([a-za-z0-9_]+)\/?$ index.php?page=$1&action=$2 [nc] i tried many codes 1 worked me can call request , works me www.example.com/pagename => www.example.com/index.php?page=pagename here questions , please provide me information "in detail" understand code well 1- how convert request automatically www.example.com/index.php?page=pagename www.example.com/pagename 2- if tried add slash @ end shows me page without images or styling mean www.example.com/pagename => works www.example.com/pagename/ => doesn't work that's :) for first part need 301 rule this: rewritecond %{the_request} /index\.php\?page=([^\s&]+) [nc] rewriterule ^ /%1? [r=301,l] for second part use absolute path in css, js, images files r...
Read more