帮酷LOGO
0 0 评论
  • 显示原文与译文双语对照的内容
文章标签:接口  触摸  Virtual  Joystick  interfaces  INT  cap  
A virtual joystick for touch capable interfaces.

  • 源代码名称:nipplejs
  • 源代码网址:http://www.github.com/yoannmoinet/nipplejs
  • nipplejs源代码文档
  • nipplejs源代码下载
  • Git URL:
    git://www.github.com/yoannmoinet/nipplejs.git
  • Git Clone代码到本地:
    git clone http://www.github.com/yoannmoinet/nipplejs
  • Subversion代码到本地:
    $ svn co --depth empty http://www.github.com/yoannmoinet/nipplejs
    Checked out revision 1.
    $ cd repo
    $ svn up trunk
    
  • alt tag

    用于触摸屏接口的vanilla虚拟游戏杆

    NPM

    table-内容

    安装

    npm install nipplejs --save
    //OR
    bower install nipplejs --save

    演示

    请查看这里的演示。

    用法

    按照需要将它的导入项目中:

    // CommonJSvar manager =require('nipplejs').create(options);
    // AMDdefine(['nipplejs'], function (nipplejs) {
     var manager =nipplejs.create(options);
    });
    //Global
    <scriptsrc="./dist/nipplejs.min.js"></script>
    <script>var manager =nipplejs.create(options);</script>

    命令行选项

    你可以通过不同的方式配置游戏杆:

    var options = {
     zone:Element, // active zone color:String,
     size: Integer,
     threshold: Float, // before triggering a directional event fadeTime: Integer, // transition time multitouch:Boolean,
     maxNumberOfNipples:Number, // when multitouch, what is too many? dataOnly:Boolean, // no dom element whatsoever position:Object, // preset position for 'static' mode mode:String, // 'dynamic', 'static' or 'semi' restJoystick:Boolean,
     restOpacity:Number, // opacity when not 'dynamic' and rested catchDistance:Number// distance to recycle previous joystick in// 'semi' mode};

    所有选项都是可选



    文章标签:INT  接口  cap  Virtual  触摸  interfaces  Joystick  

    Copyright © 2011 HelpLib All rights reserved.    知识分享协议 京ICP备05059198号-3  |  如果智培  |  酷兔英语