Wednesday, May 4, 2011

Mibbu - javascript html5 game framework

I have just published initial release of Mibbu - my javascript microframework for fast game prototyping. To be honest - it is just set of functions and patterns I use always when I write my games. It is more a sandbox, starting place with basic tools, than a real framework (that's why I called it 'microframework'). It provides sprite animations, basic operations like movement or collisions, scrolling backgrounds and drawing on both - canvas or DOM. It uses DOM only when it is not possible to use Canvas (like in older IEs), but you can force it to do so with one single function (canvasOff()) - then it will be drawn with divs & imgs. It is the same mechanics I have used in OpenOdyssey or Janpu. I will try to write something more about using Mibbu later this week.

114 comments:

  1. Dzięki!!! :)

    ReplyDelete
    Replies
    1. yes, I was working on it even today:). I will implement plugin support for everything more than sprite animations and collision detection, so it will be easy to write your own plugin or choose form that already published and customize Mibbu for your needsدانلود آهنگ جدید

      Delete
  2. Nice! do you plan add Isometric support?

    ReplyDelete
  3. yes, I was working on it even today:). I will implement plugin support for everything more than sprite animations and collision detection, so it will be easy to write your own plugin or choose form that already published and customize Mibbu for your needs

    ReplyDelete
  4. Thanks for fast reply, Best of Good Luck with this!

    ReplyDelete
  5. Hi. Thanks for sharing.
    Though I've got a question and hope to get the answer :)
    what should I do to move frames horizontally but no vertically ?
    Thanks in advance.

    ReplyDelete
  6. you have to modify draw() function in sprites module (https://github.com/michalbe/mibbu/blob/master/mibbu.js#L283), just switch t.animation with t.f. I think I will prepare plugin for this also because a lot of people ask for this. I have completely no idea why:).

    ReplyDelete
  7. Oh, and after that you should change it in the dom part also (lines 296 & 297)

    ReplyDelete
  8. Appreciate your rapidly response, Best of Dolphins, good luck this!


    _________________
    WOW Gold

    ReplyDelete
  9. Thanks for sharing your info. I really appreciate your efforts and I will be waiting for your further write ups thanks once again.
    html5 converter

    ReplyDelete

  10. Both Java and JavaScript are commonly used web technologies. The similarities between their names often make beginners feel that JavaScript and Java are related.
    For more information: javascript

    ReplyDelete
  11. David Walsh is Mozilla’s senior web developer, and the core developer for the MooTools Javascript Framework. David’s blog reflects his skills in HTML/5, JS and CSS, and offers a ton of engaging advice and insight into front-end technologies. Even more obvious is his passion for open source contribution and trial-and-error development, making his blog one of the most honest and engaging around.
    Website: davidwalsh.name

    ReplyDelete
  12. This comment has been removed by the author.

    ReplyDelete
  13. David Walsh is Mozilla’s senior web developer, and the core developer for the MooTools
    Javascript Framework. David’s blog reflects his skills in HTML/5, JS and CSS, and offers a ton
    of engaging advice and insight into front-end technologies. Even more obvious is his passion
    for open source contribution and trial-and-error development, making his blog one of the
    most honest and engaging around.
    Website: davidwalsh.name

    ReplyDelete
  14. David Walsh is Mozilla’s senior web developer, and the core developer for the MooTools Javascript Framework. David’s blog reflects his skills in HTML/5, JS and CSS, and offers a ton of engaging advice and insight into front-end technologies. Even more obvious is his passion for open source contribution and trial-and-error development, making his blog one of the most honest and engaging around.
    Website: davidwalsh.name

    ReplyDelete
  15. David Walsh is Mozilla’s senior web developer, and the core developer for the MooTools Javascript Framework. David’s blog reflects his skills in HTML/5, JS and CSS, and offers a ton of engaging advice and insight into front-end technologies. Even more obvious is his passion for open source contribution and trial-and-error development, making his blog one of the most honest and engaging around.
    Website: davidwalsh.name

    ReplyDelete
  16. David Walsh is Mozilla’s senior web developer, and the core developer for the MooTools Javascript Framework. David’s blog reflects his skills in HTML/5, JS and CSS, and offers a ton of engaging advice and insight into front-end technologies. Even more obvious is his passion for open source contribution and trial-and-error development, making his blog one of the most honest and engaging around.
    Website: davidwalsh.name

    ReplyDelete
  17. David Walsh is Mozilla’s senior web developer, and the core developer for the MooTools Javascript Framework. David’s blog reflects his skills in HTML/5, JS and CSS, and offers a ton of engaging advice and insight into front-end technologies. Even more obvious is his passion for open source contribution and trial-and-error development, making his blog one of the most honest and engaging around.
    Website: davidwalsh.name

    ReplyDelete
  18. David Walsh is Mozilla’s senior web developer, and the core developer for the MooTools Javascript Framework. David’s blog reflects his skills in HTML/5, JS and CSS, and offers a ton of engaging advice and insight into front-end technologies. Even more obvious is his passion for open source contribution and trial-and-error development, making his blog one of the most honest and engaging around.
    Website: davidwalsh.name

    ReplyDelete
  19. David Walsh is Mozilla’s senior web developer, and the core developer for the MooTools Javascript Framework. David’s blog reflects his skills in HTML/5, JS and CSS, and offers a ton of engaging advice and insight into front-end technologies. Even more obvious is his passion for open source contribution and trial-and-error development, making his blog one of the most honest and engaging around.
    Website: davidwalsh.name

    ReplyDelete
  20. David Walsh is Mozilla’s senior web developer, and the core developer for the MooTools Javascript Framework. David’s blog reflects his skills in HTML/5, JS and CSS, and offers a ton of engaging advice and insight into front-end technologies. Even more obvious is his passion for open source contribution and trial-and-error development, making his blog one of the most honest and engaging around.
    Website: davidwalsh.name

    ReplyDelete
  21. David Walsh is Mozilla’s senior web developer, and the core developer for the MooTools Javascript Framework. David’s blog reflects his skills in HTML/5, JS and CSS, and offers a ton of engaging advice and insight into front-end technologies. Even more obvious is his passion for open source contribution and trial-and-error development, making his blog one of the most honest and engaging around.
    Website: davidwalsh.name

    ReplyDelete
  22. David Walsh is Mozilla’s senior web developer, and the core developer for the MooTools Javascript Framework. David’s blog reflects his skills in HTML/5, JS and CSS, and offers a ton of engaging advice and insight into front-end technologies. Even more obvious is his passion for open source contribution and trial-and-error development, making his blog one of the most honest and engaging around.
    Website: davidwalsh.name

    ReplyDelete
  23. David Walsh is Mozilla’s senior web developer, and the core developer for the MooTools Javascript Framework. David’s blog reflects his skills in HTML/5, JS and CSS, and offers a ton of engaging advice and insight into front-end technologies. Even more obvious is his passion for open source contribution and trial-and-error development, making his blog one of the most honest and engaging around.
    Website: davidwalsh.name

    ReplyDelete
  24. David Walsh is Mozilla’s senior web developer, and the core developer for the MooTools Javascript Framework. David’s blog reflects his skills in HTML/5, JS and CSS, and offers a ton of engaging advice and insight into front-end technologies. Even more obvious is his passion for open source contribution and trial-and-error development, making his blog one of the most honest and engaging around.
    Website: davidwalsh.name

    ReplyDelete
  25. David Walsh is Mozilla’s senior web developer, and the core developer for the MooTools Javascript Framework. David’s blog reflects his skills in HTML/5, JS and CSS, and offers a ton of engaging advice and insight into front-end technologies. Even more obvious is his passion for open source contribution and trial-and-error development, making his blog one of the most honest and engaging around.
    Website: davidwalsh.name

    ReplyDelete
  26. David Walsh is Mozilla’s senior web developer, and the core developer for the MooTools Javascript Framework. David’s blog reflects his skills in HTML/5, JS and CSS, and offers a ton of engaging advice and insight into front-end technologies. Even more obvious is his passion for open source contribution and trial-and-error development, making his blog one of the most honest and engaging around.
    Website: davidwalsh.name

    ReplyDelete
  27. David Walsh is Mozilla’s senior web developer, and the core developer for the MooTools Javascript Framework. David’s blog reflects his skills in HTML/5, JS and CSS, and offers a ton of engaging advice and insight into front-end technologies. Even more obvious is his passion for open source contribution and trial-and-error development, making his blog one of the most honest and engaging around.
    Website: davidwalsh.name

    ReplyDelete
  28. David Walsh is Mozilla’s senior web developer, and the core developer for the MooTools Javascript Framework. David’s blog reflects his skills in HTML/5, JS and CSS, and offers a ton of engaging advice and insight into front-end technologies. Even more obvious is his passion for open source contribution and trial-and-error development, making his blog one of the most honest and engaging around.
    Website: davidwalsh.name

    ReplyDelete
  29. David Walsh is Mozilla’s senior web developer, and the core developer for the MooTools Javascript Framework. David’s blog reflects his skills in HTML/5, JS and CSS, and offers a ton of engaging advice and insight into front-end technologies. Even more obvious is his passion for open source contribution and trial-and-error development, making his blog one of the most honest and engaging around.
    Website: davidwalsh.name

    ReplyDelete
  30. David Walsh is Mozilla’s senior web developer, and the core developer for the MooTools Javascript Framework. David’s blog reflects his skills in HTML/5, JS and CSS, and offers a ton of engaging advice and insight into front-end technologies. Even more obvious is his passion for open source contribution and trial-and-error development, making his blog one of the most honest and engaging around.
    Website: davidwalsh.name

    ReplyDelete
  31. This site truly has all of the information and facts I wanted about this subject and didn’t know who to ask.
    Rice Purity Test
    purity test
    rice purity
    the rice purity test

    ReplyDelete
  32. Thanks for sharing this awesome list.your blog is one of the best ive seen,i love it,kindly visit my site..

    ReplyDelete
  33. Thank you very much for this blog, I learned a lot of it,,

    ReplyDelete
  34. Good day, I'm grateful to make this blog because I learned a lot here

    ReplyDelete
  35. I often find a site that your blog is unique and enables read friend thanks

    ReplyDelete
  36. Thanks for share nice travel blog commenting list.This sites so useful about commenting.Once again thanks for post nice job.

    ReplyDelete
  37. this blog is really enjoyable, thank you for making it because of it I learned a lot

    ReplyDelete
  38. I need to to thank you for your time due to this fantastic read!! I definitely enjoyed every bit of it and I have you bookmarked to see new information on your blog.
    Java Training in Bangalore
    Ui Development Training in Bangalore

    ReplyDelete
  39. Great article! We will be linking to this great article on our website. Keep up the good writing. http://iuok.ir
    http://iuok.ir ابزار وبلاگ

    ReplyDelete
  40. This was a great post. what you said is really helpful to me and it was really interesting as well. Keep up with your good work. Fashion bloggers in India

    ReplyDelete
  41. https://www.shine900.com/ 카지노사이트
    https://www.shine900.com/sands/ 샌즈카지노
    https://www.shine900.com/theking/ 더킹카지노
    https://www.shine900.com/first/ 퍼스트카지노
    https://www.shine900.com/33casino/ 33카지노
    https://www.shine900.com/gatsby/ 개츠비카지노
    https://www.shine900.com/merit/ 메리트카지노

    ReplyDelete
  42. https://www.gain777.com/ 카지노사이트
    https://www.gain777.com/sands/ 샌즈카지노
    https://www.gain777.com/theking/ 더킹카지노
    https://www.gain777.com/first/ 퍼스트카지노
    https://www.gain777.com/thezone/ 더존카지노
    https://www.gain777.com/yes/ 예스카지노
    https://www.gain777.com/super/ 슈퍼카지노

    ReplyDelete
  43. https://www.betting33.com/ 카지노사이트
    https://www.betting33.com/yes/ 예스카지노
    https://www.betting33.com/gangnam/ 강남카지노
    https://www.betting33.com/blank-1/ 샌즈카지노
    https://www.betting33.com/king/ 더킹카지노
    https://www.betting33.com/first/ 퍼스트카지노
    https://www.betting33.com/merit/ 메리트카지노

    ReplyDelete
  44. https://www.syy577.com/ 카지노사이트
    https://www.syy577.com/33casino/ 33카지노
    https://www.syy577.com/merit/ 메리트카지노
    https://www.syy577.com/gatsby/ 개츠비카지노
    https://www.syy577.com/super/ 슈퍼카지노
    https://www.syy577.com/mcasino/ 퍼스트카지노
    https://www.syy577.com/sands/ 샌즈카지노

    ReplyDelete
  45. https://www.dok222.com/ 바카라사이트
    https://www.dok222.com/yescasino11/ 예스카지노
    https://www.dok222.com/sands/ 샌즈카지노
    https://www.dok222.com/thekingcasino11/ 더킹카지노
    https://www.dok222.com/merit/ 메리트카지노
    https://www.dok222.com/firstcasino11/ 퍼스트카지노

    ReplyDelete
  46. https://www.qqueen700.com/ 카지노사이트
    https://www.qqueen700.com/sands/ 샌즈카지노
    https://www.qqueen700.com/thekingo/ 더킹카지
    https://www.qqueen700.com/merit/ 메리트카지노
    https://www.qqueen700.com/firstcasino11/ 퍼스트카지노
    https://www.qqueen700.com/yescasino11/ 예스카지노
    https://www.qqueen700.com/baccarat/ 슈퍼카지노

    ReplyDelete
  47. https://www.cacash9.com/ 카지노사이트
    https://www.bts82.com/ 카지노사이트
    https://www.hgame88.com/ 카지노사이트
    https://www.hgame75.com/ 카지노사이트
    https://www.hgame79.com/ 샌즈카지노
    https://www.hgame82.com/ 우리카지노

    ReplyDelete
  48. https://www.ekffo150.com/theking
    https://www.ekffo150.com/merit
    https://www.ekffo150.com/yes
    https://www.ekffo150.com/first
    https://www.ekffo150.com/sands
    https://www.ekffo150.com/joy
    https://www.ekffo150.com/royal
    https://www.ekffo150.com/starclub
    https://www.ekffo150.com/asian
    https://www.ekffo150.com/superman

    ReplyDelete
  49. https://www.ekffo150.com/sands
    https://www.ekffo150.com/joy
    https://www.ekffo150.com/royal
    https://www.ekffo150.com/starclub
    https://www.ekffo150.com/asian
    https://www.ekffo150.com/superman
    https://www.ekffo150.com/gatsby
    https://www.ekffo150.com/33casino
    https://www.ekffo150.com/ondasino
    https://www.ekffo150.com

    ReplyDelete
  50. https://www.ajp4949.com/theking
    https://www.ajp4949.com/merit
    https://www.ajp4949.com/sands
    https://www.ajp4949.com/first
    https://www.ajp4949.com/33casino
    https://www.ajp4949.com/worldcasino
    https://www.ajp4949.com/korea
    https://www.ajp4949.com/

    ReplyDelete

  51. https://www.bgj4949.com/
    https://www.bgj4949.com/sands
    https://www.bgj4949.com/theking
    https://www.bgj4949.com/first
    https://www.bgj4949.com/yes
    https://www.bgj4949.com/33
    https://www.bgj4949.com/world
    https://www.bgj4949.com/super
    https://www.bgj4949.com/korea
    https://www.bgj4949.com/gatsby

    ReplyDelete
  52. agenangka adalah situs togel yang selalu update tentang togel hari ini dan merupakan agen togel terbaik

    ReplyDelete
  53. 카지노사이트 https://bit.ly/3jJC3LW
    바카라사이트 https://bit.ly/3rVi9QK
    온라인카지노 https://bit.ly/3jRaPmv
    스카이카지노 https://bit.ly/3a0Opei
    크레이지슬롯 https://tinyurl.com/y3ufpqwy
    다이아몬드7카지노 https://tinyurl.com/y2w3d5rz
    골드피쉬카지노 https://bit.ly/2MADEYg

    ReplyDelete
  54. Xanax belongs to the benzodiazepines drug, which is using to address anxiety, panic disorder, and stress by stimulating the disturbed and unbalanced chemicals in the brain. Xanax offers calming effects in the brain to enhance the productivity evaluator's consultation and guidelines. Buy Xanax online

    buy xanax online

    ReplyDelete
  55. This combination medication is used to alleviate moderate to severe pain. Hydrocodone contains both the things an opioid (narcotic) pain reliever (hydrocodone) and a non-opioid pain reliever (acetaminophen). Hydrocodone works inside the brain to vary how your body adjusts feels and responds to pain. buy hydrocodone online

    buy hydrocodone online

    ReplyDelete
  56. Oxycontin may be a brand of Oxycodone, this is often the controlled-release Oxycodone tablets, intended to be taken every 12 hours. Oxycodone may be a semi-synthetic opioid synthesized from thebaine, an opioid alkaloid found in the Persian poppy, and one among the various alkaloids found within the Papaver somniferous. buy oxycontin online

    buy oxycodone online

    ReplyDelete
  57. Adderall Online is being used under the observation of health experts to address ADHD and narcolepsy without causing any future health issues. Therefore, it works to promote a healthy and progressive mindset by reducing the impact of aggression, stress, and anger. and the formula of Adderall is C9H13N.buy Adderall online

    buy adderall online

    ReplyDelete
  58. Oxycontin may be a brand of Oxycodone, this is often the controlled-release Oxycodone tablets, intended to be taken every 12 hours. Oxycodone may be a semi-synthetic opioid synthesized from thebaine, an opioid alkaloid found in the Persian poppy, and one among the various alkaloids found within the Papaver somniferous. buy oxycontin online

    buy oxycontin online

    ReplyDelete
  59. Thank you for sharing information.It was great article and very informative
    "AchieversIT is the best Training institute for react js training.
    digital marketing training in bangalore "

    ReplyDelete
  60. We have notice some very good content here and we nice reading.buy tramadol online and we also want us to read this blog post .buy diazepam online if you want to know more about .buy subutex online you should read here for more .buy vyvanse online to make a blog site is not easy so read here how to make blog site .buy hydrocodone online with free hosting and more site too.

    ReplyDelete
  61. What a great content we have here buy georgia pie cookies online as we browse we also see this blog too and is pretty good buy gary payton cookies online we also realize that blog are good for business we also bring buy eskimo cookies online best blog to visit
    order berner cookies online thanks for checking on this post

    ReplyDelete
  62. Thanks for sharing What an interesting site you have i really take a good look buy carfentanil online and you can also take a good look at our blog too for more information buy jwh-018 online we also recommend you to take a good look at this site too they have good content more of the site still want you to take a closer look too as they have really good content thanks for using your time to check on the link .buy a-pvp online

    ReplyDelete
  63. We have notice some very good content here and we nice reading.buy bio cocaine online and we also want us to read this blog post .order cocaine online if you want to know more about .buy blueberry kush online you should read here for more .buy crack cocaine online to make a blog site is not easy so read here how to make blog site .buy colombian cocaine online with free hosting and more site too.

    ReplyDelete
  64. Hmm , very interesting thoughts! I think In order for more interested people to read your thoughts, you should post it on Instagram, and use the services of https://viplikes.net/ to quickly increase the amount of followers.

    ReplyDelete