Search the Community

Hello, based on the createjs drag and drop demo, I'm trying to make it so that the circle jumps to the position of the cursor/touch on mousedown. I managed to make the dragging work, but no idea how to make the circle jump to position. createjs.Touch.enable(stage); this.circle_mc.on("pressmove", function (evt) { var point = stage.globalToLocal(evt.stageX, evt.stageY) evt.currentTarget.x = point.x; evt.currentTarget.y = point.y; stage.update(); }); Can anyone help it do something like this? Update: Managed to get it to work using this code in animate: var _this = this; stage.on("stagemousedown", function (evt) { var point = stage.globalToLocal(evt.stageX, evt.stageY) _this.circle_mc.x = point.x; _this.circle_mc.y = point.y; var moveAround = stage.on("stagemousemove", function (evt) { var point = stage.globalToLocal(evt.stageX, evt.stageY) _this.circle_mc.x = point.x; _this.circle_mc.y = point.y; }); stage.on("stagemouseup", function (evt) { stage.off("stagemousemove", moveAround) }, null, true) });

Hi, I manage to figure out how to tween a button's alpha from 1 to 0.5, using tweenjs. Now I can't seem to get it to jump to a certain location after the alpha is 0.5: this.coverBtn.addEventListener("click", coverBtnfadeOutClick.bind(this)); function coverBtnfadeOutClick() { createjs.Tween.get(this.coverBtn) .to({ alpha: 0.5 }, 100, createjs.Ease.none); if (this.coverBtn.alpha == 0.5) { this.coverBtn.x += 100; } } I usually just use onEnterFrame for AS2 in Flash era. How do I do that for html5?

Hi, after browsing the web for hours, I managed to find a code that sort of works: createjs.Sound.on("fileload", handleLoad); createjs.Sound.registerSound("https://s0.vocaroo.com/media/download_temp/Vocaroo_s03IOthwckn1.mp3", "bgmLoop"); function handleLoad(event) { var bgmLoopInstance = createjs.Sound.play("bgmLoop", { interrupt: createjs.Sound.INTERRUPT_ANY, loop: -1 }); } The problems are: 1. The music doesn't loop seamlessly, there's a gap before it starts back again. 2. The music doesn't start in desktop Firefox and Chrome. Anyone have any ideas how to fix? I heard howler.js does loops seamlessly, but I have no idea how to use it together with createjs in Animate CC.

in Animate CC, how do I make a global fadeOut function? In my canvas I have a Square and a Circle movieclip acting as buttons. I want to be able to click on each and have them fadeOut. Instead of writing the fadeOut code individually, is it possible to just usea global function? I don't really know what I'm doing. Found Adobe's page about Convert your ActionScript code to HTML5. I tried my hand at it, but I'm stuck at this: //Square btn this.square_mc.addEventListener("click", square_mcClick.bind(this)); function square_mcClick() { fadeOut(); } // Circle btn this.circle_mc.addEventListener("click", circle_mcClick.bind(this)); function circle_mcClick() { fadeOut(); } // Global fadeOut function function fadeOut() { this.addEventListener('tick', fl_FadeSymbolOut.bind(this)); this.alpha = 1; function fl_FadeSymbolOut() { this.alpha -= 0.01; if (this.alpha <= 1) { this.removeEventListener('tick', fl_FadeSymbolOut.bind(this)); } }

Hello, I'm trying to translate this gotoAndPlay/array framelabel code from as2 into html5, but I'm not having much luck: frameLabel = new Array() frameLabel[0] = "repeat"; frameLabel[1] = "dontrepeat"; rand = random(frameLabel.length); gotoAndPlay(frameLabel[rand]); I got this html5 random array code from somewhere but couldn't make it work: var frameLabel = ["repeat", "dontrepeat"]; var rand = frameLabel[(Math.random() * frameLabel.length) | 0]; this.gotoAndPlay(frameLabel[rand]); Anyone can help?

Hello, I'm Emanuel Trocmaer, I'm HTML5/Androig Games developer. In the last 5 years, I developed over 400 games(dress up games, makeup games, cleaning games, spa games, caring games, baby games, etc). Now, I have some free time and of course, I'm looking for new projects! Thanks in advance! Emanuel!

Hi. I know there has been some discussion about how to export an Animate CC animation for use with Phaser/Pixi on the forums but it all is kind of old so I figured I'd ask to see if there is a new method of doing this. I have a movie clip that has other nested movie clips(each with a timeline animation) that need to be triggered. This is a conversion from Flash and works in createJS but it's really slow and I think would be much better if done with Phaser or Pixi. Also do any of the Phaser IDEs have timeline animators in them? That could also be an option.