Jump to content
This forum will be closing down. Please move to the respective dedicated project forums.

Search the Community

Showing results for tags 'tutorial'.

  • Search By Tags

    Type tags separated by commas.
  • Search By Author

Content Type


Forums

  • Frameworks
    • Pixi.js
    • Phaser 3
    • Phaser 2

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

  1. Hello everyone, just thought I'd let everyone know I'm putting together a YouTube tutorial about developing a Street Fighter game from scratch using vanilla JavaScript. At the time of writing, I'm currently on part 3 of the series where I go into ES modules and object oriented programming. Why not have a look and let me know what you think? 😁
  2. Hi I have just created a beginner's course on babylonJs on udemy named "Single & Multiplayer Game Development in Webgl's BabylonJs" I took permission from @Deltakosh to post the link on the forums Here you go ! https://www.udemy.com/single-multiplayer-game-development-in-webgls-babylonjs/?couponCode=BONUS10 Any comments are much appreciated, Thanks ! Ahmed
  3. New Tutorial: "How to Make A Hyper-Casual Game in 10 Mins" In our New tutorial video, you will learn what a Hyper-Casual game is, and how you can make one easily. - Free Source Code Available https://doondook.studio/make-a-hyper-casual-game-in-10-mins/ Comment your Ideas about our tutorial and tell us what tutorials in game-making you need!
  4. Here's a free book for those interested in or looking to start using TypeScript to make Phaser 3 games. It goes through 11 chapters and about 90 pages to make an Infinite Runner game like Jetpack Joyride. It is intended for those slightly more advanced than beginner. I also wrote the free Infinite Jumper in Phaser 3 with Modern JavaScript book that is geared towards beginners! TypeScript tends to help add more safety and clarity to your code by default so that you can make bigger and more complex games. We cover things including enums, basic state machine, infinite scrolling, object pools, and more! Learn more and get the book here: https://ourcade.co/books/infinite-runner-phaser3
  5. Here's a free book for interested in getting started with modern JavaScript and Phaser 3. You won't need to use NPM or set up any complex build tools. If you've been hesitant or unable to use modern JavaScript because of these web development configuration and tooling hurdles then this book might be perfect for you! You'll just need Google Chrome and Visual Studio Studio. Aside from being an easier way to start using modern JavaScript, the book also goes through creating an infinite jumper game like Doodle Jump. You'll learn everything within the context of modern JavaScript best practices like splitting code into separate files and using the import/export module syntax for dependencies. You can learn more and get the book here: https://ourcade.co/books/infinite-jumper-phaser3
  6. 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
  7. Hi, we glad to introduce you a new series of tutorial that explain how to create WebGL 3D applications using Blender and Verge3D. You will learn how to create a 3d-web application from first step till the publishing it in the net. Enjoy. Link to the application Content: 1 – Intro 2 – Creating a New Project 3 – Materials and Environment 4 – Camera, Puzzles and Background 5 – Creating HTML Interface 6 – Layout for Mobile Devices 7 – Interactive Animation and Sounds 8 – Material Configurator 9 – Adding Annotations 10 – Post-effects and Antialiasing 11 – Application Optimizations 12 – Publishing the Scene
  8. 1-) I am new at phaser and I look for phaser3 Matter physic tutorials. 2-) Is there a way to search in phaser3 tutorials. It is too hard to find proper tutorial. https://phaser.io/news/category/tutorial
  9. I'm doing a video tutorial series for Phaser 3 since the only alternatives are paid Zenva courses(which aren't bad but not many can afford). I'm aiming to do videos once a week and if you want to help out, I'll be on discord open to discuss the scripts and what to go over.
  10. Hello guys ! I wrote my first tutorial on Babylon.js here : http://pixelcodr.com/tutos/toad_attack/toad_attack.html I introduce several notions, as : - basic stuff (getting started, sphere, box, ....) - import a custom mesh (as a babylon file) - materials - texture - skybox - basic animations My goal is not to fully describe all these elements (because it is already well done in the Github wiki), but it is more 'learning by trying'. By creating simple simple, I hope it wil help newcomers by showing how easy Babylon is. Don't hesitate to send me your feedbacks, there are very valuable for me as you got already some experience with babylon, and it will surely increase the quality of future tutorials I plan to write. Thank you guys ! Keep the webgl games coming Cheers ! EDIT : Here is (for now) the complete list of tutorials: - Learn the basics: http://pixelcodr.com/tutos/toad_attack/toad_attack.html - Interactions with the Actions system: http://pixelcodr.com/tutos/plane/plane.html - Physics engine (with Oimo): http://pixelcodr.com/tutos/oimo/oimo.html - Manipulate vertices of an object (for procedural generation for example): http://pixelcodr.com/tutos/trees/trees.html - How to create a loading screen by creating a preloader: http://pixelcodr.com/tutos/preloader/preloader.html- Create a simple FPS game : http://pixelcodr.com/tutos/shooter/shooter.html- Play with physics and Oimo.js : http://pixelcodr.com/tutos/physics/physics.html (new!)
  11. Back to the Lamps on Babylon / Open Contest! forum thread, I've commited myself to write a tutorial about my lightmap workflow. Here the demo: And here the first published version of the tutorial... but in french, for now πŸ˜„ https://www.nothing-is-3d.com/article25/de-blender-vers-babylonjs I will soon make available an english version, don't worry. [edit] english version is out: https://www.nothing-is-3d.com/article27/from-blender-to-babylonjs
  12. An awesome series of game development tutorials. The famous Asteroids game is being recreated in Blender and WebGL, without using a single line of code! So far 7 videos are already available: Part 1: Modeling of the spaceship https://www.youtube.com/watch?v=Z-vFWHsTY0o Part 2: Creating materials for the spaceship. Outline effect https://www.youtube.com/watch?v=mwa5AHyteaE Part 3: Creating looping animated stars https://www.youtube.com/watch?v=5CklNN08V5A Part 3.5: Re-making stars animation with Verge3D Puzzles https://www.youtube.com/watch?v=XWECthVEONs Part 4: Adding keyboard controls https://www.youtube.com/watch?v=wFX6FRSyHZI Part 5: Modeling of asteroids. Materials and outlining https://www.youtube.com/watch?v=Ecgd5ZsU-N0 Part 6: Making asteroids move with Puzzles https://www.youtube.com/watch?v=3BdGNtMdGi0
  13. 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?
  14. Since GODOT does everything that Phaser does but with greater facilitaton as well as more quickly and with great easiness and much much less effort blood and tears. Why to use phaser any more?
  15. Pretty good engine I think!
  16. makis

    Please help!

    I recently read a poor guy’s sos cry! You can read it here! Hello everybody, I had some questions about getting started with phaser that might sound very stupid, but I am just getting started and I'm not sure what I'm doing. I followed the step for step installation guide but the hello world test is still not working. Please keep in mind that I'm a complete newbie, the setting up of a local server already confused me and I decided not to get into any github command line busy because the more I looked into that and tutorials about it, the scarier it got. So what I have now is brackets as my code editor, and wamp as my local server. The wamp symbol is green, so it's working. I downloaded Phaser as a JS. file, but I'm not sure where I'm supposed to put it? Does it work anywhere on my computer, should it be in the WWW folder? The step by step guide does not tell me this. I also copy and pasted their hello world code into an HTML file, placed it inside of a folder in the WWW folder, but when I go to localhost and open up the project, it does nothing. I'm at a loss. Please help me out, because I am very confused. HERE IS MY ANSWER! Stay away from that beast! You just loose time, mind, even money. Supposed you have everything fully working and reading the tutorial still you have nothing. They don't have resources to guide you towards your travel. They don’t want It. They don't allow you to have knowledge on Phaser. They feel as masters of the universe. Just leave this effort to learn Phaser beast. I am here having lost time mind money with nothing in return!
  17. <script> this.input.keybord_F_key(β€˜isdown’,go); function go(){ this.add.anims({ targets: rocket, rocketPosition: { t:1, rocket.x: path.get.point.x, rocket.y:path.get.point.y, duration: 500 } }) } this.setColide(rocket, planet, blowUp); function blowUp(){ this.add.anims({ targets: planet, frames: {begins:1,ends:6}, frameRate: 20 }) } </script> I have to say that beeing a newbie on Phaser, I dont know if it is the right tool for little fun animations. If so can I have some help, please. Or, have you any idea for a different tool for projects like that? I know many things about html, css, javascript, d3.js, gsap.js, jquery.js. I have a tilesheet that begins with a planet and ends with the explosion of the planet. I have the rocket. When I push the F (fire) key it moves on path and destroys the planet. It explodes on it! Can I have any help in order to speak Phasers 3 language so I can give flesh and bones to my project? You have to keep in minde the unfortunate scarcity of Phaser 3 tutorials that could help people, thirsty for coding, like us. Again if you know some other tool for little animations, can you tell me what is that? I would be grateful if you do ...
  18. Hi everyone, just wanted to share my tutorial on how to make a simple frogger-style game in Phaser 3 (including some camera shake and fadeout effect) Hope you like it! How to make a game in Phaser 3
  19. Hi there! I've created a detailed tutorial on how to create a full cross-platforms WebGL game (using Babylon.js of course) from mobile touch devices, to desktop up to VR! https://www.davrous.com/2018/08/14/using-webgl-and-pwa-to-build-an-adaptative-game-for-touch-mouse-and-vr-devices/ I've tried to create small samples for each section often pointing to the playground to explain you how to do each part. I hope it will help people discovering some Babylon.js principles and will also generate some forks to create other fun 3d experiences! At last, I'm explaining how to manage properly offline via a Service Worker coming from PWA coupled with our embedded IndexedDB layer. As a bonus, you'll discover how to push your game to the Microsoft Store Hope you'll like it! Cheers, David
  20. I downloaded 16 lessons to learn WebGL programming of this WebGL tutorial from GitHub, the first four lessons are fine and in the canvas HTML5 element I see what I should see, but in lessons 5 to 13, the canvas is entirely black and I don't see any colorful shape on it. In lesson 14, I only see in the center of the canvas the white text "Loading world...", the canvas in lesson 15 is again entirely black and in the last lesson number 16, I do see in the canvas a moving and turning white shaded box from left to right during few seconds and then it disappears and after that the canvas is entirely black again. According to his/her WebGL tutorial, the canvas in each lesson should show me nice colorful shaded and textured 3D shapes transforming in real time on the canvas, not everything black, but this is not happening for me. Why? I am using the latest version of Google Chrome internet browser. What can possibly cause this? In addition to the 16 lessons, there are also 3 examples, the first two examples are fine, i.e. in the canvas I see what I should see, but in the third example the canvas is entirely black again and I guess that this should not be happening.
  21. Found this and was curious if it-d be Phas3r or not.... unfortunately this doesn't state that it is actually Phas3r... but yeah it is! Anyways posting because there are not that many video tutorials out there
  22. Writing playground based tutorials (PBTs) just got easier. Well a little bit easier than when it started in this thread. There are now methods available in the playground for anyone to highlight or hide lines in the editor and to build simple standard information and selection dialogue boxes. Documentation is available to describe the available functions with links to a couple of examples and how they were coded. Even if you do not want to write a full tutorial the functions can be used just to highlight some lines in your code or even to hide and unhide some lines as in this example https://www.babylonjs-playground.com/#NLMGJ2 A word of warning - I thought that this example was simple enough so I ignored my own advice from the documentation and just added the function to hide code straight into the playground and forgot to change a true to a false and ended up losing the code I needed to correct. So unless you are just using line decoration always write and edit the code in a text editor and copy and paste into a PG and Run to test, don't Save until you are sure everything is correct..
  23. 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:) )
  24. This is the last part of the multiplayer tutorial series. We're going to host our game in Heroku so that everyone else can access your game! http://gojasonyang.com/post/phaserMultiplayerGamePart8.html
  25. Hello guys, in this tutorial we implement entering username for players by creating another login phaser state. Tutorial: http://gojasonyang.com/post/phaserMultiplayerGamePart7.html Github: https://github.com/dci05049/Phaser-Multiplayer-Game-Tutorial
×
×
  • Create New...