Search the Community

Showing results for tags 'tutorial'.

More search options

  • Search By Tags

    Type tags separated by commas.
  • Search By Author

Content Type


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

Found 95 results

  1. Tutorial: Using Ionic in PlayCanvas

    This tutorial aims to introduce the Ionic to PlayCanvas template project. Using the Ionic Framework PlayCanvas applications can deliver a great mobile-friendly UX with a minimal effort. Ionic is an excellent framework that makes it easy to build great UI experiences for all kind of devices. PlayCanvas is an amazing tool providing interactive content experiences in the web.
  2. My Game Builder allows you to make games with JavaScript, Phaser, or no code at all. You can pull up your workstation from anywhere, at anytime, and work together on projects. There is real time "google docs" style collaboration. Any game you see can be viewed with full source to see exactly how every part was put together, and forked to make your own "mod" of it or to just mess around. Tutorials are included for art, programming, or whatever else you want to brush up on.
  3. Hi! This is a tutorial series on how to convert an existing Unity project to PlayCanvas. I saw the need for something like this, as I have been contracted several times to convert Unity codebases to WebGL/PlayCanvas to support HTML 5/mobile deployment. Let me know if you find this useful!
  4. Tutorial: Texture masks using a shader

    Hi! I started a blog with tutorials about PlayCanvas and WebGL development. This is one of the first tutorials, on how to use shaders to mask and animate textures in real time. Let me know if you find this useful! You can follow this tutorials on twitter as well:
  5. I wrote my very first blog post. It's a tutorial on how to create a multiplayer game with phaser in the client, and Node.js in the server: The server uses and Express.js. Part 1: It's for complete beginners who aren't familiar with Node.js and Phaser. I hope someone finds it useful if it's their first time working with Phaser and Node.js !!
  6. Good afternoon, I am attempting to run the first tutorial of Phaser JS ( after you setup your local server and save the files to the web root. This is the error I am getting when trying to put the star on the black background: Uncaught DOMException: Failed to execute 'texImage2D' on 'WebGLRenderingContext': The cross-origin image at file:///C:/wamp64/www/phaser_tutorial_02/assets/star.png may not be loaded. at Object.b.createWebGLTexture (file:///C:/wamp64/www/phaser_tutorial_02/js/phaser.min.js:4:13974) at b.WebGLSpriteBatch.flush (file:///C:/wamp64/www/phaser_tutorial_02/js/phaser.min.js:4:22659) at b.WebGLSpriteBatch.render (file:///C:/wamp64/www/phaser_tutorial_02/js/phaser.min.js:4:20300) at b.Image.b.Sprite._renderWebGL (file:///C:/wamp64/www/phaser_tutorial_02/js/phaser.min.js:3:13555) at b.Stage.b.DisplayObjectContainer._renderWebGL (file:///C:/wamp64/www/phaser_tutorial_02/js/phaser.min.js:3:10848) at b.WebGLRenderer.renderDisplayObject (file:///C:/wamp64/www/phaser_tutorial_02/js/phaser.min.js:4:12898) at b.WebGLRenderer.render (file:///C:/wamp64/www/phaser_tutorial_02/js/phaser.min.js:4:12357) at b.Game.update (file:///C:/wamp64/www/phaser_tutorial_02/js/phaser.min.js:8:1288) at b.RequestAnimationFrame.updateRAF (file:///C:/wamp64/www/phaser_tutorial_02/js/phaser.min.js:11:18693) at window.requestAnimationFrame.forceSetTimeOut._onLoop (file:///C:/wamp64/www/phaser_tutorial_02/js/phaser.min.js:11:18587) Can someone help me solve this mystery. I am using Wamp and I am running the files through the localhost web server. Thank you so much for your help in advance, i am very excited to start coding games with Phaser. I have a degree in Web application development but I have yet to make a game. - Brian
  7. This is the phaser multiplayer game series continuation. In this tutorial, we manage food in the server and generate them in the client like many other io games.
  8. This is a continuation of Phaser multiplayer game tutorial with Node.js server and This is part 3 and we're implementing some simple game mechanics with authoritative server. Part 3:
  9. Hi, i witnessed the weirdest behavior while following the make your own phaser game tutorial. At one point in the tutorial (between parts 5 and 6 ) it is explained how to make the player collide with the ground instead of going through it. Basically, the weird thing is that i copy/pasted the whole code from part 6 (not only the script, but the whole html page) in the part5.html file and the player still goes through the ground when i access part5.html, although it works as intended when i access part6.html. I wonder how can the exact same code produce different behaviors. This happened using vivaldi browser, and the code works as intended when i try it with chrome and firefox. I am very intrigued by this, can someone please explain ?
  10. This is a continuation of Multiplayer game tutorial series. On this part 2 tutorial, we make authoritative server for security purposes. We're using physics in the server (p2 physics) Tutorial here: If there's any question, please feel free to ask questions on my site.
  11. Parts 2 & 3 of my new series, How to make with Phaser, are here! Part 2 - Creating your first snake: Part 3 - Extending snakes to be players or bots: Enjoy!
  12. Hi, I’ve just finished a big tutorial explaining why and how to build a cross-platforms VR experience using WebVR and Babylon.js: It contains a lot of samples to: - Create a scene running on smartphone using the Device Orientation fallback, on Mixed Reality headset in Edge and Oculus Rift / HTC Vive in Firefox / Chromium using WebVR. - Show how to teleport either using the gamepad and a gaze approach or using a VR controllers if available (will be our case by the end of the year with RS3) - Show how to interact with items using gaze or VR controllers I’ve been able to demonstrate some of its content to various French meetups and people were amazed by the quality of the rendering and possibilities. We still have some work to do to simplify WebVR usage compared to A-Frame for instance, but it's planned for 3.1 of Babylon.js. In the meantime, test our Mansion VR experience: either on your smartphone using Cardboard, in Edge with a MR headset or in your Oculus / Vive in Firefox 55 beta! Feel free to spread the world also RT my tweet: Thanks, David
  13. 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 :, 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:) )
  14. Hello everyone, I'm currently doing some tests with the DynamicTexture system that could be used to add a new tutorial. The final goal is to have one picture on a plane. When I click on some button I will activate an animation managed by Babylon (if it's possible) so I can fade in and fade out the pictures. I had a first method where I wanted to add a canvas inside the canvas but that didn't work out : Now I have one texture fading in and fading out automatically : To be continued...
  15. Check out our new tutorial, Phaser Cars & Trucks with P2: We will cover constraining wheels to the truck body, increasing wheel grip, and creating a bouncy chassis effect that is seen in many popular games today. See what you will learn to create:
  16. How To Make Games Without Coding (using Construct 2) You have a head full of game ideas and game mechanics, but your time is limited, or you lack the programming chops to create these ideas at a productive pace. You let Caleb show you how you can totally make awesome stuff with Construct 2. Once upon a time, Caleb was a game designer who relied on programmers to help make concepts become a reality. But discovering Construct 2 changed all that, empowering him to be able to develop ideas and games completely on his own! Caleb will show you how powerful Construct 2 is and how its HTML5 foundation allows you to reach nearly every platform out there. He will show you how to make a game from soup to nuts so you can go home and bring your ideas to life! Highlights: General layout of Construct 2 (navigation) Quickly get things moving / happening (touch, mouse, keyboard, joystick) Work with graphics and animations (sprites) Make things come to life without code (events) Quickly work with physics behaviors and more (behaviors) Explore the world of community created extensions (plug-ins) Understand the many ad, IAP and cross promotional plug-ins available (monetization) Cover all of the export/platform options available (app stores) Simple, but helpful tricks Caleb wish he knew when he was starting out (pro tips) Making a full game (assets provided) together ready to publish on your app store of choice. Some Tutorials to start your first game: How to make a Space Shooter : Build an RPG : Construct 2 Basics : How to Make a Platformer Game : How to Make a Car Parking Game :
  17. Hi, I've been working on multiplayer online experiences with Phaser, Node.js and recently. I thought that it might be interesting to make a tutorial detailing how to make a very basic multiplayer game with these tools, so here it is : How to make a multiplayer online game with Phaser, and Node.js . As I said, the game (which can be played here) is very very basic: you click on the small map and your character moves to where you clicked. The movements of the other players (if any) are displayed in real-time. No animations or collisions or whatever, the focus is on the networking aspect. Feedback is more than welcome, as this is my first tutorial ever. If you find it interesting and would like me to make follow-up tutorials on some aspects, don't hesitate to ask! Jérôme
  18. I've just started the first tutorial, following the instructions and am at the bit where you open part1.html. When I do that there is an error in line 17: Phaser is not defined, please fix or add /"global Phaser"/ If I ignore it and carry on with the rest of the tutorial, I get to the bit where you make the star appear in the upper-left-hand corner, but all I get is a little yellow box with "script 0px x 0px" in it, but minimising and maximising the browser makes the star appear instead.
  19. Hello All, I run the site, which among other things... contains tutorials and tutorial series on using a variety of languages and game engines. Just here to announce that I've recently started a BabylonJS Tutorial Series. All entries in the series have both text and video versions. As of right now the series is quite small consisting of: Series Introduction Getting Started Cameras There is also an introduction/review/overview I did a while back as part of the Closer Look game engine series. The next two tutorials on are on lighting and materials, and where we should continue on from there, how long depends entirely on popularity. I will at the very least cover all of the basics. Right now these tutorials should be suitable for someone with Javascript ability but no prior Babylon or game development experience. Of course feedback and suggestions are always appreciated! Hope these are useful to some of you.
  20. 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?
  21. Hello all This tutorial i wanted to publish for along time now . As i see that the indie IO games are building their servers in C++ . It is intro to writing MMO games but not with the usual Node.js and and similar. But this time i'm showing you how to assemble WebSocket server using libuv (node.js C networking lib) for the server networking and libwebsocktes for the web-sockets layer. All server side is in simple pure C And for client side im using Cocos2d-x the HTML5 version . Enjoy ! P.S im planing to do the same tutorial using more flexible c++ 11. And later i will publish tutorial about connecting the server with mongoDB for persistence So please register to my news latter list to get updates .
  22. How to pixel tutorials

    Hi there, I don't know if someone of you know this guy (Pedro Medeiro): He's creating very nice tutorials how to draw and animate pixel related graphics stuff. Amazing stuff inside! Regards, Christian
  23. I've followed , and now I am seeing the white fade-in when the game first loads, but it's loading directly to level 1 - the title screen doesn't load at all. No errors in the console. Demo at Code at Melon JS v3.1.0Mac OS 10.11.3Chrome Version 54.0.2840.98 (64-bit)
  24. Amazing Effects in HTML5/JS

    Hi! I've started a tutorial about how to make HTML5 games great... Part1: tell me what you think... wolfgang...