15
HTML5 App & Game Creation Using Construct 2

HTML5 Games with Construct 2

  • Upload
    arcaded

  • View
    2.285

  • Download
    8

Embed Size (px)

DESCRIPTION

Creating HTML5 games is the fastest way to create game that are cross-platform ready. Almost every modern device supports HTML5. Construct 2 is a game maker that allows you to make your own 2d games with no programming knowledge. Simply drag and drop events.

Citation preview

Page 1: HTML5 Games with Construct 2

HTML5 App & Game CreationUsing Construct 2

Page 2: HTML5 Games with Construct 2

What is Construct 2?Construct 2 is a powerful ground breaking HTML5 game creator designed specifically for 2D games. It allows anyone to build games — no coding required!

Construct doesn't stop at just being a game maker. With the cross platform power of HTML5, Construct 2 allows you to export your projects to a variety of platforms. Some included:● Windows 8● Windows Phone 8● Blackberry 10● Tizen● Chrome● Windows EXE● CocoonJS (To wrap your games into native Droid and iOS apps)● and more.

Page 3: HTML5 Games with Construct 2

Who can use Construct 2?Indies and Hobbyists:Use Construct 2 to enter the world of game creation.

Teachers and Students:Teach the principles of programming in a fun and engaging way.

Designers and Artists:Produce games without having to learn difficult languages.

Professional Developers:Rapidly create mockups and prototypes, or use it as a faster alternative to coding.

Internet Marketers:Quickly create mobile applications for your products and Niches

Page 4: HTML5 Games with Construct 2

Quick & EasyBring your work to life in hours and days instead of weeks and months. With Construct 2 making games is a piece of cake: just drag and drop objects around, add behaviors to them, and make everything come alive with events!

With a quick and easy to grasp Ribbon interface, you have clear access to a wide set of tools that allows anyone to jump into game creation with little to no prior game development knowledge.

Page 5: HTML5 Games with Construct 2

Quick & EasyThe Layout Editor provides a what-you-see-is-what-you-get visual interface to design your levels. You can drag, rotate and resize objects, visualize effects applied, and quickly change their settings to your liking in the Properties Bar. Objects can be arranged on separate layers for enhanced organization, allowing advanced parallax and blending effects. There's also a built-in image editor to conveniently make quick edits to your object's graphics.

Within minutes or hours you can have a working prototype that you can share with friends to play. In almost no time you can test your ideas and know if they are really fun or not, focusing your efforts in what matters the most: designing your game!

Page 6: HTML5 Games with Construct 2

Powerful Event SystemMake your game do what it needs to do in a visual and human readable way with the powerful Event System. There’s no need to memorize complicated and cryptic languages. With events programming becomes intuitive putting your focus on what really matters: designing your game!

Events are created by selecting possible conditions and actions from an organized list. The result list of events, or Event Sheet, is designed to be as easily readable as possible, so that beginners can get instant results as well. Entire event sheets can be re-used by other levels, saving you re-creating events for other levels.

Page 7: HTML5 Games with Construct 2

Powerful Event SystemCreating the events you need for your game is rather intuitive. Just choose the right object, select a condition or action, and add it to the event. Construct 2 helps you to learn how to think in a logical way and understand real programming concepts, making it easy for you if you decide to learn a programming language later.

Groups can be used to enable/disable multiple events at once, and for organisation in large projects. Advanced event logic such as OR blocks, sub-events, local variables and recursive functions allow for sophisticated systems to be programmed without learning a comparatively more difficult programming language.

Each event sheet has a list of events, which contain conditional statements or triggers.Once these are met, actions or functions can be carried out.

Page 8: HTML5 Games with Construct 2

Flexible BehaviorsBehaviors work as pre-packaged functions that you can assign to objects and reuse whenever needed. They provide an instant way to add capabilities to objects, speeding up development and increasing productivity.

They include movements such as 8 directions, platform, and car; advanced features like physics and pathfinding; and useful utilities like fade, flash, wrap, pin and drag & drop.

Page 9: HTML5 Games with Construct 2

Flexible BehaviorsMost behaviors can be replicated with events, but it simply is far more time consuming to do so. That’s why behaviors can be great time savers, without limiting what's possible when you need to go further.

For example, adding the Platform Behavior to a sprite allows you to immediately run and jump along objects marked as 'solid'. You can then change the settings for speed, acceleration, jump strength, gravity, and more, until it’s behaving exactly the way you need.

Because of their ease of use they are great for beginners, who can get instant results. And they still make life easier for experienced users. For example, need an object to move and rotate with another object? Just add the Pin behavior! It literally only takes seconds, and all complications are removed.

Page 10: HTML5 Games with Construct 2

Stunning Visual EffectsLet your games go from good to gorgeous using C2’s blend modes, effects and particle system.

There are over 70 WebGL-based pixel shader effects to warp, distort, blend, blur, mask, re-color and more. You can add these to objects, layers and layouts for quick special effects and also stack them up to create incredible results. You can even see everything applied in real time in the editor!

Page 11: HTML5 Games with Construct 2

Stunning Visual EffectsConstruct 2 also allows you to setup fall backs to when effects support is not available, ensuring that players get the best possible experience out of your game. For example, a 'Screen' WebGL effect can be replaced by an 'Additive' blend mode when the player's computer does not support it, preserving the player experience as best as possible on a range of hardware and system setups.

Another great feature is the Particles plugin. It works by creating and moving many small images independently, easily generating sprays of sparkles, smoke, water, debris, and whatever more your imagination can create. It’s a really versatile object capable of many different kinds of visual effects.

Page 12: HTML5 Games with Construct 2

Multiplatform ExportPublish your games on a broad selection of platforms with a single project. There’s no need to maintain multiple codebases. By using Construct 2's HTML5-based engine you can export to most major platforms.

Easily reach the web by publishing to your own website, Chrome Web Store, Facebook, Kongregate, NewGrounds, Firefox Marketplace or use our Scirra Arcade to share your creations. Export your game to desktop PC, Mac and Linux apps by using the Node-Webkit wrapper. Additionally publish to Windows 8 Store or as a native Windows Phone 8 app.

You can also reach the popular iOS and Android app stores using wrappers like CocoonJS, appMobi and PhoneGap — all three with built-in support.

With extensive platform support you can rest assured that players will have access to your game no matter where they are.

Page 13: HTML5 Games with Construct 2

Easy ExtensibilityConstruct 2 comes with more than 20 built-in plugins, over 20 behaviors and more than 70 visual effects. They range from displaying text and sprites, sound and music playback, input, data manipulation and storage, particle effects, movement presets, Photoshop-like effects, and many more.

If you are a power user and still needs some specific functionality, Construct 2 let you create your own plugins and behaviors using our fully documented Javascript SDK. You can also create your own visual effects using GLSL shader language.

Our community has already produced more than 150 plugins and behaviors. It’s really easy, there’s no need for any special tools! All you need is a text editor and a little javascript or GLSL knowledge. It's also a great introduction to adding real programming to your games.

Page 14: HTML5 Games with Construct 2

Try it for Free!Construct 2 has a Free version that you can use to make your own games right away. The free version has it's limits, but it's fully functional. A few of the limitations are:

● You can't sell games made with the Free version● 100 Event limit● No Families

Other than that, the free version works just like the full version. Pricing is also very competitive compared to other products out.

Page 15: HTML5 Games with Construct 2

Learn Construct 2Learn Construct 2 is a website dedicated to helping beginners of Construct 2 with video tutorials.

http://www.construct2tutorial.com