html5 canvas - EaselJS: Using updateCache() with AlphaMaskFilter When Dragging Mask -


i'm using imported png alpha gradient i'm setting mask reveals bitmap assigned to. mask object draggable (kind of flashlight). know i'm supposed use alphamaskfilter 1 of filters, , know i'm supposed use .updatecache()... i'm not sure i'm using them correctly?

var stage; var assetqueue; var bg; var bgmask; var container; var amf;  $(document).ready(function(){     loadimages();  });  function loadimages() {      // set preload queue     assetqueue = new createjs.loadqueue();       assetqueue.addeventlistener("complete", preloadcomplete);     assetqueue.loadmanifest([{id:"img_bg",src:"images/nintendo-logo-red.jpg"}, {id:"img_bg_mask",src:"images/background_mask.png"}]); }  function preloadcomplete() {     assetqueue.removeeventlistener("complete", preloadcomplete);      init(); }  function init() {     stage = new createjs.stage("stage_canvas");      setbackgrounds();      sizestage();      $(document).mousemove(function(evt){         trackmouse(evt);     }); }  function trackmouse(evt) {     var mousex = evt.pagex;     var mousey = evt.pagey;      // move containing clip around     container.x = mousex - (bgmask.image.width / 2);     container.y = mousey - (bgmask.image.height / 2);       // offset position of masked image.     bg.x = -container.x;     bg.y = -container.y;      container.updatecache();     stage.update(); }  function setbackgrounds() {        bg = new createjs.bitmap(assetqueue.getresult("img_bg"));     bgmask = new createjs.bitmap(assetqueue.getresult("img_bg_mask"));     container = new createjs.container();      container.addchild(bg);     amf = new createjs.alphamaskfilter(bgmask.image)     container.filters = [amf];      container.cache(0, 0, bg.image.width, bg.image.height);      stage.addchild(container);      stage.update(); }  function sizestage() {      var windoww = 600;     var windowh = 600;      stage.canvas.width = windoww;     stage.canvas.height = windowh;      stage.update(); }

solution found (for interested). key add image want mask container. move container position want, offset contained image within container. code has been updated reflect this.


Comments

Post a Comment

Popular posts from this blog

ios - iPhone/iPad different view orientations in different views , and apple approval process -

i force app's home screen portrait , other views landscape. apple rejects app if this? if not , how force first screen launch in portrait mode? , force other screens launch in landscape. this not duplicate question search every possible answer in website. i force app's home screen portrait , other views landscape. apple rejects app if this? no apple not reject app this. have lot of apps doesn't support orientation. forcing on 1 screen won't cause app reject. if not , how force first screen launch in portrait mode? , force other screens launch in landscape. can on write : -(nsuinteger)supportedinterfaceorientations; function.
Read more

java Extracting Zip file -

i'm looking way extract zip file. far have tried java.util.zip , org.apache.commons.compress, both gave corrupted output. basically, input zip file contain 1 single .doc file. java.util.zip: output corrupted. org.apache.commons.compress: output blank file, 2 mb size. so far commercial software winrar work perfectly. there java library make use of this? this method using java.util library: public void extractzipnative(file filezip) { zipinputstream zis; stringbuilder sb; try { zis = new zipinputstream(new fileinputstream(filezip)); zipentry ze = zis.getnextentry(); byte[] buffer = new byte[(int) ze.getsize()]; fileoutputstream fos = new fileoutputstream(this.tempfolderpath+ze.getname()); int len; while ((len=zis.read(buffer))>0) { fos.write(buffer); } fos.flush(); fos.close(); } catch (filenotfoundexception e) { // todo auto-generated catch block ...
Read more

C# WinForm - loading screen -

i ask how make loading screen (just picture or something) appears while program being loaded, , disappears when program has finished loading. in fancier versions, have seen process bar (%) displayed. how can have that, , how calculate % show on it? i know there form_load() event, not see form_loaded() event, or % property / attribute anywhere. all need create 1 form splash screen , show before main start showing landing page , close splash once landing page loaded. class splashform { //delegate cross thread call close private delegate void closedelegate(); //the type of form displayed splash screen. private static splashform splashform; static public void showsplashscreen() { // make sure launched once. if (splashform != null) return; thread thread = new thread(new threadstart(splashform.showform)); thread.isbackground = true; thread.setapartmentstate(apartmentstate.sta); thread....
Read more