Search the Community

Showing results for tags '2d'.



More search options

  • Search By Tags

    Type tags separated by commas.
  • Search By Author

Content Type


Forums

  • HTML5 Game Coding
    • News
    • Game Showcase
    • Coding and Game Design
  • Frameworks
    • Phaser
    • Pixi.js
    • Babylon.js
    • Panda 2
    • melonJS
    • Haxe JS
    • Kiwi.js
  • General
    • General Talk
  • Business
    • Collaborations (un-paid)
    • Jobs (Hiring and Freelance)
    • Services Offered

Found 230 results

  1. Hello everybody, I've been obliged to find best solution for making html5 games for our company. It'd be great if some experienced developers would advice on which direction to go. We have a huge experience in Unity games development, but we already created around 10 games in Phaser 2 engine with WebStorm and TypeScript, but we're not fully satisfied because of the low performance of the games on mobile platforms and lack of support for optimised shaders. Our needs are: - Good performance on mobile platforms - 2D (but 3D would be appreciated, majority of our projects would be 2D) - Good support for sprite sheets (TexturePacker support would be great), sounds, particles, physics, real shaders (vertex, fragment), tweens, skeletal animations - Layout Editor would be great - JS ES6 or TypeScript support - Can be commercial
  2. HTML 5 Game Developers

    We want HTML 5 games for mobile page of our sites.We are ready to pay per game or other offers.By the way It mustn't be WebGl.So , please contact us.
  3. Hello All! I'm a freelance pixel artist, who loves designing and animating characters! Here is my portfolio - https://caleidosymmetry.wixsite.com/portfolio I'm currently available for work on small to medium sized game projects. If you are looking for an artist, I'm here to help! Please feel free to contact me at caleidosymmetry@gmail.com I look forward to hearing from you! -FP
  4. Ohayo! Description: Currently in my free time i'm working on crysis-like 2D shooter game prototype about aliens invasion (events between Crysis 2 and Crysis 3) and specialy trained humans in new version of nanosuit (less power of Prophet suit but more soldiers gets it). It will be multiplayer arena shooter, but for now i'm focusing on singleplayer training mission gameplay, and after i complete with fixing prototype with players feedback i'll start working on the core of the game which is multiplayer arena part. Game works smoothly on Google Chrome (game optimisation for Firefox is on future todo list) and was designed for gamepads (PlayStation and Xbox), but you can play with mouse and keyboard too. Right now aliens are very strong so gameplay is focused on tactics and hide&seek more than just running around and shooting everything you see ;P It runs on mobile too but there is no virtual controls (it's on future todo list) so don't ask me for it now Right now i'm asking you guys to tell me how does controls feels and how much time you had to play to destroy all 4 alien bases (big green dots on minimap, you can kill them only with 2 grenade shots per base :P). Play Online (please, use Chrome): http://soulhunter.psichix.io Tech used: - Oxygen Core (my html5 game engine toolset based on best Unity and Godot concepts mixed with latest best html5 apis); - ES7 with babel transpiler; - Webpack for game bundling and live development; I don't know what i should say more about techs, because everything that is there, it is those 3 things If you're interrested in something more about tech, and i will be happy to tell everything you ask ------ BTW. I want to publish topic/article about game engine used here - which subforum should i use to place that kind of topic?
  5. Hello All, I posted about this a while back and it's now finished and released! CryPixels Procedural Pixel Art Generator Has a demo version available on Windows and Mac. The software is 100% written in HTML5/JavaScript and packaged using nw.js. Full details of the software can be found here: https://crysoftware.itch.io/crypixels Feel free to request additional features, product is in active development. Regards, TomC.
  6. Hello, I want to show my latest game, Freaky Brothers, the game is created with Construct 3. If someone tries it, I would appreciate sincere comments, about mechanics, graphics etc ... I try to improve with each game, thanks. The html5 version can be played from any device, smartphones, iphones, pc, mac etc ... I also leave the Android version and the Itch.io version. Play Html5: Freaky Brothers Html5 Google Play: Freaky Brothers Google Play Play on Itch.io: Freaky Brothers Itch.io
  7. hi every one. i wanna make Tool to control scenes with html5 i wanna make like under images's red box. can you recommand library to make that? thx
  8. Pokemon with Superheroes

    Hi everyone, I'm interested in making a top-down 2d RPG which is Pokemon with superheroes, similar in idea to Marvel Avengers Alliance, but less of a circa 2011 click-and-wait fest. I'm considering using Phaser but I haven't quite found a similar tutorial to know if this is the best option. Can anyone direct me to an appropriate tutorial? Many thanks.
  9. Procedural Game Art Generator

    Hi Guys, I'm pretty new here so quick bio, i'm a full-time developer from the UK and currently working on some game software projects in my spare time. Im currently building a software package for procedurally generating pixel sprites. Just wanted to see what people think and how many would be interested in the end product. Might look into the idea of crowdfunding so I could work on it one/two days a week and get it finished and packaged on mac/windows and linux. I have attached some outputted sprites so you can see the results. There's tons of configuration options so I have just gone with what I think looks good as an example. TomC
  10. Introduction: Hi everyone We are a team of 3D and 2D artists / animators. We have worked a lot of designs / models / animations for game projects. If you are looking for 3D / 2D artists or animators for your project. Please contact us and we would make your project to the next level And of course with decent / indie price Service features: 1: Character designs / concept 2: 3D model for game / 3D printing 3: 2D / 3D animation Contact us: Email: des3dteamw@gmail.com Some of our works: Some item stuffs Pls contact us if you are interested. Email: des3dteamw@gmail.com
  11. Hello, i'm a JS developper in freelance and currently working on a personal project i'm making a game having the same gameplay as Diablo 2. I liked this game so much that i've decided to make a game with the same apporch (3D pre render, mouse based move...) for those who don't know d2 check this link => https://www.youtube.com/watch?v=S7TADQxS6mk the game is a PVP Melee (w/ team or alone), the goal is to defeat others players using teamwork and character' skill. Small map will force players to keep moving while trying to put enemies in trouble. Round ends when all enemies are defeated. Game ends when a team/player have reached 3 wins. A lot of works is already done : - spell/player collision - gameplay - in game interface (life/allies/map/score etc...) - out game interface (main room/lobby/matchmaking) - server side check (prevent cheating) - sound system - game state detection - pvp mode (1v1, 3v3 or even 2v2v2 or 1v1v1v1) this is developped using : Phaser, React for outgame itf, jQuery for ingame itf, SocketIO and express I want to involve a 3D graphist on the project. He has to use Blender to model and animate characters. I need it to be done with blender because this is the lone tool i use to render the animations on spritesheet. Characters will have a least 5 animations : running / iddle / taking hit / dying / casting spell. Other may be added in the future for "special spells" I can't upload a demo because of size restriction here but if youre interested feel free to contact me Thanks ;-)
  12. Hey guys, today we finally launched our game Morterra! Morterra is an online survival game set at the dawn of man. You awake with absolutely nothing and must find food, water, and protection from others. You will need tools to build a base to protect yourself, armors to defend against attacks, and weapons to fight back. You will eventually grow tired and need to sleep. However, while you sleep you are still vulnerable to attacks, so you must build adequate protection for yourself to survive the night. The world contains no edges, no "safe-zones" (other than bases you build for yourself), and players can construct/destruct at their own will, but be conscious of whose stuff you destroy! Morterra was originally written in Java from around 2013-2015, with the intention of being a browser-based game. Once Chrome and other popular browsers disabled Java Applet embedding, it became apparent that Javascript would be the only option moving forward. We started re-writing the entire project in Javascript back in May. 6 months later, and we finally have something hosted and ready to be played! Check out some pictures of our new and improved game! This is our newly renovated login screen/front page to our website. This is a picture of our renovated UI. Still a work in progress, but it's an improvement! If you're still reading, check out the game! It's great to see new faces, even if you're just going to try and kill everyone! If you're interested in staying up to date, we also recently created some social media accounts to stay connected with our fan base! Follow Us: Instagram: @Morterra Twitter: @MorterraMMORPG Facebook: Morterra With converting to browse, we also managed to gain a bunch of new features! I will list some of the most notable ones, and let you find the rest for yourself! New Features: - High scores page (Try it: Morterra high scores) - Mini map - Music (Credits: About Morterra) Plans for the future: - Convert to 3D - Add SoundFX - Become the best new browser game of 2018 Thank you for reading! Be sure to check us out, and let me know what you think! Play now: Morterra - Online Browser Survival Game
  13. https://makizo.itch.io/phaseroids Arrows - Move Ship Space - Fire Weapon A, S, D - Change Weapon 3 Power Ups : - Slow Time - Speed - Shield
  14. Sprite jitters if camera moves with it

    Hello! I'm developing a simple 2D platformer with low res pixel art (canvas of size 144x81 pixels), and I noticed that when I move the sprite horizontally but enough to make the camera follow it, there's some jittering ocurring with the sprite. Here's the link (just pass the "main screen" clicking on START): https://danielklava.github.io/1-minute-left/ Could a kind soul give some assistance? I pay with internets. Thanks a lot!
  15. This is my newest project with Phaser, 2D platformer which aims to bring the best from the present and the past in one game. Curentlly it is still WIP but you can see how the development progress is moving on. Some of you may have seen it on twitter but for those who didn't here are a few gifs: As far as tools and frameworks are concerned I'm using: Phaser - for coding Aseprite - for pixel art Tiled -for level design I'm alone working on this game, graphics, programming and design, so if you see any flaws please do not hesitate to criticize me. Cool part about being solo dev beside not having anyone to mess with my ideas is that when I get bored doing programming, I draw assets for my games, when I run out of inspirations for drawing I design levels, when get tired with that I move back to programming and so on! I hope that playable demo will be available by the end of the month. Thanks everyone for taking a look. Cheers!
  16. Handle diagonal car ramp

    Greetings from a newbie in Phaser. In a 2d car game, how do you imagine a car ramp? Is there any way to draw a diagonal object and when the car object hits that start decreasing the angle and increasing the position.y? Progress! I started with Phaser.Physics.P2JS ( had to quit using Phaser.Physics.ARCADE ) Then make an sprite and assigned a Polygon: preload(){ this.load.physics('physicsData', '/app/dist/sprites.json'); } create(){ game.physics.startSystem(Phaser.Physics.P2JS); game.physics.p2.gravity.y = 50; game.physics.p2.defaultRestitution = 0.01; ramp = game.add.sprite(100, 100, 200, 100, "block"); game.physics.p2.enable(ramp); ramp.body.clearShapes(); ramp.body.loadPolygon('physicsData', 'ramp'); } My sprites.json is: { "ramp": [ { "density": 2, "friction": 0, "bounce": 0, "filter": { "categoryBits": 1, "maskBits": 65535 }, "shape": [ 200, 0 , 200, 100 , 0, 100 ] } ] } I think I got it. Any advice is good
  17. New Playniax Asset Pack Available Now!

    Greetings all,We just released CrashTest Art pack V1.2! Get it at here or see all our stuff here
  18. Hey, I have a problem with the function Project function inside the Vector3 class. This is my code: var screenXY = BABYLON.Vector3.Project( new BABYLON.Vector3(10, 10, 10), BABYLON.Matrix.Identity(), scene.getTransformMatrix(), camera.viewport.toGlobal(engine.getRenderWidth(true), engine.getRenderHeight(true)) ); What I want to do is get the 2d screen x/y position from a 3d vector. And this is what gets returned from the function: Vector3 {x: NaN, y: NaN, z: NaN} How can I fix this?
  19. Hey! My name is Andrey! I'm a professional freelance 2D game artist and animator. Primarily working on games with small studios and indie developers in the role of the creator of various types of game assets: from simple inventory item to animated characters. I prefer to create cartoon-styled colorful bright saturated art. In my work I mostly work in Flash, Animate and Spine. You can see my works in portfolio. Some of my new works you can find on my instagram and twitter. Sometimes I load assets to my gumroad. Now I'm opened for commissions and looking for a freelance task, outsource work and contract. My email: to.murlyka@gmail.com My skype: murlyka.
  20. Displacement filter scale issue.

    Hi, I've long wanted to implement a neat looking invisibility effect for my game, tried using DisplacementFilter, but stumbled upon an issue with scale property. While it works correctly to displace areas under the displacement sprite I created, it also displaces entire container on which the filter is applied. I presume its from non existent knowledge about the subject and how those filters work, but I'm still hoping for either a fix or a reasonable explanation if anyone can help me with this please. Everything in my code follows DisplacementMap example on pixijs.com (one with the grass and magnifying glass). What is different is my stage tree. I have 3 containers for each layer and inside those there are separate containers for chunks that hold the map data, since it comes from the server. const playerSprite = new PIXI.Sprite(new PIXI.Texture(PIXI.utils.TextureCache['player.eyes'])); const displacementSprite = new PIXI.Sprite( new PIXI.Texture(PIXI.utils.TextureCache['player.normal']) ); let displacementFilter = new PIXI.filters.DisplacementFilter(displacementSprite); playerSprite.position.set(16 / globalScale * fs, (8 - globalScale) / globalScale * fs); playerSprite.scale.set(globalScale, globalScale) this.scene.addChild(playerSprite); this.scene.addChild(displacementSprite); displacementFilter.scale.x = 20; displacementFilter.scale.y = 20; displacementFilter.enabled = true; displacementSprite.position.set(16 / globalScale * fs, (8 - globalScale) / globalScale * fs); displacementSprite.scale.set(globalScale, globalScale) return { scene: this.scene, filter: displacementFilter }; the return value from this block is added to the main stage container, and filters are applied to bottom 2 layers. Should i perhaps look into filterArea? Here is the undesired effect on the edges. You can also see the slanted top layer on the trees. so 2 layers are moved by the filters scale property.
  21. Hello, I have just finished the third level for my html5 game, Adventure of Ryan Hunter. Please check it out and let me know what do you think. https://www.tweaknow.com/RyanHunter.php Thank you, Priyo Hutomo http://www.tweaknow.com/
  22. Player and Colliding Objects

    Hi, I need some help with my code, I am trying to create a fenced in area for my character to go in, but he cannot fit through because of the objects that he collides with. How do I change the area that the character collides with? can I reduce the size of the collidable area? The hole in the fence seems quite large enough, but he just won't go through. My game.js // variables for items, walls, etc. var walls; var house; var game = new Phaser.Game(550, 540, Phaser.CANVAS, 'phaser-example', { preload: preload, create: create, update: update, render: render }); //add house to game function addHouse(image) { house = game.add.physicsGroup(); house.create(-250, -240, 'greenhouse'); house.setAll('body.immovable', true); } // add fences/walls to the game function addWalls(image) { walls = game.add.physicsGroup(); // fences up top walls.create(-90, -200, 'fencefront'); walls.create(5, -200, 'fencefront'); walls.create(100, -200, 'fencefront'); walls.create(195, -200, 'fencefront'); // fences to right walls.create(288, -200, 'fenceright'); walls.create(288, -135, 'fenceright'); walls.create(288, -70, 'fenceright'); walls.create(288, -5, 'fenceright'); // fences at bottom walls.create(-90, 59, 'fencefront'); walls.create(5, 59, 'fencefront'); walls.create(100, 59, 'fencefront'); walls.create(195, 59, 'fencefront'); // fences to left walls.create(-91, -200, 'fenceright'); walls.create(-91, -135, 'fenceright'); walls.create(-91, -70, 'fenceright'); // set the walls to be static walls.setAll('body.immovable', true); } // preload items, walls, players, etc. function preload() { // preload player game.load.spritesheet('player', 'hero.png', 64, 64); // preload houses game.load.image('greenhouse', 'greenhouse.png'); // preload fences game.load.image('fencefront', 'fencefront.png'); game.load.image('fenceleft', 'fenceleft.png'); game.load.image('fenceright', 'fenceright.png'); } // variables for character var cursors; var player; var left; var right; var up; var down; // add what will be in game function create() { game.world.setBounds(-250, -250, 550, 550); // set background color game.stage.backgroundColor = ('#3c6f42'); // add player image and place in screen player = game.add.sprite(-232, -100, 'player', 1); player.smoothed = false; player.scale.set(1); // player will "collide" with certain images like walls and houses player.collideWorldBounds = true; // ANIMATION FOR PLAYER CONTROLS down = player.animations.add('down', [0,1,2,3], 10, true); left = player.animations.add('left', [4,5,6,7], 10, true); right = player.animations.add('right', [8,9,10,11], 10, true); up = player.animations.add('up', [12,13,14,15], 10, true); // enable physics in the game (can't go through walls, gravity, etc.) game.physics.enable(player, Phaser.Physics.ARCADE); game.physics.startSystem(Phaser.Physics.P2JS); game.physics.p2.enable(player); // make sure to add this code to add items/walls/buildings addHouse(); addWalls(); // enable keyboard arrows for controls cursors = game.input.keyboard.createCursorKeys(); // camera will follow the character game.camera.follow(player); } // what happens when player does something function update() { // player will now collide with these images rather than pass over them game.physics.arcade.collide(player, house); game.physics.arcade.collide(player, walls); // PLAYER CONTROLS player.body.velocity.set(0); // player presses left key if (cursors.left.isDown) { player.body.velocity.x = -100; player.play('left'); } // player presses right key else if (cursors.right.isDown) { player.body.velocity.x = 100; player.play('right'); } // player presses up key else if (cursors.up.isDown) { player.body.velocity.y = -100; player.play('up'); } // player presses down key else if (cursors.down.isDown) { player.body.velocity.y = 100; player.play('down'); } // player does not press anything else { player.animations.stop(); } } function render() { } The HTML <!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8"> <title>Simple Canvas Game</title> <link href="https://fonts.googleapis.com/css?family=Syncopate:700" rel="stylesheet"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <style> html { background: black } canvas { margin: auto; } h1 { font-family: 'Syncopate', sans-serif; color: rgb(194, 68, 91); text-align: center; margin: 0 auto; font-size: 25px; } </style> </head> <body> <header> <h1>Crafty Heroes</h1> </header> <script src="phaser.js"></script> <script src="game.js"></script> </body> </html>
  23. Demo Error

    Good afternoon, I was following the example of canvas 2d and I'm stuck with some demos that have problems (with the Babylon.js) and I came to report it. Section https://doc.babylonjs.com/tutorials/using_the_canvas2d All demos have the same fault, for example: The simplest starting point would be created a ScreenSpace Canvas2D with a "Hello World!" text, here we go: See it live in this playground - http://www.babylonjs-playground.com/#2AVSFH#35 Uncaught TypeError: e.Tools.getClassName is not a function at o.get [as modelKey] (babylon.canvas2d.min.js:4) at o.n._createModelRenderCache (babylon.canvas2d.min.js:7) at o.n._prepareRenderPre (babylon.canvas2d.min.js:6) at o.r._prepareRender (babylon.canvas2d.min.js:5) at n._prepareGroupRender (babylon.canvas2d.min.js:7) at n._updateCanvasState (babylon.canvas2d.min.js:11) at n._render (babylon.canvas2d.min.js:11) at e.callback (babylon.canvas2d.min.js:10) at e.notifyObservers (babylon.js:2) at r.render (babylon.js:10)
  24. Hello, I have just finished the second level for my html5 game, Adventure of Ryan Hunter. Please check it out and let me know what do you think. https://www.tweaknow.com/RyanHunter.php Thank you, Priyo Hutomo http://www.tweaknow.com/
  25. Would babylon be suitable for a game with a 3D world, but with 2D sprites, like Don't Starve? Or a game like bastion/transistor with isometric 2d views but 3d characters? Thanks!