Anders Athletic Design

Members
  • Content count

    13
  • Joined

  • Last visited

About Anders Athletic Design

  • Rank
    Member
  • Birthday
  1. Quick feedback. Looks lovely but I also had problems playing although I immediately grasped the Pang! concept. I had to reload to restart. Very promising though.
  2. I really like all kinds of Snake-game and this is well done. I only played to level 6 but I may continue later. I did a Nibbler-with-puzzles in Flash many years ago: http://www.athleticarcade.com/agrowingboa/index.html It is very different from your game but one day I will make a sequel and I may find some inspiration in your game. Your game reminded me a lot about certain levels from Chocolate Castle - a PC-downloadable that I played about ten years ago.
  3. You can set blue.mouseEnabled to false and you can, of course, also simply remove the listener temporarily. Hiding with overlapping graphics won't work unless you check for top-most object blue.addEventListener('mouseover', function(e) { if(e.currentTarget === stage.getObjectUnderPoint(e.stageX, e.stageY)){ alert('blue hover') } }, false); It's not perfect, however, as mouseover will not be triggered when the mouse moves from overlapped area to visible area.
  4. Yes, it's irritating and it did not work like that in Flash if I remember correctly. As far as I know, you'll have to check if the target is the top-most object with container.getObjectUnderPoint() http://www.createjs.com/docs/easeljs/classes/Container.html#method_getObjectUnderPoint
  5. I don't think there is an "easy" way to do it, but one way is to simply chain several tweens in a row. .to({y:solidOriginalY - 50} , 600).to( {... Another way is to loop and keep count in a "change" event handler and then stop the tween/loop from there: .to({y:solidOriginalY - 50}, 600 ,createjs.Ease.SineIn) .addEventListener("change", handleChange); function handleChange(e){ //check your counter and then e.target.removeTweens(e.target.target) //solidsAnim.removeTweens(icon) }
  6. The websiste is VERY temporary. Strange it wouldn’t load. Please try again, it’s only 3-4 MB. Thanks for trying and for the feedback!
  7. My third timeline game is finished. http://www.athleticarcade.com/educational/timeline/greece/ I have posted about the two previous ones here: http://www.html5gamedevs.com/topic/23445-timeline-ancient-rome-createjs/ http://www.html5gamedevs.com/topic/25493-timeline-first-states-empires-createjs/ This time I have made more illustrations than ever but unfortunately I have not had much time to work on the 'engine' itself. In other words: if you have tried the previous ones, you won't find much you haven't seen before. That said, I think this is the best one yet
  8. Thank you! I kind of like the checkered background but I can see that some find it a bit 'simplistic'. I do have some other ideas but I haven't tried them yet.
  9. My second timeline game is finished. http://athleticarcade.com/educational/timeline/firststates/ The first game about ancient Rome was also posted here http://www.html5gamedevs.com/topic/23445-timeline-ancient-rome-createjs/ This time I use more pictures & photos. I have attempted to make it more accessible, but it may not have the same depth as the Rome game. I learn with each game and hopefully the next (classical Greek) will be even better. I also aim to add slick effects for each game. To this I added 'parallax' scrolling background. Hopefully subtle enough to not be distracting..
  10. Thank you for valuable feedback. We don’t want to repeat ”which year” in every question to save space. Our convention is to present an event in precent tense. Sometimes it doesn’t work well. I have changed the question in question to: “At the height of Pax Romana, the PANTHEON with its 43 m diameter dome is completed”. Not perfect, but better. Yes, perhaps manual panning/zooming of the timeline should never be required. It’s main purpose is to enable study of the timeline between questions and levels. When you know how to do it, it is actually very comfortable but it may cause confusion as a very short pan/zoom will count as a click (I will try to shorten it). There are instructions on how to control the timeline but they are easy to miss. At least the manual panning is only required on the very last level – so well done for reaching it and the impressive score! Thanks, yes it has crossed my mind to let it evolve to a tool. There are a lot of other problems, which I am aware of. It is especially tricky to make it work for both total beginners and students of history. For casual players a world history overview will probably work much better. I also plan to add some effects to spice up the look and feel of the game. But as it is meant to be quite serious, I can't go overboard. I will now add new "chapters" but even the Rome chapter will probably see a lot of changes as I go along.
  11. easeljs

    I have not yet worked with the alpha filters but for a normal mask I don't think there is an easy way of doing it. I would probably have made the inverted mask in Flash IDE and then exported it with Toolkit For CreateJS. That is, the exported mask would be a big rectangle with a cut out circle in the middle. A 100x100 rect with a 33 diameter circle in the middle produces the following code: this.shape = new cjs.Shape(); this.shape.graphics.beginFill("rgba(255,255,255,0.761)").beginStroke().moveTo(-50,50).lineTo(-50,-50).lineTo(50,-50).lineTo(50,50).closePath() .moveTo(-12.2,-12.1).curveTo(-17,-7.3,-17,-0.5).curveTo(-17,6.4,-12.2,11.1).curveTo(-7.3,16,-0.5,16).curveTo(6.4,16,11.1,11.1).curveTo(16,6.4,16,-0.5).curveTo(16,-7.3,11.1,-12.1).curveTo(6.4,-17,-0.5,-17).curveTo(-7.3,-17,-12.2,-12.1).closePath();
  12. I have not yet worked with the alpha filters but for a normal mask I don't think there is an easy way of doing it. I would probably have made the inverted mask in Flash IDE and then exported it with Toolkit For CreateJS. That is, the exported mask would be a big rectangle with a cut out circle in the middle. A 100x100 rect with a 33 diameter circle in the middle produces the following code: this.shape = new cjs.Shape(); this.shape.graphics.beginFill("rgba(255,255,255,0.761)").beginStroke().moveTo(-50,50).lineTo(-50,-50).lineTo(50,-50).lineTo(50,50).closePath() .moveTo(-12.2,-12.1).curveTo(-17,-7.3,-17,-0.5).curveTo(-17,6.4,-12.2,11.1).curveTo(-7.3,16,-0.5,16).curveTo(6.4,16,11.1,11.1).curveTo(16,6.4,16,-0.5).curveTo(16,-7.3,11.1,-12.1).curveTo(6.4,-17,-0.5,-17).curveTo(-7.3,-17,-12.2,-12.1).closePath();
  13. Hi all, After some struggle I have finished my first Html5 game. http://www.athleticarcade.com/educational/timeline/rome/ I have made Flash games before and as I used the CreateJS libraries I still used Flash a lot for design and animation. This game is the first in a series of game as I plan to cover the world history. I will use the same base for the all games and hope to churn out games the coming months.... It's obviously meant to be both educational and entertaining. I'm not sure how well it works. It plays pleasantly but it may not be the most spectacular game. I have a lot of other educational concepts that I am dying to try once I have all the timeline games ready