Search the Community

Showing results for tags 'howto'.

More search options

  • Search By Tags

    Type tags separated by commas.
  • Search By Author

Content Type


  • 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


Last Updated

  • Start


Filter by number of...


  • Start



Website URL





Found 12 results

  1. Hi, can anybody teach us or help resolve Levrage? How should I resolve that horizontal green bar will rotate around his origin point (origin point is in center of green bar) and push tile on the other side? So that ball push green bar on his side and than bar should push Tile on the other side. Can anybody complete code in playground and teach us how to do this? I decide to prepare more playgrounds (simple models) like tutorials for learning. Here is plaground I'm not such good in physics but I really would like to learn new things. greetings Ian
  2. 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 and click on "clone". In my case this took me to: 2. Click on "Clone or download". A dialog unfolds with the git repository URL. Copy to clipboard. In my case it was: 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 or head to 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...
  3. 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 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?
  4. vikun

    How do game devs make draw the art?

    I've been coding some basic games in JS for the last 3 months and so far I achieved my goals been able to make them without needing to draw things myself (used free to use sprites) and also most of the games didn't even need images. I did almost everything with rect and arc. But now I want to move on to some more "elaborate" stuff, in the sense that there will now be images and characters that I myself would like to make. Problem is, I'm not from an art background, just programming. My game now is simple, graphics like sword and sworcery (that pixelated type of style). How can I make images like those in sword and sworcery? Is it feasible or will I have to hire an artist? If possible I would like to do everything myself.
  5. callidus

    video tutorial on phaser This channel has everything step by step from the beginning of setting up phaser to using it for mobile games. It deserves more attention. It currently has about 5 views per video.
  6. I downloaded Brackets and opened my files in it, but once I open the html file the canvas is all black and two errors come up. These are, error 1: Failed to load resource: the server responded with a status of 400 (Bad Request) and error 2: Failed to execute 'postMessage' on 'DOMWindow': The target origin provided ('http://127') does not match the recipient window's origin ('http://127'). *note: I took out some of the numbers in the brackets of the second error since it displays personal data regarding the server. Thanks for any help
  7. totallybueno

    How to start with CocoonJS

    Hi there, I have my game working perfectly on web, everything goes perfectly good... but I´m trying to try it as an app using CocoonJS and all I have is a black screen and the fps counter. I have a .html and two folders, one with the .js files and another one with all the assets. I tried with all the .js files in the root of the zip but I have the same result. Can anyone tell me how to pack a proper zip for use with Cocoon?
  8. Hello! I'm puzzling through how one would use an Entity-Component System with Phaser. Normally, I'd add a Sprite component to an Entity, but Sprites in Phaser are kind of like entities, in that they are more than just a texture. Also, Sprites are added to the Game, which then handles rendering them. Normally an ECS-style System would handle their display, so I'm feeling a bit lost. How do I use an ECS with Phaser? Specifically, I'm trying to use ces.js, but if someone has a better library, let me know! Thanks!
  9. Hady Hayman

    How to get in touch with sponsors.

    Hi, I was wondering ... After making a game with Construct 2 ( Or any other engine ) How to know sponsors or publishers? Is there's a way to contact Publishers? Is there a list full of indie games publishers ? Sorry for my newbie knowledge.... Regards, ~Hadzy -PandaJet Games
  10. Hello members.I working on simple zombie survival game.I have to do making simple health bar for game player.How to do this?
  11. akorukmez

    How to make map?

    Hello my name is ali.I am turkish so sorry for my bad english.I have a an questions.I developed html5 games beginner level.How to create a level or map how to make these?
  12. If you ever wondered how were old "3d" racing games made here is the great article: