Project

General

Profile

Revision 9c8f1148

ID9c8f1148e120e393e5d1433db524ff2006efd0bb
Parent 151c6515

Added by Andre Miguel Quental Catalao over 7 years ago

features e source

View differences:

Webpage/features.html
1
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
2
<html>
3
<head>
4
	<title>Ganimator: Animation Framework</title>
5
    <link rel="shortcut icon" href="assets/ganimator_icon.ico">
6
    <link href="css/style.css" rel="stylesheet" type="text/css">
7
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
8
    
9
    <!--Adobe Edge Web Fonts OpenSans Font-->
10
    <script>var __adobewebfontsappname__="dreamweaver"</script>
11
    <script src="http://use.edgefonts.net/open-sans:n3,i3:default.js" type="text/javascript"></script>
12
</head>
13
    
14
<body>
15
    <!--Navigation Bar-->
16
    <section id="navigation_bar">
17
      <table width=1000 border="0" align="center">
18
        <tr>
19
          <td width=200 align="left">
20
          <img src="assets/ganimator_logo.png"/>
21
          </td>
22
          <td width=800  align="right">
23
          <a href="index.html"><img src="assets/menu_home.png" onmouseover="this.src='assets/menu_home_pressed.png'" onmouseout="this.src='assets/menu_home.png'" /></a>
24
          <img src="assets/menu_features_pressed.png"/>
25
          <!--<a href="news.html"><img src="assets/menu_news.png" onmouseover="this.src='assets/menu_news_pressed.png'" onmouseout="this.src='assets/menu_news.png'" /></a>-->
26
          <a href="documentation.html"><img src="assets/menu_documentation.png" onmouseover="this.src='assets/menu_documentation_pressed.png'" onmouseout="this.src='assets/menu_documentation.png'" /></a>
27
          <a href="source.html"><img src="assets/menu_source.png" onmouseover="this.src='assets/menu_source_pressed.png'" onmouseout="this.src='assets/menu_source.png'" /></a>
28
          <a href="about.html"><img src="assets/menu_about.png" onmouseover="this.src='assets/menu_about_pressed.png'" onmouseout="this.src='assets/menu_about.png'" /></a>
29
          </td>
30
        </tr>
31
      </table>
32
    </section>
33
    
34
	<!--Feature Section-->
35
    <section id="features">
36
    	<br/>
37
        
38
        <!--Tradicional animation vs vectorial-->
39
        <table width=1000 border="0" align="center">
40
        <tr>
41
            <td width=600>
42
            <b>Vectorial Animation VS Tradicional Spritesheet</b>
43
            <p>Animation is traditionally done by drawing the same object in its varis positions, this technique requires a lot of work and the end result usually are animations that are not fluid, due to the amount of drawings made these animations are also quite large, an alternative is vector animation as is used in Ganimator, we draw instead of complete objects, we only draw object parts separately and then animate using vectors over time, the end result is a flowable and easily edit animation.</p>
44
            </td>
45
            <td width=400 align="center"><img src="assets/feature_sprite_vs_vect.png"/></td>
46
        </tr>
47
        </table>
48
        <br/>
49
        
50
        <!--Change Size Alpha resize-->
51
        <table width=1000 border="0" align="center">
52
        <tr>
53
            <td width=250 align="center"><img src="assets/feature_edit.png"/></td>
54
            <td width=750>
55
            <b>Editable Atributes</b>
56
            <p>In Ganimator the attributes that can be animated are image size, transparency, position, rotation and point of origin image that influences how the image will rotate. There are other attributes that can be animated, and may in the future be added to Ganimator, for example FFD (Free form deformation) that lets you animate objects deforming parts of the image (example only stretch the nose of a character in an image), change dynamic form the image assigned to an object or particle effects.</p>
57
            </td>
58
        </tr>
59
        </table>
60
        <br/>
61
        
62
        <!--Animations are reusable-->
63
        <table width=1000 border="0" align="center">
64
        <tr>
65
            <td width=700>
66
            <b>Vectorial Animation are reusable</b>
67
            <p>One of the best things in vector animation is able to reuse animations previously made to new characters, changing only the various images that composes the character of this animation, we can easily reuse animations created already for several characters.</p>
68
            </td>
69
            <td width=300 align="center"><img src="assets/feature_reusable.png"/></td>
70
        </tr>
71
        </table>
72
        <br/>
73
        
74
        <!--Time based asynchronous animation-->
75
        <table width=1000 border="0" align="center">
76
        <tr>
77
            <td width=250 align="center"><img src="assets/feature_time.png"/></td>
78
            <td width=750>
79
            <b>Time based asynchronous animation</b>
80
            <p>In ganimator animations are recorded on a time base (second), through well-defined points, which we call keyframes, frames that do not set are generated from the keyframes through linear interpolation (uniformly) of all the attributes that define the over time, the various objects inside an animation work asynchronously, i.e. not all working on the same time scale can vary from each other animation duration, or the animation object is in a loop or not.</p>
81
            </td>
82
        </tr>
83
        </table>
84
        <br/>
85
    </section>
86
    
87
    <!--Footer-->
88
    <section id="footer">
89
      <table width="1000" border="0" align="center">
90
        <tr>
91
          <td width=220 align="center"><img src="assets/ganimator_logo_small.png"/>
92
          </td>
93
          <td width=380>
94
              <b>Ganimator Animation Library 2014-2015</b>
95
          </td>
96
          <td width=400 align="right">
97
          	<img src="assets/footer.png"/>
98
          </td>
99
        </tr>
100
      </table>
101
   </section>
102
    
103
    <!--Body End-->
104
    </body>
105
</html>
Webpage/source.html
1
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
2
<html>
3
<head>
4
	<title>Ganimator: Animation Framework</title>
5
    <link rel="shortcut icon" href="assets/ganimator_icon.ico">
6
    <link href="css/style.css" rel="stylesheet" type="text/css">
7
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
8
    
9
    <!--Adobe Edge Web Fonts OpenSans Font-->
10
    <script>var __adobewebfontsappname__="dreamweaver"</script>
11
    <script src="http://use.edgefonts.net/open-sans:n3,i3:default.js" type="text/javascript"></script>
12
</head>
13
    
14
    <body>
15
    <!--Navigation Bar-->
16
    <section id="navigation_bar">
17
      <table width=1000 border="0" align="center">
18
        <tr>
19
          <td width=200 align="left">
20
          <img src="assets/ganimator_logo.png"/>
21
          </td>
22
          <td width=800  align="right">
23
          <a href="index.html"><img src="assets/menu_home.png" onmouseover="this.src='assets/menu_home_pressed.png'" onmouseout="this.src='assets/menu_home.png'" /></a>
24
          <a href="features.html"><img src="assets/menu_features.png" onmouseover="this.src='assets/menu_features_pressed.png'" onmouseout="this.src='assets/menu_features.png'" /></a>
25
		  <!--<a href="news.html"><img src="assets/menu_news.png" onmouseover="this.src='assets/menu_news_pressed.png'" onmouseout="this.src='assets/menu_news.png'" /></a>-->
26
          <a href="documentation.html"><img src="assets/menu_documentation.png" onmouseover="this.src='assets/menu_documentation_pressed.png'" onmouseout="this.src='assets/menu_documentation.png'" /></a>
27
          <img src="assets/menu_source_pressed.png" />
28
		  <a href="about.html"><img src="assets/menu_about.png" onmouseover="this.src='assets/menu_about_pressed.png'" onmouseout="this.src='assets/menu_about.png'" /></a>
29
          </td>
30
        </tr>
31
      </table>
32
    </section>
33
    
34
    <!--Repository Info-->
35
    <section id="repository">
36
        <table width=1000  border="0" align="center">
37
        <tr>
38
        <td align="left" width=500>
39
        <b>Repository</b>
40
        <p>Ganimator is currently hosted on code.ua platform the code.ua platform also provides a Issue tracker that is currently being used just for the development of this webpage, soon will be available a new repository on gitHub, in wich will be included a new Issue tracker for the main ganimator project.</p>
41
        <p><a href="http://code.ua.pt/projects/labi2014-t1g2"><img src="assets/codeua_logo.png" onmouseover="this.src='assets/codeua_logo_pressed.png'" onmouseout="this.src='assets/codeua_logo.png'" /></a></p>
42
        <p>The project source can be found at \source\ganimator as a eclipse project without gradle suport (new setup utility for libGDX projects uses Gradle)</p>
43
        </td>
44
        <td align="left" width=500>
45
        <b>Issue Tracker</b>
46
        <p>Ganimator still dosen't have a issue tracker available, will be added one when it has been moved to GitHub</p>
47
        </td>
48
        </tr></table>
49
    </section>
50
    
51
    
52
    <!--Footer-->
53
    <section id="footer">
54
      <table width="1000" border="0" align="center">
55
        <tr>
56
          <td width=220 align="center"><img src="assets/ganimator_logo_small.png"/>
57
          </td>
58
          <td width=380>
59
              <b>Ganimator Animation Library 2014-2015</b>
60
          </td>
61
          <td width=400 align="right">
62
          	<img src="assets/footer.png"/>
63
          </td>
64
        </tr>
65
      </table>
66
   </section>
67
    
68
    <!--Body End-->
69
    </body>
70
</html>

Also available in: Unified diff