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

  1. Parts 2 & 3 of my new series, How to make Slither.io with Phaser, are here! Part 2 - Creating your first snake: https://loonride.com/learn/phaser/slither-io-part-2 Part 3 - Extending snakes to be players or bots: https://loonride.com/learn/phaser/slither-io-part-3 Enjoy!
  2. Hi, I’ve just finished a big tutorial explaining why and how to build a cross-platforms VR experience using WebVR and Babylon.js: https://www.davrous.com/2017/07/07/from-zero-to-hero-creating-webvr-experiences-with-babylon-js-on-all-platforms/ 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: http://playground.babylonjs.com/frame.html#QWIJYE#6 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: https://twitter.com/davrous/status/883416521057456129 Thanks, David
  3. 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...
  4. 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
  5. 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
  6. 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.
  7. 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.
  8. 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?
  9. 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 .
  10. 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
  11. 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)
  12. 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...
  13. 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
  14. 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.
  15. 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
  16. 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!
  17. 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
  18. 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?
  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. 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...
  22. 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?
  23. 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?
  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.