dragonbones.github.com/features.html at master · andrewjavao/dragonbones.github.com · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
<!doctype html>
<!--[if lt IE 7 ]><html lang="en" class="no-js ie6"><![endif]-->
<!--[if IE 7 ]><html lang="en" class="no-js ie7"><![endif]-->
<!--[if IE 8 ]><html lang="en" class="no-js ie8"><![endif]-->
<!--[if IE 9 ]><html lang="en" class="no-js ie9"><![endif]-->
<!--[if (gt IE 9)|!(IE)]><!--><html lang="en" class="no-js" ><!--<![endif]-->
<head>
    <title>DragonBones Features</title>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta name="description" content="Flash 2D skeleton animation solution">
    <meta http-equiv="cleartype" content="on">
    <link href="css/bootstrap.min.css" rel="stylesheet">
    <link href="css/bootstrap-responsive.min.css" rel="stylesheet">
    <link href="css/main.css" rel="stylesheet">
    <link rel="shortcut icon" type="image/x-icon" href="favicon.ico">
    <script type="text/javascript" src="js/shCore.js"></script>
    <script type="text/javascript" src="js/shBrushAS3.js"></script>
    <link rel="stylesheet" href="css/shCoreDefault.css"/>
    <script type="text/javascript">SyntaxHighlighter.defaults['gutter'] = false; SyntaxHighlighter.all();</script>
    <!--[if lt IE 9]>
    <script src="http://html5shim.googlecode.com/svn/trunk/html5.js" type="text/javascript"></script>
    <![endif]-->
</head>
<body data-spy="scroll" data-target=".navbar">
    <div class="navbar navbar-inverse navbar-fixed-top">
        <div class="navbar-inner">
            <div class="container-fluid">
                 <a class="brand" href="index.html">DragonBones</a>
                 <div class="nav-collapse">
                    <ul class="nav">
                        <li><a href="index.html">Home</a></li>
                        <li class="active"><a href="#">Features</a></li>
                        <li><a href="demo.html">Demo</a></li>
                        <li><a href="download.html">Download</a></li>
                        <li><a href="help.html">Help</a></li>
                    </ul>
                </div>
            </div>
        </div>
    </div>
    <div id="content">
        <div class="container-fluid">
            <div class="row-fluid">
                <div class="span10 offset1">
                    <section class="feature-item">
                        <h2>Flash Pro Based Design Panel</h2>
                        <p>The powerful design panel is a Flash Pro based extension, a visual editor, what you see is what you get. Timeline animation can be easily recognized.  Friendly user experience provided is perfect for game designer. Developers can fully focus on the logic.</p>
                    </section>
                    <section class="feature-item">
                        <h2>Skeleton Binding</h2>
                        <p>In design panel, designers can create skeletal structure for characters designed in Flash Pro, to ensure animations running more wise and natural.</p>
                    </section>
                    <section class="feature-item">
                        <h2>Adjoining Texture Atlases</h2>
                        <p>Skeletal system introduces adjoining texture atlases solution. Less memory occupation and more flexible control is provided compare with frame texture atlas.</p>
                    </section>
                    <section class="feature-item">
                        <h2>Dynamic Texture Switching</h2>
                        <p>Equipment switching feature can be easily implemented in your game. Skeleton data and texture data are totally separated. Dynamically changing a bone’s texture can help you switch equipment.</p>
                        <pre class="brush: as3;">
                            var _image:Image = StarlingFactory.getTextureDisplay(factory.textureData, "newClothes");
                            var _bone:Bone = armature.getBone("clothes");
                            _bone.display.dispose();
                            _bone.display = _image;
                        </pre>
                    </section>
                    <section class="feature-item">
                        <h2>Easing and Tweens</h2>
                        <p>Freely adjust the rate of the animation. Tween can be auto generated by DrangonBones to ensure animations running smooth.</p>
                        <pre class="brush: as3;">
                            StarlingGame.instance.changeAnimationScale(1);
                        </pre>
                    </section>
                    <section class="feature-item">
                        <h2>Starling Support</h2>
                        <p>Skeleton animation library can help you render your animation with starling. Don’t wait! Start to design your GPU based skeleton animation!</p>
                        <pre class="brush: as3;">
                            var factory = new StarlingFactory();
                        </pre>
                    </section>
                </div>
            </div>
        </div>
    </div>
    <div id="footer">
        <div class="container-fluid">
            <div class="row-fluid">
                <ul class="nav nav-pills pull-right">
                    <li><a href="http://twitter.com/dragonbonesteam">Follow Us on Twitter</a></li>
                    <li><a href="http://weibo.com/u/3064343903">Follow Us on Weibo</a></li>
                    <li><a href="about_us.html">About Us</a></li>
                    <li><a href="mailto:dragonbonesteam@gmail.com">Contact Us</a></li>
                </ul>
            </div>
            <div class="row-fluid">
                 <div class="span6 offset3">
                    <p class="copyright">© 2012 The DragonBones Team </p>
                 </div>
            </div>
        </div>
    </div>
</body>

<!-- Google Analytics -->
<script type="text/javascript">
  var _gaq = _gaq || [];
  _gaq.push(['_setAccount', 'UA-35106030-1']);
  _gaq.push(['_trackPageview']);

  (function() {
    var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
    ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
    var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
  })();

</script>

</html>