flixelcommunity.github.com/index.html at master · FlixelCommunity/flixelcommunity.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
121
122
123
124
125
126
127

<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="utf-8">
    <title>Flixel Community - community fork of the popular Flixel game engine</title>
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta name="description" content="Community fork of the popular Flixel game engine">
    <meta name="author" content="Flixel Community Team">

    <!-- Le styles -->
    <link href="./css/bootstrap.css" rel="stylesheet">
    <link href="./css/style.css" rel="stylesheet">
	<link href="./css/Font-Awesome/css/font-awesome.min.css" rel="stylesheet">

    <!-- Fav and touch icons -->
	<link rel="apple-touch-icon-precomposed" sizes="144x144" href="./img/ico/apple-touch-icon-144.png">
	<link rel="apple-touch-icon-precomposed" sizes="114x114" href="./img/ico/apple-touch-icon-114.png">
	<link rel="apple-touch-icon-precomposed" sizes="72x72" href="./img/ico/apple-touch-icon-72.png">
	<link rel="apple-touch-icon-precomposed" href="./img/ico/apple-touch-icon-57.png">
	<link rel="shortcut icon" href="./img/ico/favicon.png">
  </head>

  <body>
	<a href="http://github.com/FlixelCommunity/flixel"><img class="github-ribbon" src="https://s3.amazonaws.com/github/ribbons/forkme_right_orange_ff7600.png" alt="Fork me on GitHub" /></a>
    <!-- NAVBAR
    ================================================== -->


    <!-- Carousel
    ================================================== -->
    <div id="myCarousel" class="carousel slide">
      <div class="carousel-inner">
        <div class="item active">
          <img src="./img/slide-01.jpg" alt="Flixel Community">
          <div class="container">
            <div class="carousel-caption">
              <h1>Flixel Community</h1>
              <p class="lead">Community fork of the popular<br/>Flixel game engine</p>
              <a class="btn btn-lg btn-primary download-btn btn-block" href="https://github.com/FlixelCommunity/flixel/releases/download/v2.56/flixel-v2.56.swc"><i class="fa fa-cloud-download fa-lg"></i> DOWNLOAD v2.56<br/><small>SWC, 178Kb</small></a>
			  <a class="download-others" href="https://github.com/FlixelCommunity/flixel/blob/v2.56/CHANGELOG.md" target="_blank"><i class="fa fa-list-ul fa-lg"></i> Changelog</a>
			  <a class="download-others" href="https://github.com/FlixelCommunity/flixel/" target="_blank"><i class="fa fa-github fa-lg"></i> View on GitHub</a>
			  <a class="download-others" href="https://github.com/FlixelCommunity/flixel/releases/download/v2.56/flixel-v2.56.zip"><i class="fa fa-download fa-lg"></i> Download source-code</a>

			  <div class="extra-links">
				  <a href="https://github.com/FlixelCommunity/flixel/archive/dev.zip"><i class="fa fa-flask"></i> Feeling courageous? Download dev version!</a>
			  </div>
            </div>
          </div>
        </div>
      </div>
    </div><!-- /.carousel -->


    <!-- Marketing messaging and featurettes
    ================================================== -->
    <!-- Wrap the rest of the page in another container to center all the content. -->

    <div class="container marketing">

      <!-- Three columns of text below the carousel -->
      <div class="row">
        <div class="col-md-4">
          <img class="img-circle" src="./img/robot3.png">
          <h2>Get started</h2>
          <p>Check out the starter guide and tutorials to quickly learn how Flixel Community works.</p>
          <p><a class="btn btn-primary" href="tutorials/">Read the tutorials!</a></p>
        </div><!-- /.span4 -->
        <div class="col-md-4">
          <img class="img-circle" src="./img/robot.png">
          <h2>Communicate</h2>
          <p>There is a huge community waiting for you! Join the <a href="http://forums.flixel.org" target="_blank">forums</a> and get in touch.</p>
		  <p><a class="btn btn-primary" href="http://forums.flixel.org" target="_blank">Join the forums!</a></p>
        </div><!-- /.span4 -->
        <div class="col-md-4">
          <img class="img-circle" src="./img/thing.png">
          <h2>Contribute</h2>
          <p>Flixel Community is completely open-source, uses the MIT license and is managed through <a href="http://github.com/FlixelCommunity/" target="_blank">GitHub</a>.</p>
		  <p>
			<iframe src="http://ghbtns.com/github-btn.html?user=flixelcommunity&repo=flixel&type=watch&count=true&size=small" allowtransparency="true" frameborder="0" scrolling="0" style="border: 0; width: 100px; height: 30px; overflow: hidden; margin-top: 10px;"></iframe>
			<iframe src="http://ghbtns.com/github-btn.html?user=flixelcommunity&repo=flixel&type=fork&count=true&size=small" allowtransparency="true" frameborder="0" scrolling="0" style="border: 0; width: 100px; height: 30px; overflow: hidden; margin-top: 10px;"></iframe>
		  </p>
        </div>
      </div><!-- /.row -->


      <!-- START THE FEATURETTES -->

	  <hr class="featurette-divider">

      <div class="featurette">
        <img class="featurette-image pull-right" src="./img/cyborg_huge.png" style="padding: 50px;">
        <h2 class="featurette-heading">A game engine. Simple and powerful.</h2>
        <p class="lead">Flixel Community is an open source game-making library that is completely free for personal or commercial use. Written entirely in ActionScript 3 and designed to be used with free development tools, it's easy to learn, extend and customize.</p>
      </div>

      <hr class="featurette-divider">

      <div class="featurette">
        <img class="featurette-image pull-left" src="./img/monster_huge.png" style="padding: 50px;">
        <h2 class="featurette-heading">A bunch of features. New and old ones.</h2>
        <p class="lead">Flixel Community includes a rich set of features: display thousands of moving objects, basic collisions between objects, group objects together for simplicity, easily generate and emit particles, create game levels using tilemaps, text display, save games, scrolling, mouse and keyboard input, math and color utilities.</p>
      </div>

	  <hr class="featurette-divider">

      <div class="featurette">
        <img class="featurette-image pull-right" src="./img/robot2_huge.png" style="padding: 50px;">
        <h2 class="featurette-heading">A community version. Not a replacement.</h2>
        <p class="lead">Flixel Community was born as a healthy fork of Flixel. It is not supposed to replace Flixel or to compete with it, but to co-exist. <a href="http://twitter.com/AdamAtomic" target="_blank">Adam</a> (Flixel's author) encouraged us to grow a community version and maintain it to our heart's content, even offering it as an alternative to Flixel.</p>
      </div>

      <hr class="featurette-divider">

      <!-- /END THE FEATURETTES -->


      <!-- FOOTER -->
      <footer>
        <p class="pull-right"><a href="#">Back to top</a></p>
		<p><sub>About the images on this website: the big one at the top is a set of screenhost of <a href="https://github.com/AdamAtomic/Mode" target="_blank">Mode</a>, a game by <a href="http://twitter.com/AdamAtomic" target="_blank">Adam 'Atomic' Saltsman</a>. All other images were created by <a href="http://opengameart.org/content/scifi-creature-tileset-mini-32x32-scifi-creature-icons" target="_blank">Stephen Challener</a>, from <a href="http://opengameart.org" target="_blank">opengameart.org</a>.</sub></p>
      </footer>

    </div><!-- /.container -->
  </body>
</html>