useflashpunk.github.io/index.html at master · useflashpunk/useflashpunk.github.io · 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
128
129
130
131
---
layout: default
title: A game creation library for Actionscript 3
version: 1.7.2
---

<div class="jumbotron" id="main-header">
  <h1>Create games. Easy.</h1>
  <p class="lead text-left">FlashPunk is a free ActionScript 3 library designed for developing 2D Flash games. It provides you with a fast, clean framework to prototype and develop your games in. This means that most of the dirty work is already done, letting you concentrate on the design and testing of your game.</p>

  <p class="text-center"><a class="btn btn-lg btn-primary" href="https://github.com/useflashpunk/FlashPunk/releases/tag/v{{ page.version }}"><i class="fa fa-download"></i> Get FlashPunk! ({{ page.version }})</a></p>
</div>

<div class="container">
  <div class="page-header">
    <h1>The <i>total</i> package.</h1>
  </div>
  <p class="lead">Not only is FlashPunk <em>absolutely free</em>, it also contains everything you'll need to make the game you want. From its robust and dead-simple sprite-based graphics handling to its powerful live debugger, you won't need a team of berets and neckbeards to make your game come to life.</p>

  <div class="page-header">
    <h1>Features</h1>
  </div>

  <!-- Graphics -->
  <div class="media">
    <img class="pull-left media-object" src="/assets/landing/graphics-image.png">
    <div class="media-body">
      <h3>Graphics</h3>
      <p>Helper classes for animations, tilemaps, text, backdrops, and more with z-sorted render lists for easy depth management.</p>
{% highlight actionscript %}
// Create a new Image from imported image.
[Embed(source = 'player.png')]
private const PLAYER_IMAGE:Class;
var playerImage:Image = new Image(PLAYER_IMAGE);
{% endhighlight %}
    </div>
  </div>

  <!-- Collision -->
  <div class="media">
    <img class="pull-left media-object" src="/assets/landing/collision-image.png">
    <div class="media-body">
      <h3>Collision</h3>
      <p>Fast and manageable rectangle, pixel, and grid collision system with a plethora of built-in collision options.</p>
{% highlight actionscript %}
// Check for collision between the player and all enemies.
var touchedEnemy:Entity = player.collide("enemy", player.x, player.y);
{% endhighlight %}
    </div>
  </div>

  <!-- Motion -->
  <div class="media">
    <img class="pull-left media-object" src="/assets/landing/motion-image.png">
    <div class="media-body">
      <h3>Motion</h3>
      <p>Powerful motion tweening for linear, curved, and path-based movement as well as spritesheet support and image transformation.</p>
{% highlight actionscript %}
// Move an enemy across the screen with a tween, stopping against walls.
enemy.moveBy(5, 0, "wall");
{% endhighlight %}
    </div>
  </div>
  <!-- Audio -->
  <div class="media">
    <img class="pull-left media-object" src="/assets/landing/audio-image.png">
    <div class="media-body">
      <h3>Audio</h3>
      <p>Sound effect support with volume, panning, and fading/crossfading, complete with one-line sound playback.</p>
{% highlight actionscript %}
// Play a shoot sound.
[Embed(source = 'shoot.mp3')] private const SHOOT:Class;
var shoot:Sfx = new Sfx(SHOOT);
shoot.play();
{% endhighlight %}
    </div>
  </div>

  <!-- Particles -->
  <div class="media">
    <img class="pull-left media-object" src="/assets/landing/particles-image.png">
    <div class="media-body">
      <h3>Particles</h3>
      <p>Quick and efficient particle effects and emitters allow for beautiful particle systems without slowing things down.</p>
    </div>
  </div>

  <!-- Timesteps -->
  <div class="media">
    <img class="pull-left media-object" src="/assets/landing/timestep-image.png">
    <div class="media-body">
      <h3>Timesteps</h3>
      <p>Framerate-independent and fixed-framerate timestep support allow you to decide what mode is best for you and your game.</p>
{% highlight actionscript %}
// Add the frame time to a timer.
timer += FP.elapsed;
{% endhighlight %}
    </div>
  </div>

  <!-- Input -->
  <div class="media">
    <img class="pull-left media-object" src="/assets/landing/input-image.png">
    <div class="media-body">
      <h3>Input</h3>
      <p>Simple keyboard and mouse input state checking makes setting keys and events incredibly easy, yet powerful.</p>
{% highlight actionscript %}
// Call a function when Space is pressed.
if (Input.pressed(Key.Space)) {
  spacebar();
}
{% endhighlight %}
    </div>
  </div>

  <!-- Debugging -->
  <div class="media">
    <img class="pull-left media-object" src="/assets/landing/debugger-image.png">
    <div class="media-body">
      <h3>Built-in Debugging</h3>
      <p>Handy console for real-time debugging and information tracking. It even allows moving the camera and inspecting entities while playing!</p>
{% highlight actionscript %}
// Enable the debugger and watch the player's speed.
FP.console.enable();
FP.console.watch(player.speed);
{% endhighlight %}
    </div>
  </div>

  <p class="text-center"><a class="btn btn-lg btn-primary" href="https://github.com/useflashpunk/FlashPunk/releases/tag/v{{ page.version }}"><i class="fa fa-download"></i> Get FlashPunk! ({{ page.version }})</a></p>
</div>