JavaScripting

The definitive source of the best
JavaScript libraries, frameworks, and plugins.


  • ×

    HTML5 game framework for web and iOS
    Filed under 

    • 🔾54%Overall
    • 1,401
    • 14.6 days
    • 🕩305
    • 👥19

    #LimeJS

    ##Getting started:

    ###Mac OS X and Linux users:

    • Requirements: Python 2.6+, Git
    • Clone the git repo (you have probably already done that): git clone git://github.com/digitalfruit/limejs.git
    • bin/lime.py --help
    • bin/lime.py init
    • bin/lime.py create helloworld

    • open ./helloworld/helloworld.html in the browser
    • study/tweak the source

    ###Windows users:

    If you consider yourself advanced user and know how to use Git/Python you are probably better off reading through Mac/Linux guide and choosing your best alternative tools/methods yourself. If not then follow this step-by-step route.

    1. Download and install Git bash from http://git-scm.com/download/win (if not already installed). While installing select "Use Git Bash only" and Unix style line endings.
    2. Clone lime git repo or download zip package from https://github.com/digitalfruit/limejs/archive/master.zip
    3. Extract the contents to suitable place on your hard drive. Next examples will use c:\ as the base path.
    4. If you don't have python download and install it from http://www.python.org/download/. Python3 should work fine but 2.7.x is recommended.
    5. Launch Git Bash
    6. Check if you have python installed on your global path by running: python --version

      If this returned error you have to add it to your global path or use full path to binaries in next steps.

      To add python to your global path run:

      echo "export PATH=$PATH:/c/Python27/" >> ~/.bashrc

      This is the longer version if you use Command Prompt instead of Git bash:

      1. Open Control Panel -> System and Security -> System -> Advanced system settings
      2. Under Advanced tab select Environment Variables...
      3. Under system variables find variable named Path.
      4. Select it and click Edit.
      5. Append semicolon and path to the folder you installed python to the value. For example ";C:\Python27\"
      6. Press OK and OK
      7. Restart Command Prompt
      8. Try if it works now
    7. Move to lime base folder cd c:\lime

    8. python bin/lime.py --help

    9. In similar pattern continue from Mac/Linux tutorial from step 3

    ##Browser support:

    • Current: Chrome, Safari 5, Firefox 3.6+, Opera, IE9, Mobile Safari
    • Soon: Android, Blackberry Playbook
    • Maybe: WebOS

    ##Links:

    Closure Library: https://developers.google.com/closure/library/

    Closure Compiler: https://developers.google.com/closure/compiler/

    Closure Templates: https://developers.google.com/closure/templates/

    Box2D: http://www.box2dflash.org/docs/2.0.2/reference/

    Canvas 2D API spec: http://dev.w3.org/html5/2dcontext/

    WebGL spec: http://www.khronos.org/registry/webgl/specs/latest/

    Closure book: http://www.amazon.com/Closure-Definitive-Guide-Michael-Bolin/dp/1449381871/ http://books.google.com/books?id=p7uyWPcVGZsC&&pg=PP1

    Closure video from Google I/O 2010: http://www.youtube.com/watch?v=yp_9q3tgDnQ

    Known issues:

    • lime.py build problems when directories contain spaces
    • ...add your issues to the github page

    Browser issues:

    Missing/broken:

    • Custom WebGL context
    • Sprite fill
    • Web-app installing tutorial
    • Unit tests(partial)
    • Some basic fallback for non supported browsers

    Future:

    • Strokes
    • More shapes
    • Box2D basic integration
    • Different shape masks
    • More transitions
    • Better audio support
    • Local cache support
    • Other mobile platforms support(Android,WebOS,Playbook)
    • Data support(endtable?)
    • Radial Gradients
    • Resources loading
    • Preloader
    • WebGL Renderer
    • Dev console
    • Tiles
    • Scrollers
    • Menus
    • UI controls
    • Video support
    • Markup with templates
    • Integration with MoRe
    Show All