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
    • 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 106 results

  1. 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
  2. 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!
  3. 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
  4. 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
  5. 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!
  6. 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.
  7. 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.
  8. 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
  9. 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!)
  10. 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
  11. 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
  12. 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!!!
  13. 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:
  14. 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
  15. Or a tutorial to create something similar?
  16. 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.
  17. 2dt

    Tutorials on event handling?

    Any good tutorials on how to bind and handle events in Pixi? The documentation of each event handlers reads "interactionData" as parameter, but I don't really understand what that's supposed to be? Thanks.
  18. I've prepared a small tutorial for managing game states using Phaser. Its fairly straightforward to figure out yourself, but I'll just put it out there nonetheless. [Edit :- The earlier link was broken. You can find a copy (from memory) of the tutorial here - http://gamedolph.in/tutorials/state-management-tiny-tutorial/ ]
  19. Currently I'm building my games using Haxe / Openfl because I can target Flash, Android, Blackberry adn HTML5 with just one code base. Unfortunatelly despite the fact that Haxe is a marvelous programming language and that Openfl is a great project, I'm having many problems using Haxe so I'm thinking to develop 2 versions of the game: one of them using Haxe / Openfl just for Flash and another version made in HTML5 (with Phaser). Could you please kindly point me tutorials that teach us how to package HTML5 games as native applications (using Cocoonjs, Phonegap, Electra)? I'd appreciate if one could point me tutorials that show not only the integration itself, but how to call native functions (for instace, calling Flurry libray / AdMob libray on Android). Thank you all.
  20. A new PlayCanvas tutorial has just gone live: Collision and Trigger Volumes. Check it out: http://developer.playcanvas.com/tutorials/intermediate/collision_and_triggers.html Trigger volumes in particular are so incredibly useful when writing a game. Imagine determining if a car has driven through a checkpoint or whether a character has stepped on a trap. Trigger volumes notify you when these events occur. Enjoy!
  21. rungo73

    absolute beginners Tutorial

    Hi, I've come here from As3 and Flixel but am a complete newb in terms of html5 development. Can anyone point me in the direction of a begnners tutorial for phaser? and perhaps API documentation? I've gone through the basic steps on the Phaser.io site and have got the logo spinning. but now Im after next steps. Specifically I'm after info on best practices, project structure etc My next goal is to get a sprite mvoing around, then animate it. Any help, guidance would be very much appreciated.
  22. suyashmshephertz

    [Tutorial] Game Physics in Multiplayer Games

    I have been trying to learn how to make multi-player games. One thing I learned is that making multi-player games is more difficult than single player games and involves lot of challenges that are not present in single player games. One such challenge is to implement game physics in them. I learned the basics and decided to share my knowledge, and hence wrote two articles for beginners like me. If there is some mistake please tell me Synchronizing Game Physics in Multiplayer Games - http://blogs.shephertz.com/2013/08/16/next-level-synchronizing-game-physics-in-multiplayer-games/ Game Physics in Multiplayer Game Development - http://blogs.shephertz.com/2013/08/13/game-physics-in-multiplayer-game-development/
  23. Hi guys, Intel has recently opened a new site called the HTML5 Hub. It's not just about game dev, but all aspects of HTML5. However I was pleased when they asked me to write an article for the site, so I did one about 'cutting through' images in canvas. http://html5hub.com/cutting-through-images-in-canvas/#i.wgzkq4zc3crby5
  24. KyleNau

    Getting Started Web Audio API

    I recorded this video tutorial earlier this year, offering an easy-to-follow introduction to the Web Audio API. Just thought I'd share it here as well: http://www.youtube.com/watch?v=1wYTkZVQKzs I'm about to start recording more tutorials, so any thoughts or pointers are appreciated.
  25. Hey everyone, I have been searching and searching and still can't find a good solution to this... The best answer I have come across is to just add to the prototype of an existing object the functionality I need. Then if I wanted to override something just wrap another function call around the function I want to override and just call the function then do what I need to do after it. Are there any cleaner ways to go about doing this sort without having to copy large chunks of code over and over again? Maybe perhaps Phaser already has something built in to make this easier? Another example of what I am trying or want to do would be like how in Flixel you'd have those certain functions you'd always override in a object after you'd extend it and add functionality to everything that could be re-used over and over again. If using the prototype is the only way that's cool... Just wondering.