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

Found 105 results

  1. Hello & Thanks , Windows 10 x64 I am anxious to learn pixi.js but : http://www.goodboydigital.com/pixi-js-tutorial-getting-started/ The example above works on Edge browser , but doesn't work on Chrome . Is there a fix for this ? Pls , aim me at a good tutorial . Thanks...Vern
  2. Hi all, Regarding Reddit JSON API, you can get a JSON document by adding /.json to any Reddit URL. This can be used to extract various data from any subreddit making an image viewer/browser for instance. Furthermore, all images and their data scraped from a Reddit JSON could be also used to make some simple games. Here are some ideas: guessing which of two images has a better/worse upvotes scoreguessing a right range of upvotes for an image choosing between 2 or 3 different rangesguessing a title of an image choosing between 2 or 3 different titles as fast as possibleSo I decided to create a game based on some of these ideas in HTML5 using Phaser framework. But first of all, I need a tool for scraping images from a Reddit JSON file and I made it. The application and a short tutorial about its creation with the fully commented source code can be found here: http://www.askforgametask.com/2015/12/07/reddit-image-scraper/ In the next step I will try to make an HTML5 game using database of images generated by this tool.
  3. [Tutorial] Asteroids remake with Phaser

    [uPDATE: 13 November] Part 4 of this series has been published. You can find it here: http://www.zekechan.net/asteroids-html5-game-tutorial-4/ ---------------------------------------------- Hey everyone, I've been writing a new tutorial series on recreating the classic Asteroids with Phaser. Tutorial Outline The steps for this series includes: 1. Project setup 2. Player ship 3. Creating a single screen game world 4. Adding asteroids 5. Adding player lives 6. Adding sounds 7. The main menu state Links to tutorial http://www.zekechan.net/asteroids-html5-game-tutorial-1/ http://www.zekechan.net/asteroids-html5-game-tutorial-2/ http://www.zekechan.net/asteroids-html5-game-tutorial-3/ I will be posting updates every Friday so either check back or subscribe to my newsletter. Let me know if you find this helpful and of value. Also, if you spot any errors or parts that are unclear, do let know so I can improve =)
  4. Hi, The last version of Phaser Editor is ready to download! This is a Release Candidate version (Phaser Editor RC 15.11). This time we are also releasing new great stuff: The website was reworked with a new look.We created a blog to keep you updated and write about the great features around Phaser Editor.In the blog you will find a quick start guide to help you with the main tasks. This guide includes 8 video demos.The subscription form was moved to a professional website so we can give you a better newsletter.This release is an evaluation product but with no expiration date, it just shows a warning message from time to time. For more details read the release notes. For the final release we are considering to open the source code under a MIT license. Enjoy Phaser Editor! Arian Fornaris
  5. Hello all as you remember if not here is the [LINK](http://www.html5gamedevs.com/topic/17611-i-wrote-4-part-tutorial-how-to-build-snake-game-using-cocos2d-x-html5-version/#entry99247) to my previous post. Now i done writing another 3 tutorials that covers Desktop and iOS. and in the end they will all use 1 code base. Snake Game Using Cocos2d-x Javascript Desktop - PART 5 Snake Game Using Cocos2d-x Javascript iOS - PART 6 Snake Game Using Cocos2d-x Javascript iOS- PART 7 The final game played by my kids: The source code : Snake Game Final version source code Next tutorial will be for android. Enjoy!
  6. Hello all I started to write tutorials blog about game development,especially exploring the options developer have when developing cross platform games using open source tools. for the first tutorial series i developed simple snake game which i plan to show how to implement it for the web,mobile and desktop. the framework i chose is Cocos2d-x. it is mature and professional and above all it is open source. and have great JS/Lua support. i will use JavaScript as my language for this. way ? Because it is easy and accessible. easy to learn for beginners. First part is for the web: Snake Game Using Cocos2d-x HTML5 - PART 1 Snake Game Using Cocos2d-x HTML5 - PART 2 Snake Game Using Cocos2d-x HTML5 - PART 3 Snake Game Using Cocos2d-x HTML5 - PART 4 To play the final game : Snake Game for the web The source code: Snake Game source code Please note that this is the first draft , i will happy to get Feedback so i could iterate and improve. Thanks
  7. After getting some interest here, I started documenting the steps required to get my Phaser game on Steam: Part 1 - Greenlight Part 2 - Making it Look and Feel Like a PC Game Part 3 - Making an Executable Part 4 - Steamworks Original thread: Recently, my game Curvatron (made with Phaser) got greenlit on Steam, which means it will be available on that store soon. For what I gathered, there doesn't seem to be any other Phaser game on Steam right now, but I'm sure some of you are interested in doing this eventually. If there is any interest, I could document my steps toward getting the game there, including stuff like getting on Greenlight, getting greenlit, implementing the Steamworks API with stuff like achievements andleaderboards, etc. Would you be interested in this?
  8. Learning Babylon.js - The ebook!

    Hello all, As some of you already knew it, I've been working on the a Babylon.js ebook for several months. Today, this book is finished, and I named it Learning Babylon.js. What is included in the book: - Getting started with Babylon.js (Hello world in 3D!) - Learn how to use primitives (box, spheres, torus,...), default cameras and lights - Detailed guide on materials and textures - Particles - Shadows - Collisions - Intersections - Physics engine (Oimo.js) - User inputs (keyboard/gamepad) - Animations - How to use exporters (3DSMax, Blender, Unity) - Shaders - Skeletons/bones - And more! The main goal of this book is to CREATE a whole game, chapter by chapter: start with the basics (cubes, spheres and torus), add materials, replace with custom 3D models exported from 3DSMax/Blender,... The game you will create is greatly inspired from the Super Monkey Ball serie. By the end of the book, you will have a complete game to play with, and (I hope!) enough knowledge to create your own. Sadly, I was not able to handle all Babylon.js features in this book alone (I would have spent a whole year on it, and DK is adding new features every day!), but I tried to cover as much as I can with one game. You can find some more information here : http://learningbabylonjs.com/, as well as some screenshots of the book. I hope it will help you in your next Babylon.js projects. If you have any questions, remarks, I'm not far from this forum (as you know it:) )
  9. Hi guys, How I can scale a website using Phaser as http://flashvhtml.com/? exist any tutorial? I think it's very interesting! Regards
  10. Hi everyone, I just wrote a tutorial on how to remake the classic Pong game in HTML5 and Phaser. It's composed of 7-parts and I try to go as in-depth as possible to explain every single line of code I use. Tutorial Outline Project Setup Loading Assets & Adding Sprites Moving the Ball Adding the Game Mode Moving the Paddles & Adding Collisions Scoring and Resetting Adding Sounds and Wrapping Up Link to tutorial http://www.zekechan.net/getting-started-html5-game-development-pong1/ Source files https://github.com/zekechan/phaser-html5-tutorial-pong I'm also planning to write similar game tutorials on other classic games like: Breakout Space invaders Asteroids If you enjoy the tutorial and would like more I would love to hear your thoughts. Feel free to reply, send me a message, leave a comment on my blog =)
  11. Hi, My name is Nikky Oryzano, Besides doing 2D art service ($14 / hour rate, you can contact me at oryzano@gmail.com for this). I am also doing a step by step 2D art tutorial, hopefully that can help out others / developers / new designers, for them to learn and have an idea on how to make art in vector. Please follow my instagram for updates on more art tutorial : https://instagram.com/nikky_oryzano/ Follow My Twitter : https://twitter.com/Oryzano_Game
  12. We are looking for tutorial writers who can create content around Phaser and/or Unity. Looking to have one tutorial published a week. If interested please apply here. The tutorials will go in our blog GameDev Academy which focuses on game development tutorials using different technologies.
  13. Tutorial For Endless Runner?

    I've searched the Community Tutorials and I've Googled around, but I haven't been able to find a tutorial for an endless runner like Jetpack Joyride. I've seen the "Spring Ninja" tutorial but I am looking for something more complex. Specifically, I want to answer: How do I continuously load predefined tilemaps and unload them once they are off screen?Should I make the player traverse through the tilemap or make the tilemap move. Thank you for reading and helping. =)
  14. Javascript canvas tuto

    Hi all, i just want to share with a serie of tutorials to make an Html5 without any framework, just using the canvas, So without talking alot here is the part 1: If you liked the style of this video you can find the other parts in the channel: And thank's for watching
  15. Panda.js complete beginner tutorial ?

    Hello guys I am a flash game developer and want to make some html 5 games for web and mobile for fun While searching for html 5 game engines I found panda.js I think this is a perfect game engine for me but I don't seem to find any tutorial aimed towards complete beginner which tells how to set up the project and how to start things. I know javascript but I don't know how to use it with this engine. Please anyone if you know about any beginner tutorial please tell me ! Please! I really like this engine ( I love pandas ) Cheers, crayonHero
  16. 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!
  17. 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).
  18. 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.
  19. 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
  20. 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
  21. 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.
  22. 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
  23. 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?
  24. 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
  25. 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