Search the Community

Showing results for tags 'tutorial'.



More search options

  • Search By Tags

    Type tags separated by commas.
  • Search By Author

Content Type


Forums

  • HTML5 Game Coding
    • News
    • Game Showcase
    • Facebook Instant Games
    • Coding and Game Design
  • Frameworks
    • Phaser 3
    • Phaser 2
    • Pixi.js
    • Babylon.js
    • Panda 2
    • melonJS
    • Haxe JS
    • Kiwi.js
  • General
    • General Talk
  • Business
    • Collaborations (un-paid)
    • Jobs (Hiring and Freelance)
    • Services Offered

Find results in...

Find results that contain...


Date Created

  • Start

    End


Last Updated

  • Start

    End


Filter by number of...

Joined

  • Start

    End


Group


Website URL


Twitter


Skype


Location


Interests

Found 115 results

  1. Cian Games

    Upgrading to melonJS 2.1

    Hi guys With the release of melonJS 2.1 version (check the Official Announcement ), is time to conduct a upgrade to it: Upgrading to melonJS 2.1 The upgrade from melonJS 2.0 to melonJS 2.1 is easy, making it a good and right choice. Take a look at it Thanks!
  2. Just published a collection of 6 video tutorials on Phaser, covering mainly setting up a new game and working with sprites (positioning, scaling, flipping and rotation), aimed at total beginners. Phaser Beginners Tutorial - Working with Sprites These videos are part of my Kickstarter-funded course on Phaser (still in the making but 33% available already).
  3. My article and tutorial were both posted recently, so I'm sharing the news: 2D maze game with Device Orientation at Mozilla Developer NetworkMobile game development with the Device Orientation and Vibration APIs at Mozilla Hacks First one is the tutorial about the demo game Cyber Orb created with Phaser, the source code is available on GitHub. The second one is the article about the same game, but focused on explaining both APIs used: Device Orientation and Vibration. Hope it helps someone. Let me know if you have any feedback about those.
  4. Hey guys. I decided to write a tutorial on how to build maps in Tiled and use them in Phaser. The main focus is using many Tiled maps in a single Phaser map. This makes creating content much easier as you don't have to do much world building in code. This is my first tutorial, so if anyone does read it I would love any feedback. Feel free to ask any questions here as well. I use Phaser 2.3.0 dev in this tutorial, as it exposes the "type" properties in Tile maps. It covers building two Tiled maps, a world and a house to put in that world. This includes moving Tilemaps around and getting collision working. It creates a basis for a topdown rpg game, feel free to use it. Warning: It's pretty long You can find the tutorial at http://www.kieve.ca/ For a demo of what I build in the tutorial, visit http://www.kieve.ca/demos/RPG/ You can download the project here: http://www.kieve.ca/demos/RPG.zip
  5. Elvarion

    HTML5 Game Engine Tutorial

    Hi, My name is Pavel I have started a series of Tiled Game Engine posts and will update it weekly if possible and will share my experiences and knowledge i learn wile making MMO RPG during several years of development as indie. I'll cover creation of Javascript based game engine from the ground, how to work with new API of HTML5, like XMLHttpRequest2, WebWorkers, WebSockets and etc. Several design patterns will be covered from performance and memory usage perspective. Currently Tiled Game Engine can works with tiled map of 1500x1500 dimension, more than 100 animated units on the screen simultaneously and more than 1000 units off-screen. The source code of that engine will be available on GitHub. Part 1: Game Loop Part 2: Stages, Assets and Loading Stage Hope not only to share my expertise, but get your feedbacks if any. Best regards,Pavel
  6. Hey, I have started a course on Impact http://ansimuz.com/site/game-design-tutorials i will update it weekly if possible and will share my experiences and knowledge i learn wile making Elliot Quest during 2 years of full-time development.
  7. shmikucis

    New tutorials

    We are adding new content to tutorials section in homepage, check it out. The most extensive tutorial written in recent days is a dungeon explorer game. Basically it shows how to create levels (layers) in MightyEditor and switch between them. Tutorial cover only basics but it's enough to start working on your own dungeon game. Also there were gamedev requests on more tutorials covering animation editor. So we have created tutorials covering basics and how to use animations in JavaScript code. Basically there are a character with 3 animations: walk, idle, jump which you can control from code with simple .start() and .stop() If you want us to cover something specific then write it in this topic
  8. dcwg123

    Beginner with no experience

    I'm a complete beginner to html5 game development. I've dabbled in java enough to know it well enough but that's pretty much it. How should I begin to tackle making games in html5? Should I try to learn javascript first and a bit of css and html on the side? I bought a book on html5 game development on amazon but it seems like it's a bit too advanced for me as the explanation in it are not enough and kind of expects me to already know javascript. How did you get started at this?
  9. Hi fellow devs, Recently I wrote a tutorial about using mulitplayer game engine `AppWarp` with cocos2d-js along with Facebook sdk. I though sharing here may help someone. So if you are trying to make multiplayer game using HTML5 then you can read my article here http://blogs.shephertz.com/2014/12/23/use-appwarp-with-cocos2d-js-and-facebook/ Hope it might be helpful to some of you Thanks
  10. OSamo

    Phaser Tutorial 2 with States

    So, I am trying to expand upon the "Making your first game" tutorial (https://github.com/photonstorm/phaser/tree/master/resources/tutorials/02%20Making%20your%20first%20game) by creating states instead of running the game directly on the script tag in the html file. I have tried doing so by following the template provided, but I cannot answer must of the questions I have only by looking at it. I am also currently facing a bug that I would love some help in solving. The bug that I mentioned is freezing the game every time the player touches a star. The error I get is this one: Uncaught TypeError: Cannot read property 'kill' of undefined Lvl1.js:155 Lvl1.js is the file where I have the state. Line 155 points to the collectStar function: collectStar: function(player, star){ // Removes the star from the screen this.star.kill(); // <--This is line 155 // Add and update the score this.score += 10; this.scoreText.text = 'Score: ' + this.score;}collectStar is called when there is an overlap between the player and any member of the stars group (I believe) this.physics.arcade.overlap(this.player, this.stars, this.collectStar, null, this);Here I create and add the items to the stars group: var star = this.stars.create(i * 70, 0, 'star');That is all I have for the bug, now for the questions: I realized that I have to use "this" a lot, but I am still unsure as of why and when I have to use it. Do I use it when I reference items declared inside the state? Or with items inside the function? Why don't I have to include the parameters? (player, star) when calling collectStar? This was also the case in the tutorial, and there were no bugs there. How do I load items (sprites and whatnot) in one state, so that I can use it in another state? For example, loading items in the preload state to use in the game state. Thank you! *Edit You can find the current version of it here http://sammyisra.comoj.com/phaserGuy/index.html
  11. Cian Games

    Upgrading to melonJS 2.0

    Hi With the release of melonJS 2.0 version, is time to conduct a upgrade to it: Upgrading to melonJS 2.0 The melonJS 2.0.0 is a solid and stable version, demonstrating the maturity and evolution that the engine achieved during the last three years. Take a look at it Thanks!
  12. Hi ! I've written a new article around physics and Oimo.js on my blog: http://blogs.msdn.com/b/davrous/archive/2014/11/18/understanding-collisions-amp-physics-by-building-a-cool-webgl-babylon-js-demo-with-oimo-js.aspx It contains demos and links to understand how it works with babylon.js. The demo comes from the module 7 of the free MVA course we've built with Deltakosh: http://www.microsoftvirtualacademy.com/training-courses/introduction-to-webgl-3d-with-html5-and-babylon-js?m=11723&ct=34568 Enjoy! David
  13. Hi folks, I've been thinking about creating some nice video tutorials on HTML5 game development with Phaser and just wanted to ask you guys which medium you generally prefer when trying to learn new aspects of (game) development? (e)books or video tutorials? I for one prefer video tutorials but especially when it comes to programming stuff people also tend to prefer written material. I've been creating professional/commercial video tutorial-DVDs for Photoshop in the past and also some for Blender for example. (See my little youtube channel "BlenderPlaza"): http://www.youtube.com/channel/UCmJYLX2j_DOKtGHG00tqdzQ/videos As I'm also doing voice overs now and then and have a trained voice people seem to like my voice quite a bit (just read the comments on my youtube videos...) and I really like doing video tuts. My first idea was doing an in-depth tutorial for tilemaps with Tiled and using them in phaser games. Would anybody be interested in that (especially beginners?) thanks a lot for your feedback! Marco
  14. Nathan Lovato

    Art, game design and construct 2 tutorials

    Hey there! I'm Nathan, a professional game designer. I release free video tutorials every week on Youtube. The channel is dedicated to game art and game design. You can find all of the tutorials, arranged in categories, right there: Game Design Tutorials! News: The Kickstarter is over! And it was 240% funded. I'm working on a new website, Game Art Quest, where you'll find all of the open source assets, tutorials and premium training I'm making as part of this project. We have a game art study group on Facebook! Don't hesitate to leave feedback or ask me questions here. Thanks!
  15. I've made a small illustrated tutorial on how to host HTML5 games on Google Drive for free. This can be particularly useful if you need to provide playable builds but do not have a reliable method of hosting them on your own.
  16. callidus

    video tutorial on phaser

    http://www.youtube.com/channel/UCLj4fAgRzjHaD7vICKaUbZA/videos This channel has everything step by step from the beginning of setting up phaser to using it for mobile games. It deserves more attention. It currently has about 5 views per video.
  17. pandavigoureux29

    LREditor - Setup a project - Video Tutorial

    Hi all, Here is a new video tutorial about LREditor. This will teach you how to setup a project by presenting you its hierarchy. Here is the link : https://www.youtube.com/watch?v=Y2_V_wKnjTo (there are subtitles ) You can try it here : http://lreditor.herokuapp.com/ And clone it from GitHub here : https://github.com/L...Riders/LREditor Or simply visit our website : http://ladybugriders.com Don't hesitate to give feedbacks. Soon a complete textual tutorial and some examples. Cheers
  18. Hello guys ! I wrote my first tutorial on Babylon.js here : http://pixelcodr.com/tutos/toad_attack/toad_attack.html I introduce several notions, as : - basic stuff (getting started, sphere, box, ....) - import a custom mesh (as a babylon file) - materials - texture - skybox - basic animations My goal is not to fully describe all these elements (because it is already well done in the Github wiki), but it is more 'learning by trying'. By creating simple simple, I hope it wil help newcomers by showing how easy Babylon is. Don't hesitate to send me your feedbacks, there are very valuable for me as you got already some experience with babylon, and it will surely increase the quality of future tutorials I plan to write. Thank you guys ! Keep the webgl games coming Cheers ! EDIT : Here is (for now) the complete list of tutorials: - Learn the basics: http://pixelcodr.com/tutos/toad_attack/toad_attack.html - Interactions with the Actions system: http://pixelcodr.com/tutos/plane/plane.html - Physics engine (with Oimo): http://pixelcodr.com/tutos/oimo/oimo.html - Manipulate vertices of an object (for procedural generation for example): http://pixelcodr.com/tutos/trees/trees.html - How to create a loading screen by creating a preloader: http://pixelcodr.com/tutos/preloader/preloader.html- Create a simple FPS game : http://pixelcodr.com/tutos/shooter/shooter.html- Play with physics and Oimo.js : http://pixelcodr.com/tutos/physics/physics.html (new!)
  19. Blender man

    Making a Game. Part 5: Dangerous World

    The 5-th Blend4Web gamedev tutorial has been published: Dangerous World. We continue the exciting process of creating a mini Blend4Web game. Now we'll introduce some gameplay elements: red-hot rocks which fall from the sky and damage the character. Direct link to the game (Warning: this link URL may change). [Edit] Updated the link
  20. This is the fourth part of the Blend4Web gamedev tutorial in which we add support for mobile devices and will program touch controls. http://www.blend4web.com/en/article/46
  21. enefecto

    New on Pandajs

    Hi, and thanks for making pandajs. I'm trying to understand code of flying dog using it as example for creating my first game with pandajs. But Its hard for me to understand the structure of the code of the game. And Code Snippets are not enough for start learning pandajs. ¿ Can I have more examples or tutorials? I will be glad to have more and start learing more about it. PD: http://www.pandajs.net/tutorials/ is not working, is that page what I'm missing? Sorry for my english xD Thanks!!!
  22. Sigmag

    How To: Animate and Light Weapons

    Hey guys! I've been working on animations for our upcoming game, Dragonfly Zero, and wanted to share the process including the technical facets I used to create the weapon firing animations. The write-up ended up being fairly long, but I added in pictures and humor where I could to make it more accessible. This post should be useful for artists and non-artists alike! You can either click the banner at the top, or click this URL: How To: Animate and Light Weapons Let me know what you guys think! A few of the animations:
  23. Hey Enpu, I write here just to say that this is one of the few times in my life in which there's something that I like A LOT, but there's still very few material about it. Don't misunderstand me, I'm not flaming nor trying to bring you down nor whatever. Just saying that I'm liking Panda.js a LOT. But the demos aren't enough material to make game of different disciplines. There's no material on Internet about Panda.js other than the official site, which gives specific examples, and the API reference. I mean, I want to make a platformer. Kind of a Megaman. But I don't know how to use spritesheet animations, collisions, enemies, etc. I come from GameMaker which has all that already chewed. GameMaker gives you editor for sprites and whatever, gives you GML for scripting which is not SO bad as a language but I wanted even more control over my game. Over code, to be precise, GML has weaknesses, it's not really OOP, data manipulation is not so flexible, etc. Then Javascript is an awesome choice. Your framework looks so versatile, full of features, prollific, etc. but I'm having HARD times trying to do things! Very few things are, let's say "deductible" from your code (which is, thanks God, very read-friendly) but many other ones I just can't guess :S I swear to God that I'd never write this kind of message before googling at least half Internet, so you can give an idea... It would be nice to have tutorials on how to make a platformer, a shooter, a maze, puzzle, networked multiplayer games, etc. I know it's gonna mean a ton of work from you but well, I can't see other way to learn than tutorials from the very creator of this software. Greetings again, Leo. P.S.: I say again, this message is not to be taken as a complain. I just want this engine to trascend, otherwise I wouldn't bother in writing such a letter
  24. Or a tutorial to create something similar?
  25. Hi everyone, i followed the tutorial on http://www.photonstorm.com/phaser/tutorial-making-your-first-phaser-game, till World Building. There i got the issue that ground.body.immovable = true; can not be set, since ground.body is null. I am using version 2.0 of phaser, maybe that is part of the problem. I hope someone can help me out, thanks in advance.