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 108 results

  1. I want to come up with a way to render my own car into the scene and it needs to look similar to the demo here http://www.babylonjs.com/Demos/TheCar/ in this link. I looked into the github repo of this project, I mean, where do I start? And whats a babylonmeshdata and babylonbinarymeshdata and how do we get that?
  2. mseyne

    [Tutorial] Pacman

    Hello, here is a new classic game remade with a complete tutorial description, it use the Superpowers game editor (built on Threejs). You can address in this tutorial post your problems, propose change and ask for tutorial clarity. Or if you feel comfortable with that, you can open an issue on github or even can improve the tutorial directly by submitting pull requests for the markdown files in the github repository. You can also directly discuss about technical aspect of tutorial in the original post here. Thank you :-) SUPERPOWERS TUTORIAL #5 Super Pacman read gitbook tutorial --- play the game --- source assets --- source project Note : you can download fast zip for sources here.
  3. Hello, I made a tutorial for this little game I just released, I wanted to share it and take the opportunity to join the html5 game dev community. For the technology I use : it is Superpowers (which is a game editor based on threejs) and Typescript.
  4. I follow a Microsoft tutorial to show a scene that I exported from 3ds Max. The tutorial link is: https://blogs.msdn.microsoft.com/eternalcoding/2013/06/28/babylon-js-how-to-load-a-babylon-file-produced-with-blender/ The Babylon scene can be seen on the Sandbox, but not offline. Here is my page code: <!DOCTYPE html> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title>Using babylon.js - How to load a scene</title> <script src="babylon.js"></script> <script src="hand.js"></script> <script src="cannon.js"></script> <!-- optional physics engine --> <script src="oimo.js"></script> <style> html, body { width: 100%; height: 100%; padding: 0; margin: 0; overflow: hidden; } #renderCanvas { width: 100%; height: 100%; } </style> </head> <body> <canvas id="renderCanvas"></canvas> <script> if (BABYLON.Engine.isSupported()) { var canvas = document.getElementById("renderCanvas"); var engine = new BABYLON.Engine(canvas, true); BABYLON.SceneLoader.Load("", "TestExportFrom3dsMax.babylon", engine, function (newScene) { // Wait for textures and shaders to be ready newScene.executeWhenReady(function () { // Attach camera to canvas inputs newScene.activeCamera.attachControl(canvas); // Once the scene is loaded, just register a render loop to render it engine.runRenderLoop(function() { newScene.render(); }); }); }, function (progress) { // To do: give progress feedback to user }); } </script> </body> </html> How to show the Babylon scene on web browser offline?
  5. Hello everyone! I just finished an article about how to contribute to Babylon.js engine (the exact same process can be applied to the Documentation, or any repository). It can be found here: http://pixelcodr.com/tutos/contribute/contribute.html It talks about creating a fork, cloning it, setting up Visual Studio compiler, and create a pull request. If you have any questions about it, I'll happy to help
  6. I've made an tutorial based on my approach to enemies in my Metroid Remake extending Phaser.Sprite into a generic Enemy class which in turn is extended to create actual enemies. The tutorial uses ES6/ES2015 but the approach could be used with ES5 (which the my code is actually transpiled to). It's my first tutorial ever. Both positive and (constructive) negative feedback is appreciated. Let me know if you find something you disagree with in my approach, or ways to improve it. Also, English isn't my native language so any feedback on how I could improve hard-to-understand parts is equally appreciated. Link: http://metroid.niklasberg.se/2016/02/12/phaser-making-and-using-a-generic-enemy-class-es6es2015/
  7. 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
  8. 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!
  9. 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.
  10. 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
  11. 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
  12. zeke_chan

    [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 =)
  13. 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!
  14. crayonHero

    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
  15. Hi guys, How I can scale a website using Phaser as http://flashvhtml.com/? exist any tutorial? I think it's very interesting! Regards
  16. 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 =)
  17. 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
  18. 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.
  19. MishaShapo

    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. =)
  20. AbdSab

    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
  21. 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
  22. 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.
  23. 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!
  24. 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).
  25. 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.