GBear Posted December 2, 2015 Share Posted December 2, 2015 i have other problem for 'OVER' and 'OUT'; Goblins of Red Outline are 'OVER' Normal Goblins are normal.. OVER : HAS OUTLINE FILTEROUT: DELETE OUTLINE FILTER Mouse move To Yellow arrowand then goblin can't get OUT EVENT until Last goblin get 'OUT' EVENT var spineContainer = null;function runMain() { var renderer = PIXI.autoDetectRenderer(1920, 1080); document.body.appendChild(renderer.view);// create the root of the scene graph var stage = new PIXI.Container();// load spine data PIXI.loader //.add('f1', './f1_default/f1.json') //.add('f1', './f1_rotate/f1.json') //.add('f1', './f1/f1.json') .add('f1', './raptor/raptor.json') //.add('f1', './goblin/goblins-mesh.json') //.add('f1', './goblin/goblins.json') //.add('f1', './goblin/goblins-mesh-leak.json') //.add('f1', './goblin/goblins-mesh_all_delete.json') .load(onAssetsLoaded); var dragon = null; var dragonCage = new PIXI.Container(); spineContainer = dragonCage; // add the container to the stage stage.addChild(dragonCage); function onAssetsLoaded(loader,res) { for(var i = 0; i < 1; ++i){ // instantiate the spine animation dragon = new PIXI.spine.Spine(res.f1.spineData); dragon.skeleton.setToSetupPose(); dragon.update(0); dragon.autoUpdate = false; dragon.interactive = true; dragon.inex = i; dragon.on('mousedown', function(){ console.log('mousedown', this.inex); }); dragon.on('mouseover', function(){ console.log('mouseover', this.inex); this.filters = [ new PIXI.filters.GlowFilter( this.width, this.height, 1, 1.1, 0, 0xEF0000, //parseInt(0xff00000, 16), 3 ) ] }); dragon.on('mouseout', function(){ console.log('mouseout', this.inex); this.filters = null; }); // create a container for the spine animation and add the animation to it dragonCage.addChild(dragon); if(0){ var skeleton = dragon.skeleton; skeleton.setSkinByName("goblin"); skeleton.setSlotsToSetupPose(); } if(1){ // measure the spine animation and position it inside its container to align it to the origin var localRect = dragon.getLocalBounds(); dragon.position.set(500 + (i*50)%1500, 500 + parseInt(((i*50)/1700))*70 ); //dragon.position.set(-localRect.x + JLib.random(-500, 1920 - 1500), JLib.random(1000, 1000)); var scale = 0.5;//JLib.randomf(0.5, 0.5); dragon.scale.set(scale, scale); } // once position and scaled, set the animation to play dragon.state.setAnimationByName(0, 'walk', true); } animate(); } var elased = Date.now(); var delta = 0; function animate() { delta = (Date.now() - elased)/1000; elased = Date.now(); requestAnimationFrame(animate); for (var i in spineContainer.children) { //stage.children[i].children[0].update(0.0166666); spineContainer.children[i].update(delta/100); } renderer.render(stage); }}; <!doctype html><html><head> <title>S Proejct by Pixi 2.2.7</title> <meta charset='utf-8'> <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0"> <link rel="stylesheet" type="text/css" href="../../css/jandi.css"/> <style> body { width: 100%; height:100%; margin: 0; padding: 0; background-color: #1c94c4; } </style> <script type="text/javascript" src="../../js/libe/pixi.3.0.8.js"></script> <script type="text/javascript" src="../../js/libe/pixi-spine.js"></script> <script type="text/javascript" src="../../js/libe/pixi-extra-filters.js"></script> <script type="text/javascript" src="main.js"></script></head><body><select id="select"></select><input type="file"></label><div id="stat"></div><div id="main" width=1280' height='720'></div><!-- main --><script>runMain()</script></body></html>Attached Thumbnails How can i resolve this.. Quote Link to comment Share on other sites More sharing options...
ivan.popelyshev Posted December 2, 2015 Share Posted December 2, 2015 Please dont post huge png-s here, do it at pasteboard.co . I have problem every time Im trying to reply to your posts Is that with or without gpupatch? Quote Link to comment Share on other sites More sharing options...
GBear Posted December 3, 2015 Author Share Posted December 3, 2015 this is withhout gpupatch.. ... but with gpupatch is samethis is always happened with spine(maybe). Please dont post huge png-s here^^ok.. Quote Link to comment Share on other sites More sharing options...
xerver Posted December 3, 2015 Share Posted December 3, 2015 Have you tried adding stopPropagation to your mouseover/out events? Quote Link to comment Share on other sites More sharing options...
GBear Posted December 4, 2015 Author Share Posted December 4, 2015 Sure and then i can look more and more wierd situation... with StopPropagaion..that situation happened when mouse move up to down..if mouse move down to up and then i can't almost see that . Quote Link to comment Share on other sites More sharing options...
GBear Posted December 4, 2015 Author Share Posted December 4, 2015 hi. this seem to be happened by my fault.. thx everybody .. Quote Link to comment Share on other sites More sharing options...
Recommended Posts
Join the conversation
You can post now and register later. If you have an account, sign in now to post with your account.
Note: Your post will require moderator approval before it will be visible.