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

  1. 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. http://build.games
  2. 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 : http://www.babylonjs-playground.com/#B9HGX0#3 Now I have one texture fading in and fading out automatically : http://www.babylonjs-playground.com/#B9HGX0#5 To be continued...
  3. Check out our new tutorial, Phaser Cars & Trucks with P2: https://loonride.com/learn/phaser/p2-truck 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: https://loonride.com/examples/bouncy-truck
  4. 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.
  5. Hi, I've been working on multiplayer online experiences with Phaser, Node.js and Socket.io 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, Socket.io 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
  6. 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 : https://www.youtube.com/playlist?list=PL0DZV6c9xy7dkoRe2XupAcbnXZrHclTfv Build an RPG : https://www.youtube.com/playlist?list=PL0DZV6c9xy7cFHqLgc31a5vtPl0_psI95 Construct 2 Basics : https://www.youtube.com/playlist?list=PL0DZV6c9xy7cK-L0ibaP7qHDRcP1Kmg7L How to Make a Platformer Game : https://www.youtube.com/playlist?list=PL0DZV6c9xy7fifhkala4fcY5U9DRnPLUE How to Make a Car Parking Game : https://www.youtube.com/playlist?list=PL0DZV6c9xy7e9GoQioBOXoeR-L6dsrMae
  7. Ravetracer

    How to pixel tutorials

    Hi there, I don't know if someone of you know this guy (Pedro Medeiro): https://www.patreon.com/saint11 He's creating very nice tutorials how to draw and animate pixel related graphics stuff. Amazing stuff inside! Regards, Christian
  8. I've followed http://melonjs.github.io/tutorial-platformer/#part9 , 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 https://mrengy.github.io/pesky-squirrels/boilerplate-master/ Code at https://github.com/mrengy/pesky-squirrels/tree/4ad5a4863bca515811b277ea7143535f7a1404e2/boilerplate-master Melon JS v3.1.0Mac OS 10.11.3Chrome Version 54.0.2840.98 (64-bit)
  9. Hello All, I run the site GameFromScratch.com, 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.
  10. copman

    Amazing Effects in HTML5/JS

    Hi! I've started a tutorial about how to make HTML5 games great... Part1: http://vempiregame.com/allgemein/this-is-just-html5js-are-you-kidding-me/ tell me what you think... wolfgang...
  11. Hello ! There is a free complete course by Victor Mallet. It is about how to create a basic FPS : https://openclassrooms.com/courses/creez-votre-propre-fps-en-webgl It is in french but with a translator, you may understand : https://translate.google.com/translate?hl=en&sl=fr&tl=en&u=https%3A%2F%2Fopenclassrooms.com%2Fcourses%2Fcreez-votre-propre-fps-en-webgl
  12. My post about control mechanisms in JavaScript games was just published on Mozilla Hacks blog. It introduces a series of MDN articles about Implementing game control mechanisms: Mobile touch controls Desktop mouse and keyboard controls Desktop gamepad controls Unconventional controls The basic examples are available on GitHub at github.com/end3r/JavaScript-Game-Controls And the articles are using Phaser-based game Captain Rogers: Battle at Andromeda demo as a case study.
  13. Jadegames

    [GameMaker Tutorial] Simple 3D Dungeon

    A GameMaker developer, Heartbeat (@uheartbeast) has created an amazing tutorial video on how to make a 3D dungeon using GameMaker. I thought I'd post it here so people are made aware of this. It really doesn't use a lot of code to make a rudimentary 3D world in GameMaker. On the subject of 3D games made with Gamemaker, there is a game made using GameMaker, Intrude, currently on Steam that is basically Doom using a more advanced version of the tutorial below. http://store.steampowered.com/app/495720/ I'm no relation to any of these two developers, I don't know them nor am I getting money for posting their work or anything like that. Just saw something and thought it was cool enough to post here.
  14. Since my previous post I have been wondering on how I can map tiles myself within Phaser using the slopes plugin. If I wanted to include tiles such as "hills" or different sorts of slopes, are there any good tutorials out there that explains this? It would be very beneficial to the game I am creating. I am using 32x32 tiles with arcade physics. I've read in this file I downloaded about a "Arcade Slopes converter" which I'm unsure about. I've included the current tile sheet I created and using to test things out as well as the full code. Any help is appreciated! This is my current code for the mapping of my tiles. this.game.slopes.convertTilemapLayer(this.ground,{ 1: 'FULL', 2: 'FULL', 3: 'FULL', 4: 'FULL', 5: 'FULL', 6: 'FULL', 7: 'FULL', 8: 'FULL', 9: 'HALF_TOP', 10: 'FULL', 12: 'FULL', 13: 'HALF_BOTTOM_LEFT', 14: 'HALF_BOTTOM_RIGHT', 15: 'HALF_BOTTOM_LEFT', }); Test Game Phaser.rar
  15. assafsahar123

    Darts game - code required

    Hi, I'm going to start working on a darts game soon and I'm looking for any helpful reference, source code or tutorial that can help me with ideas, techniques and shortcuts. In case you know anyone or anything that can help me please let me know. For some reason I can't find anything like that in the web. I guess this type of games is not so popular... Thanks!
  16. Nicholls

    Pixi.JS website tutorials

    Hi guys, The community need create more advanced websites using Pixi.js, exist any tutorial (free or not) to create websites using the canvas fullscreen with Pixi.js? For example: - http://flashvhtml.com/ - https://runpixierun.tresensa.com/ I can't find the best way to do that, guys help please! PD: What do you think about to create a PixiJS Market to find Pixi tools for games? Like http://market.ionic.io/ Regards, Nicholls
  17. So yea, my internet was out yesterday and today... soooo I decided to go ahead and create my first written tutorial. Um I hope you like it? https://pryme8.github.io/Das_Noise/Tutorial_1/ Comments, Concerns, Criticism?
  18. 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 . http://www.gamedevcraft.com/2016/08/part-1-multiplayer-websocket-game.html 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 .
  19. digitsensitive

    Tutorials: Phaser & TypeScript

    Hello there! I am new to this community. As I did find it a bit difficult to find good resources to code with Phaser in TypeScript I decided to "track" my experiences and write tutorials as I proceed. For those who are interested: You find the tutorials in my git wiki here. I hope this will help. Feedback is always welcome. Eric
  20. WiLD11

    Taking tutorial requests!

    Hello! You probably know me from the free Phaser tutorials that I have made on Youtube Here is the newest one that I have published. Now I want to take your requests, what do you want me to feature? Is there a certain topic that you would like me to cover and go over? Please reply to this post with your suggestions! Here is the video that tells you a bit more about me Thank you all! <3
  21. noobshit

    In game tutorial/help

    I'm making single n-back game https://noobshit.github.io/ What is best way to show user how to play? What hotkeys are used? Should I make screenshoots with additional labels/arrows to explain GUI or is there a better way?
  22. 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?
  23. SUMMARY: This post: HOW TO 2nd post: Original question that originated this post 3rd post: Research log concerning some problems and workarounds pertinent to this how-to THIS HOW-TO IS IN AN UNUSABLE STATE, AND HAS BEEN NOW ABANDONED. SORRY FOR THE NOISE. Okay, so after some hours of research here's what I came up with, in case anyone's interested or as a future reference for myself. These are the configuration steps to set up a Phaser project in Eclipse Mars.2 (4.5.2). I guess these might change from version to version, but remain essentially similar. You'll need to set up a local web server, but this is beyond the scope of these instructions. In my case I installed a WAMP (Windows-Apache-MySQL-PHP). 1. Head to http://phaser.io/download/stable and click on "clone". In my case this took me to: https://github.com/photonstorm/phaser/tree/v2.4.8 2. Click on "Clone or download". A dialog unfolds with the git repository URL. Copy to clipboard. In my case it was: https://github.com/photonstorm/phaser.git 3. Go to Eclipse and: Window->Perspective->Open perspective->Other->Git->Ok 4. Select to clone a Git repository. Paste in URI field->Next 5. Select All. Theoretically IIUC you should only need the "Master" branch. But I selected all just in case.->Next 6. It will want to clone in some default directory. It's okay like that, just copy the directory path to the clipboard for later.->Finish 7. Go tease you favorite pet/mate while the repository is cloning. 8. Window->Preferences->JavaScript->Include Path->User Libraries->New->Enter "Phaser" as the library name->Add folder->Paste in the "folder" field->Ok 9. Still in Preferences->General->Web Browser->Use external web browser->Select your html5 browser. In my case I left it at "Default system web browser", which is Chrome. 10. Still in Preferences->Server->Runtime Environments->Add->Basic->HTTP Server->Next->Enter your HTTP local server's web directory in the "Publishing Directory" field. In my case this was: "C:\wamp\www"->Finish->Ok 11. Window->Perspective->Open perspective->Other->Web->Ok 12. File->New->Static Web Project->Enter your project's name in the "Project name" field->Select HTTP Server in Target runtime->Finish 13. Right click on your project->Properties->JavaScript->Include Path->Libraries->Add a JavaScript Library->User Library->Select Phaser->Finish->Ok 14. Download https://github.com/photonstorm/phaser/raw/master/resources/tutorials/01%20Getting%20Started/hellophaser.zip or head to http://phaser.io/tutorials/getting-started/part6 and look for the hello phaser example if the previous link didn't work->Unzip in a temporary folder and drag the contents to your project's "WebContent" folder in Eclipse.->Copy files->Ok 15. Right click on WebContent->Import->General->File System->Next->Browse to your git root directory\phaser\build->Select it->Ok->Check phaser.min.js->Finish->Overwrite?:Yes --- OR --- Use your system browser to open the aforementioned directory and drag phaser.min.js to your WebContent on Eclipse and overwrite. 16. Reformat your code from this: var game = new Phaser.Game(800, 600, Phaser.AUTO, '', { preload: preload, create: create, update: update, render: render }); function preload () { } function create () { } function update () { } function render () { } to this: var state = new Phaser.State(); state.preload=preload; state.create=create; state.update=update; state.render=render; var game = new Phaser.Game(800, 600, Phaser.AUTO, '', state); function preload () { } function create () { } function update () { } function render () { } (More info about this in 3rd post) 17. Right click on your project->Run As->1 Run on Server->Basic->HTTP Server->Next->You might need to change your HTTP Port if your server doesn't default to listening on port 80->Finish Your project should have opened in your browser. NOTE: 1. I have no idea if step 14 is correct, or whether you need to include other files in your project's web content directory. 2. If Content Assist (that's what's called the feature I was calling autocomplete) doesn't pop up, hit CTRL+Spacebar. It should work and display Phaser's API documentation. 3. For following new projects you just need to follow steps: 12 to 17, as long as you don't switch your workspace, of course. 4. I will edit this post to reflect changes if you point out any errors in the procedure, etc. Cheers, Eneko P.S.: Setting up IDEs is always a nightmare, isn't it? Unless you got some template...
  24. 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.