Search the Community

Showing results for tags 'javascript'.

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

  1. JimmyBuchman

    Create Gif

    Hi, i wonder if the babylon have some function that creates a GIF for download. If this not exist, Is it possible to do with JS ?
  2. kumareshRajalingam

    Phaser Shooting Game

    Hello all I am making an shooting game in phaser I want to control the gun using the arrow keys i,e [upArrow,DownArrow and enter] upArrow : is to increase the angle downArrow : is to decrease the angle Enter : To hit the target I do no this thing how to do any help guys Thanks
  3. Hello guys I'm working on a javascript game, some times I need to call a function 2, 3 or X seconds after an action, the question is. What is better in performance, create multiple setTimeout() or use the main loop to evaluate a function queue? thanks
  4. My first HTML5 Game, (So exciting! ) Every since playing the famous revolutionary game, I was inspired to create my own "io" game, so here it is! I took the classic version of Snake, and made it multiplayer (Server may take a while to connect, and a bit laggy due to it being free from Heroku) Basically, what I want to know is (preferably 1-10 scale): Do you like the concept? How easy was it to understand how to play? What would you add/change? Any bugs? (For now, may experience lag) What do you think of the name of the game? Anything else that comes into mind, please add! Gameplay Objective of the game is to eat the gray squares causing you to extend your length, while avoiding crashing into yourself, or others. Become the longest of them all! Controls W or ^ - Up S or v - Down A or < - Left D or > - Right Enter - Chat Hope you enjoy this as much as I did making it! SCREENSHOTS Screenshot (1) Screenshot (2)
  5. "Bushed Bricks" it's simple and fun game on JavaScript. The rules of the game are simple. You need to combine blocks of the same color. When a block reaches x4 (default by desktop), you can move it to the line similar color. You'll get game points for that. To win, you need on hold 400 steps or earn 5000 points. To controls use navigation keys (← ↑↓→) for desktop or swipe for tablet/mobile Play it here: Source code: On desktop it looks like this: On mobile devices: I'll be glad to hear your opinion about my game.
  6. Yupoong

    Struggling with some things

    Hello readers and helpers, I am working quite a lot on my game but I struggle with some things like: 1) I spawn my enemies in 5rows from the top to the bottom and they also walk down already. My problem is that they spawn with 5 and go down with 5 at the same time, I want that the enemies spawn at a different time (random time) The code that I used to spawn 5enemies in a row at the top and let them walk down. for (var i =0 ;i < 800 / 40 ;i++) { var sprite= game.add.sprite(20 + (i * 170), 32,"enemysheet"); sprite.scale.setTo(3); enemies.add(sprite); var walk = sprite.animations.add('walk');'walk', 20, true); sprite.body.velocity.y = 100; } 2) My second problem is that when 5 enemies are killed that I want to go to a new level where more enemies will come. But how do i do this? (With new states with all my code and changes for the more enemies ?) ---> This doesn't look clean I think ----------------------------------------------------------------------------------------------------------------------------------------- Thank you for helping in advance guys, I appreciate it.
  7. infinitim

    Fixing Bugs on a Simple Shooter Game

    Hi all... I'm programming a simple JS canvas game and I have a couple questions about two bugs I have noticed. I'll attach the game's code so you can play it and see visually what I am talking about. The first bug, which you will definitely notice when you start moving around (use arrow keys), is that the player (green square) seems sort of fuzzy/compressed on the side that is on the direction they are travelling. This one I have absolutely no idea as to what is causing it, but it doesn't seem to happen on the enemies. If anyone has any ideas about what's causing that or how to fix it that I would love to know. The second one happens when you shoot (use WASD keys) while moving. The rocket (blue square - my graphics are stunning) seems to make a curved triangle sort of shape (sort of hard to describe), like it is accounting for the movement of the player and when it exits the canvas it seems to be fully corrected as far as I can tell. I want it to instead shoot straight while my player continues onward in the direction they are going. If anyone can tell me what is causing these bugs and/or how to fix it that would be great! Thanks. The files: run.html game.js
  8. fikers

    New User! Some questions!

    Hi everyone! I'm a first time poster on this forum after having just come across it after a google search - just what I was looking for. I have a finance background but have been learning how to program (JavaScript) the past few months. I have an idea for a simple game that I really want to build. However, instead of learning Swift, I was thinking of building a native iOS app using something like PhoneGap or CoCoon. I don't even know if that's actually possible since I don't know what exactly they are but from what I've gathered, these programs will let you build a game in JavaScript and compile it into a native iOS app - which would be pretty cool! Can someone guide me to some resources on where I can get introduced to the world of making games using JavaScript for iOS (where I think the market for games really is)? Thank you - looking forward to contributing to this community!
  9. Yupoong

    School Project , new to Phaser

    Dear readers, I have a problem, well not a problem, but I need help. At first I want to say that English is not my main language and if I make mistakes you should correct me. I'm also new to phaser and programming, but I am willing to learn. So for school i need to make a game linked with a database (login, score, money) on a website. What I was thinking is some kind of Plants VS Zombies, but then with 1shooter at the bottom, move him sideways to kill the zombies and try to keep them away from the under border. What I have already is the background, the moving "soldier" and that he can shoot. I also have an enemy sprite but for some way he doesn't want to load ... . I don't know how to spawn the enemies in like 5 /6 lines from top. And that they will walk down, like LEVEL1: kill 5 zombies LEVEL2: kill 10 , and each level you earn money for more damage, but the zombies will become better and better. So it would be a great help if somebody could explain this for me, not only in code but also in words, like I said i'm new in coding and want to learn. In the attachment you will find a zip of my game, my main language is DUTCH, so the commentaries are in DUTCH, but my code is in English. If i need to explain something i wrote, just ask :)! Thanks for everyone who wants to help! I'll try to answer as soon as possible ! STAY CODING AND LEARNING !! PhaserCode.rar
  10. tleberre

    Create a 2D Map

    Hello, I don't know if this is a real good place de ask this, but i try I would like to create a geolocaliser in trains. For this, i have plans based on the country and type of the train and the wagon. I have all criterias here : I was wondering what's the best practices to to this ? Should i transform my png or jpg into a SVG and then map it to a own 2D grid-map ? I'm new on this, so any advices/tips are more than welcome Thanks P.S : The only thing is that the core of the app is using AngularJS
  11. Hello i want to start creating game with the phaser framework but i don't have the game template how I should install him ? I found no tutorial that explains how to do it :/
  12. Hello there! Please see our posting for this job over at: It's also below: Our game development studio is looking for a client side (minor server work) javascript PixiJS game developer. Past tiles upon request, but we have many AAA game developers and talent for our next multiplayer game. Our server infrastructure was built by a past full stack engineer hire from UpWork and forums along with our core team, you will work with them and our original team on bringing a version of our .io to the web market. We use Trello and Skype and expect checkins a few times week. We are a small studio with limited budget, but we respect our employees. We have a monthly budget in mind, but would like to hear from you. Our goal is to take what's currently there (shown upon request) and add the fun client side details of polished graphics with some server experience preferred to plug into for minimaps, etc. ALL ASSETS INCLUDED FOR DEV. What we want from you:- Examples of past PixiJS work or similar- Game examples you've worked on and what specifically you contributed (sci fi or .io is a plus!)- UI implantation in PixiJS (we will give you psd, can you bring them in game well, etc)- Mention 'blue bunny' in the early part of your message to show you read this- Mainly client side asks like graphics, explosions, UI, etc- Any references We've hired folks from Upwork before, we please don't waste our time and jump right into it if you think you're good fit! We look forward to hearing from you! More details, like Trello board, the game progress and anything else you would like upon request. We have a goal to hit before the end of the month and GDC. Thanks so much, hope you say hello! Please get in touch with me either on twitter (@TDJ) or email and ignore the dashes: d-y-la-n-@-t-he-dy-lan-jo-nes-.-co-m Thanks so much for reaching out, good luck either way!
  13. Just4fun game, developed with phaser+typescript. You are the Governor of Campania (south of Italy)... and you must save Salerno (my city) from the Evil Imperial invasion.... Why "fried fish edition"... its a complex story related to a vote exchange in last italian constitutional referendum... hauhaahahauh!! Never mind... just play! tnx in advance for any feeback! Here a video about Salerno... and Penguins!
  14. Our company is developing a browser-based collectible card game where players will be able to create personal collections, build and edit decks, create and join games in a lobby, and play against live opponents entirely inside their browser. We are hiring a front-end web developer to build our website. We already have a backend game engine and database. The selected job applicant will be required to develop the site and connect it to the backend through our API. Our website is already partially developed. We have had two previous developers and it will be important that our new developer can work with a large existing code base. The platform is written in Typescript using the HTML5 based open-source game library Phaser. Technical requirements: This position is for a front end developer only. No back end work will be assigned Code written in Typescript, with Phaser Collect and validate user input Transmit user input to the API: user interactions include typing, clicking, and drag & drop Process responses from API Display responses to the user: output includes displaying cards moving to different locations, highlighting values that have changed. Attractive display (smooth animations, pleasant arrangement) are a must If you're interested in the position, message me with the following information: - Your CV - A brief description of what interests you about the project - How many hours a week you would like to work on the game - What is your desired rate of pay
  15. grabbitmedia

    Line plot on Canvas using Jquery slider

    I am tying to use a jquery slider to plot a line on a canvas when I click a button. I dont know how and where to make the value from the slider a variable that changes with the slider, it just stays with the initial slider value. $(function() { $( "#slider" ).slider({ value:100, min: 0, max: 500, step: 50, slide: function( event, ui ) { $( "#amount" ).val( "$" + ui.value ); } }); $( "#amount" ).val( "$" + $( "#slider" ).slider( "value" ) ); a=$( "#slider" ).slider( "value" ); }); </script> </head> <body> <script> function myFunction() { var c=document.getElementById(""); var ctx=c.getContext("2d"); ctx.moveTo(a,50); ctx.lineTo(b,0); ctx.stroke(); } URL:
  16. Guys help please. A friend of mine made a model with sketchup so i exported it to dae and used blender to get the babylon file. heres a zip of the file with textures: File removed because it's apparently nothing to do with the problem
  17. e.s

    cant load an image in phaer

    Greetings, I am trying to load a basic image into my HTML, java-script game and When I update my webpage nothing shows. I tried to follow phasers examples online but I am not sure what I'm doing wrong. Any help would be much appreciated. main.js index.html
  18. Hello, I am a co-founder of a startup, right now we are two people working on developing an app for brain training using a sensor that can measure brain signals. It is a desktop application written in JavaScript using Electron. We have decided that we would like to have a game working inside of the application, that can take incoming signals from the sensor and use them to control the game. For example it could be increasing speed or height as the signal increases. We have been looking into game frameworks/engines to do this. Since we are using JavaScript we would prefer to keep working with that. Electron uses a chromium browser so it also needs to work with HTML5. We have a lot of other things to focus on so preferably we would like to be able to build games quickly and easily, my co-founder prefers not to code so much so we have been looking into drag-and-drop GUI based ways of building games. Like Construct 2, Buildbox, Game Salad, Gamebuilder Studio and lately Qiciengine. We really liked Qiciengine as it is open source and completely JavaScript and HTML but now we found out that it is no longer being developed. I am already getting errors running it with the latest Node version so it does not seem very promising to use without any further development. The game itself can be quite simple, we are thinking 2D and having some character fly in the middle of the screen, going up or down as the signal increases or decreases and receiving points/bonuses based on some score system. I have been a bit concerned with using GUI based drag-and-drop game engines to generate the code as we need the game to integrate well inside of our application and we also need to send in values to control the game, that makes me think that a more code-based framework like Phaser may be a good choice for us as it would ease integration and allow us to have one codebase. On the other hand it may take longer to develop as I would have to write all the code. That said is there anyone who can recommend us how we could develop this game? Would it be ok to use the qiciengine even if it will not be developed? In general do you think it would be hard to integrate a drag-and-drop solution that generates code into our existing application? Would it mean more work in the end as we would have to keep separate code-bases/projects synced?
  19. erich

    help with a loop

    Hi Im trying to make a level select buttons so a person can choose which level to play How can I make this.levelButton1,this.levelButton2 etc on the fly ? for (i = 1 ; i < 6; i ++){ this.levelButton = this.add.button(this.levelButtonWidth * (i * 1.8), 100, 'levelButton' + i); this.levelButton.inputEnabled = true;{ console.log('You Pressed LevelButton' + i); // pass this value to GameState }, this); } I have tried this.levelButton = this.add.button(this.levelButtonWidth * (i * 1.8), 100, 'levelButton' + i); but I keep getting a null reference any help would be appreciated Eric
  20. infinitim

    Help Creating a Shoot Animation?

    Hi all... This is my first post on this forum, so tell me if I'm breaking any rules . I've just been getting into html5 canvas game programming, and I'm just making a simple shooter game (NOT space invaders style). Basically, my green square guy (controlled by arrow keys) gets chased by the red square guys. I want to be able to have him shoot them (spacebar) with a little blue square, which I want to fly at them, no aiming required, and then disappear on contact, but none of the code I've tried has worked yet. Just want some pointers on how to implement that. Thanks. Included JS file. game.js run.html
  21. Full Stack Developers Valaa is a startup developing a social platform for collective creation of interactive, narrative driven content. Our vision is based on years of experience working with clients from government offices, schools and universities to NGO’s creating narrative driven games for education, health, research and social causes. We are looking for Full Stack Developers to join our team in Tampere, Finland. As a skilled generalist you can further define your role within Valaa. We are specially interested in hearing about you if can see yourself... as a Game Engine Developer, extending our core HTML5-based technology with modular components and features, taking the lead in building our Knowledge Platform for interfacing with our many audiences from developers to storytellers, educators and gamers, or become our Developer Evangelist, not only working with our tech, but telling the world about it. Responsibilities: Independent development of modular components and features Delivering quality features that are not only enjoyable for players but also intuitive for developers and content creators Defining your role within Valaa and in the future building a dedicated team (engine development, knowledge management, community outreach) around your field Requirements: Appropriate degree and / or solid understanding of computer science fundamentals Experience with modern, modular JavaScript on commercial projects Excellent teamwork and communication skills Appreciated: Experience with at least some of our core technologies: React, GraphQL, ES6, Linux, Git, JS game frameworks, event sourcing/Redux, Node.js/npm, testing frameworks, task runners, Webpack Professional game or related tools development experience Interests in 2D and 3D graphics, VR, AR and artificial intelligence Experience in community management Experience in creating video learning materials, blogging and / or streaming Experience in building and maintaining documentation targeted for end-users (libraries, frameworks and open source projects count) We offer: Position in an inspiring and diverse team of professionals from game designers and software developers to teachers and classical composers The career opportunities of a rapid growth start-up Job with societal significance and responsibility Send your application to no later than 15.1.2017. Please attach CV or LinkedIn profile and links to relevant references or profiles (like GitHub). If you have a YouTube channel, blog or a game development portfolio we would love to see it. For more information please contact: Johanna Roihuvuo, Office Manager +358 (0)44 5070 781
  22. Hi all, I am making my first steps with Phaser and found something odd when building a tilemap with Tiled. The map so far consists of a single layer with tiles built from two different images containing 16x16 and 32x32 pixel tiles: When I load that into Phaser, it looks shifted: My first guess is that Phaser does not support maps with differently sized tiles on a single layer, could that be the cause? Are there any workarounds? The code is straightforward: // In a Phaser game template generated by the Yo phaser generator, I do: // In preloader.js: loadResources() { // load your resources here'Mythos_A4_2', 'assets/mythos/Mythos_A4_2.png'); // walls'Mythos_A5_1', 'assets/mythos/Mythos_A5_1.png'); // ground'map', 'assets/maps/test.json', null, Phaser.Tilemap.TILED_JSON); } // In game.js: create() { = '#787878'; ='map');'Mythos_A4_2', 'Mythos_A4_2');'Mythos_A5_1', 'Mythos_A5_1'); this.floorLayer ='floor'); this.floorLayer.resizeWorld(); } On a different note, when I use the custom/phaser-no-physics.min.js build, Phaser.Tilemap is undefined. When I use phaser.min.js, everything works nicely. How come? I don't see how Tilemaps would necessarily require physics. Thanks for any pointers in advance! synesthesia
  23. Covacs

    Weird rotation bug

    When i rotate a sprite i dont know why it looks weird. After rotation Before Is this a common bug or just my code?
  24. courtneyvigo

    an array of text objects in pixiJS

    I want to create 5 possible animations text instances that cycle through every time an action happens (like a button press for example). I am thinking this needs to be an array that increases the x position with a for loop (i++). What is the syntax for an array of text objects that can be cycled through with a for loop? Thanks in advance. Im new at pixi this is what I have so far: //Aliases: this is shorthand var Container = PIXI.Container, autoDetectRenderer = PIXI.autoDetectRenderer, loader = PIXI.loader, resources = PIXI.loader.resources, Sprite = PIXI.Sprite; //Create a Pixi stage and renderer and add the //renderer.view to the DOM var interactive = true; var stage = new Container(interactive), renderer = autoDetectRenderer(500, 500, { antialias: false, transparent: false, resolution: 1 }); document.body.appendChild(renderer.view); var btbTexture = PIXI.Texture.fromImage(''); var btn = new PIXI.Sprite(btbTexture); btn.scale.x = 0.5; btn.scale.y = 0.5; btn.anchor.x = 0.5; btn.anchor.y = 0.5; btn.position.x = 55; btn.position.y = 475; btn.interactive = true; btn.on('mousedown', () => console.log('mousedown')); stage.addChild(btn); //load an image and run the `setup` function when it's done loader //add images by: //.add("images/beerCup_logo.png") .add("") //creates a progress statement that will check to see if assets are loading .on("progress", loadProgressHandler) .load(ScrollingText, addButton); //.load(); //this function will check to see if all assets are loading to the stage. loader function loadProgressHandler(loader, resource) { //Display the file `url` currently being loaded console.log("loading: " + resource.url); //Display the precentage of files currently loaded console.log("progress: " + loader.progress + "%"); //If you gave your files names as the first argument //of the `add` method, you can access them like this //console.log("loading: " +; } //button: function addButton() { button = new sprite(resources[""].texture); stage.addChild(button); button.x = 15; button.y = 15; } //text scroll: function ScrollingText() { //Im thinking this is where the array of 5 possible text positions should be text = new PIXI.Text('This is a pixi text', { fontFamily: 'Oswald', fontSize: 24, fill: 0xff1010, align: 'center' }); stage.addChild(text); text.x = 500; text.y = 0; gameLoop(); } function gameLoop() { requestAnimationFrame(gameLoop); text.x -= 1; renderer.render(stage); }
  25. Hi all of you!, Could anybody give me the solution while loading audio in safari browser issue as following. these are the audio files in local drive GET http://localhost/Projects/stacks/bgsound 404 (Not Found) startSoundGET http://localhost/Projects/stacks/startSound 404 (Not Found) normalGET http://localhost/Projects/stacks/normal 404 (Not Found) perfect1GET http://localhost/Projects/stacks/perfect1 404 (Not Found) shrinkGET http://localhost/Projects/stacks/shrink 404 (Not Found) perfect2GET http://localhost/Projects/stacks/perfect2 404 (Not Found) perfect3GET http://localhost/Projects/stacks/perfect3 404 (Not Found) perfect4GET http://localhost/Projects/stacks/perfect4 404 (Not Found) perfect5GET http://localhost/Projects/stacks/perfect5 404 (Not Found) perfect6GET http://localhost/Projects/stacks/perfect6 404 (Not Found) failureGET http://localhost/Projects/stacks/failure 404 (Not Found) pixi.min.js:14Pixi.js 4.0.1 - Canvas - 'undefined' is not a constructor (evaluating 'new window.Audio') Regards, Awadh