Search the Community

Showing results for tags 'webgl'.

More search options

  • Search By Tags

    Type tags separated by commas.
  • Search By Author

Content Type


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

Found 346 results

  1. Hi, does anyone knows what this warning means? [.Offscreen-For-WebGL-0x7fbd8c95ea00]RENDER WARNING: there is no texture bound to the unit 0 I get it in chrome, looks like that everything works fine, but I wouldn't like to ignore it I tried to search for it and looks like it was reported for other libs also (threejs ...)
  2. Hello! I'm quite new into game dev, just finished my first game for latest Ludum dare, now my goal is to earn 1$ in 2 weeks. 2 weeks for making a game from scratch and then make at least 1 dollar out of it. I see there is a lot of people that make thousands on this forum. My question is, whats the best approach? put it on the sites like and put price as 1$, make it free with donation proposition, ads? What's the quickest and most solid way of earning the first dollar from browser game? thanks
  3. Made anything cool with pixi.js? Post it up here and share it with the world! Whether it's a cool game demo, a fully fledged website or some tripped-out crazy experiment, we would all LOVE to see it! To get the ball rolling, here are some pixi.js projects that exist out on the internets: games: experiments:
  4. Hello all, I am using BitmapFontTexture for creating text messages, in browser chrome and opera all works fine, but in firefox I got white screen and error message: I tried to finding something in internet but still don't solved this problem. Thank.
  5. Hello, I am creating a game with Phaser and I guess it is quite large, at least there are a lot of sprites. Using Phaser.AUTO which went to Phaser.WebGL on my desktop (i7-4770k @ 4ghz, 16gb RAM, GTX 970 4GB) I can't even maintain a 60fps (usually around 48-55fps) and there is noticeable stutter on 720p. The same is true for my 2015 Macbook Pro 15". I doubt I'd get any better results on a less powerful computer. I heard that using text with WebGL slowed it down a bunch? but that is a question for a different thread I guess. Anyway, I was searching for a way to speed up my game and came across the idea of switching from WebGL to Canvas. I did that, and on my Mac I got a solid 60fps (haven't tested on desktop yet). The only problem is that Canvas does something weird to some of my sprites (specifically ones with thin borders). I have attached two partial screenshots of my game with box sprites. As you can see, one of the box sprites is perfectly box-like, that one is running on WebGL. Once I switch over to Canvas the box sprites look like the other screenshot - lopsided. Is there a way I can fix this?
  6. Hi, I am making my first mobile HTML5 game using Phaser. Its a very simple tap game where you have to keep your character balanced. I have noticed something that is kind of strange to me. I have tested the game on: -iphone 5c, IOS 10.2.1, safari browser. -iphone 5s, IOS 10.2.1, safari browser. -Samsung Galaxy S4, android 4.4.2. I have tested the game using CANVAS mode and WEBGL mode for comparison. I observed the following: CANVAS mode: Iphone 5c < Iphone5s ---> 30fps vs 60fps avg. -----> expected this.... S4: 60fps. WEBGL mode: Iphone 5c > Iphone5s ---> 60fps vs 30fps avg. -----> did not expect this.... S4: 60fps (same). My expectation was that the 5s would play at 60fps in WEBGL mode, but it is the opposite case. On the samsung s4 it performs the same for both. In CANVAS mode, I have 15-17 draw calls . In WEBGL mode this reduces to 9 draw calls (Most of my objects are on a single atlas). I still have to add audio to the game. I can imagine that it is hard to tell what might be going on, but I can't really find a reasonable explanation for this result and its kind of dissapointing. It seems to me that I can't get a reliable result using WEBGL.... I'm thinking of sticking to CANVAS mode and optimize as much as I can. Would this be the right way to proceed? UPDATE: The Game:
  7. Hello BJS devs, What are BabylonJS's plans for WebGL 2 support? Namely, how do you guys envision supporting webgl 2 and backwards compatibility? I'm not super experienced with game development but I've been playing around with a toy project and I need to use binary 3D textures. I've made some changes to BJS to support 3D textures but I'm not familiar enough with the codebase to think this is the correct way of doing this. Any feedback is much appreciated and I would be happy to make changes / open a PR if this seems like the correct approach. Also, if there is already a branch that supports this correctly, that would be even better Thanks!
  8. So I'm interested in creating a 2D game (currently partially implemented in Phaser-CE) in JS using dynamic lighting. I want directional lights to cast shadows behind P2 sprites, be customizable by blur, dropoff, intensity, and interact with 2D normal maps (created with Sprite Illuminator), and maybe more (that I don't know yet). After doing some research, I've found a variety of tutorials for implementing point lighting in JS - Game Mechanic Explorer, Red Blob Games, 3D by Mozilla, and Byron Knoll. Phaser-CE has a Filter class for accessing GPU accelerated shaders, but its seems difficult to interface between game sprites and shaders, and there seems to be no ready-made lighting solution. Phaser3 seems to be planning some sort of lighting support, but release is far away. So I don't really want to use these options as they seem fragile or overly difficult. Illuminated seems to be the most popular 2D lighting library, though I remember reading somewhere it has some perf issues (doesn't use WebGL or something, not sure). I also came across this LightingEngine project, which while small/unknown has some really cool demos and really great documentation. Neither of these appear to have SpriteIlluminator integration though. All in all, I'm new to this and want to find the easiest way to get dynamic lighting started in a Phaser-CE game. Before I go down the rabbit hole of a specific library/start re-implementing things, I was wondering if anybody has done something similar and has some guidance. Thanks!
  9. haha, I'm a old developer I started to make game from 2008 1. 2008-2017, flash game 2. 2015-2017, h5 game This game is used these engine and tools 1. H5 engine, LayaAir, this engine is very wonderful, I just used safari to play it, this game will have 55~60fps 2. UI IDE, FairyGUI, I can't find other UI EDIT IDE is good than it, I can use it do anything, and it's very very easy, it has timeline like flash, and it has more useful components. I can use it make UI on diffrient size of mobile, yeah, just use IDE, not source. 3. Spine, 3D animation tools LayaAir and FairyGUI are from chinese company, but it has english language. layaair -> fairyGUI -> I hope you like my game, I hope I can find a good h5 game job, i can teach your team how to use LayaAir and FairyGUI, my email is Sorry, my english is not good. ^-^ first photo prove that I used h5 engine to make this game
  10. Hi, I could answer this question by reading babylonJS code so pardon me for my lazyness. I would rather ask here because it looks like some of the devs of BabylonJS sometimes come here and I'm short on time. Is BabylonJS written to use WebGL natively or is it using some library to convert DirectX calls to WebGL (Angle or Anglers?? I read that somewhere I can't find)? Is that behavior different depending on the browser it runs in? (MS Edge vs others) If there's some converting going on, do we have a measurement of the overhead cost (flippin' matrices, normals, transpiling shaders, etc). On the plus side... if it is using DirectX somehow, does it mean I can use DDS on all browsers? Thanks! BabylonJS looks great, I'm still trying to figure out if I should go lower-level WebGL-only Three.JS or use a higher-level "game engine" like BabylonJS.
  11. Hi guys, We developed a game last year with phaser 2.3.0 and webgl, it worked fine on computer browsers and mobile devices. But since the last update of chrome for android (v53.0.2785.97), the screen is flickering until it becomes totally black, without any error or warning. The issue is present on mobile only, it worked on chrome for android v52, but not v53. We tried to upgrade to phaser 2.6.2, same issue on chrome for android v53. If we use Phaser.CANVAS instead of webgl, it works fine, but we prefer using webgl for performances. Does anyone encounter the same problem? Thanks for your help. Joe K.
  12. ---edit--- link no longer works, there is a download on the homepage now as I could not handle all browser issues ---edit--- controls: WASD for movement, mouse to target and shoot, E/right click releases a large rocket at the target Q/middle mouse button to place turrets aim of the game: don't die and kill those pesky spiders that are eating the hexas. if you die, or all the hexas are gone, you lose. the game was created for a small fun contest with the theme "mining and herds", this was my take on it. I'm still missing a start/end screen with a highscore list. not quite sure if I should try to use facebook api for this.
  13. SKATE HOOLIGANS Cowabunga! Little hooligans are on the way! Choose your hero and arrange an amazing disorder Collect coins, upgrade bonuses, buy cool skateboards, avoid dangerous obstacles and get scores as much as you can. LINK: Caution: It’s a WebGL-based game, please ensure that you have latest browser version. Game is WebGL based written with custom game engine. We've refused three.js because of Google Closure Complier And now all gzipped code is only 110Kb! Also we won't license it and the game is free for embedding on any website <iframe src="" name="Skate Hooligans" width="800" height="600" frameborder="0" scrolling="no" allowfullscreen="true"><p>Your browser does not support iframes.</p></iframe> We use CPMStar banners and video preroll for monetization. Please contact me at if you have any questions, suggestions, etc.
  14. Hello! My game does not render in chrome when I use the AUTO mode. I have the same problem with the Phaser examples that are in AUTO mode. Everything goes well when I test my game on Safari or on mobile browsers. Here is my configuration : macOS Sierra 10.12 chrome 56.0.2924.87 (64-bit) Does anyone has had the same issue? Any solution (other than configuring the game in CANVAS mode)? Thank you. Regis.
  15. Anyone seeing a strange white rectangle drawn in the Phaser game canvas in Google Chrome (Version 56.0.2924.87 (64-bit)) WebGL mode on OSX Sierra (10.12.3)? I thought that it was just me having the problem. I am not using WebGL / auto as a temporary work around. Other Phaser examples I have seen are working fine.
  16. Hi there. Thanks a lot for stopping by. We are working on the online football management game and looking for a game developer who could help us to develop the live match simulation with babylonjs or threejs or any other similar 3d game engine with WebGL support. You will be working closely with the back-end developer on live match simulation based on the generated data you will get from the database (player skills, team skills, weather and other factors). We offer you a revenue share. If you are interested in the project, you can read the overview here: Get in touch with me if you are interested or have any questions. Thanks in advance!
  17. I have been running a shader on mac and pc using splatmaps... But for some reason on iOS the console reports these errors... Is there something kind of compatibility layer i need to do something special for iOS in shaders??? Does anybody have a clue has to what the error could be coming from when run on iOS ... works fine on regular computer. If anyone needs to take a look at my actual shader code: Terrain_Splatmap.vertex.fx Terrain_Splatmap.fragment.fx Note this is only an issue on iOS mobile so far and ONLY after trying to use forth splat texture 'albedoSampler4' ... Weird ... Is there a MAX texture limit on IOS... Works great on pc, mac, android and xbox... just craps after forth splat on iOS @Deltakosh , @Sebavan or @RaananW got any ideas
  18. Hello everyone. here is my game made on defold. (hope webgl is ok for this section) I've made this game on game jam about 6 month ago. and right now want to polish (add proper tutorial + metagame) and release somewhere. Unfortunately defold has some limitations, i don't have access to javascript so i can't make proper integration to the portals. so i think to release it on the Facebook. and if retention will be ok - make proper release on android and iOS. I'm new in html games, I come here from unity3d, so I'll be very happy for your advices. online version: Screenshots: Gameplay:
  19. This is scene is arranged into separate blocks, each block is a SolidParticleSystem. (Like this, and like this.) Each particle is touching right on the edge (see attached image), or click here. There are some black pixels that flicker in and out on these edges. These are z-fighting artifacts on the edges (I think ). I tried just increasing the scale of the particles slightly so they overlap with each other but this doesn't fix it. What can I do to remove these artifacts? Is there a simple way without adding more geometry to every particle? I'm not afraid to modify shaders if I have to.
  20. cloth

    Hi, i trying to emulate a cloth animation follow this: I am trying to apply cloth to a garment (obj. file / shorts), and then do a collision with a manikin, but when i apply it, it's look like this, i dont know why:
  21. Hi everyone, I have a strange issue with the webgl and tilesprite behavior which seems for me to not follow the Phaser documentation. My background is contained inside a sprite atlas described by a json file. All the sprites have dimension equal to a power of 2 (height and width) and the png file too. I have followed the tutorial It works great with this example and the octopus dimensions used are "w":62,"h":94 But, when I change one of this parameters to a power of 2, for example: "w":64,"h":94, the tilesprite has a strange behavior: the entire image is displayed from x:0 y:0 No problem with canvas. I suppose it is a newbee issue... any help? Thanks!
  22. Hey I am currently polishing off my Breakout or Brick-Breaker game (whichever you prefer to call it). I am trying to add music to the game when the start button is pressed and then sound effects every time a brick is destroyed. Unfortunately Phaser keeps saying Key "Sample" is not found in cache. I have tried using Phasers examples and basing the music off that but to no avail. I am new to programming with Phaser and would really appreciate the help. When the game is finished i will post a link. Thanks in Advance Pheaset here is my code var game = new Phaser.Game(480, 320, Phaser.AUTO, null, { preload: preload, create: create, update: update }); var firework;; var music = Phaser.Sound; var lives = 1; var livesText; var lifeLostText; var ball; var paddle; var bricks; var newBrick; var brickInfo; var scoreText; var score = 0; var playing = false; var startButton; function preload() { game.scale.scaleMode = Phaser.ScaleManager.SHOW_ALL; game.scale.pageAlignHorizontally = true; game.scale.pageAlignVertically = true; game.stage.backgroundColor = '#eee'; game.load.image('ball', 'ball.png'); game.load.image('paddle','paddle.png'); game.load.image('brick', 'img/brick.png') game.load.spritesheet('ball', 'img/wobble.png', 20, 20); game.load.spritesheet('button','button.png', 120, 40);'Good-Riddance', 'Good-Riddance.mp3'); } function create() { game.physics.startSystem(Phaser.Physics.ARCADE); startButton = game.add.button(*0.5,*0.5, 'button', startGame, this, 1, 0, 2); startButton.anchor.set(0.5); music ='Good-Riddance') ="Good-Riddance")["Good-Riddance"]); if(playing === true) { }else{ music.mute = false; }
  23. html5

    Hi everyone, Famobi has been around for more than two years already, but somehow we haven’t actively taken part in this wonderful forum during this period. Many of you know us already and have published their wonderful games in our network. So first of all we want to say THANK YOU! Thank you for the fantastic games you create, thanks for making the HTML5 games industry the next big thing and thanks for just being really great people. After all you and your games are our daily business. And we have lots of fun with them. But even more important, our clients love them. We have spread your games to many portals, companies and brands and gave them the attention they deserve. Since your games have been the foundation of our company and its ongoing success, it’s only fair that we share with you our current state and upcoming projects. Of course we continue and steadily improve our daily work as a distributor of your games. We place them on all the biggest and most known portals around the globe. And new portals, big and small, are registering for an account at Famobi every day. Another focus right now is Facebook Instant Games. Shortly we will begin placing games in the Facebook messenger. So if you have amazing high score games with a quick and easy gameplay, let us know anytime. One can never have enough of those And in general, please continue to send us your games. There are no restrictions to genre or age. However we have a few requirements based on the needs of our clients and partners, that have proven to be crucial for maximum success. The games must be: Full responsive. Games must work in portrait and landscape mode. Without text. No texts means anyone will understand your game regardless of language. Small. Preferrably the file size should not exceed 3 MB. Smooth performance. Even on lower-end devices. We test our games from iPhone 4S and Samsung Galaxy S4 mini upwards. These are a few examples of games that fulfill these requirements and that we really love: Solitaire Classic Street Race Fury 4 in a Row Classic Bottle Flip Challenge Mandala Coloring Book Backgammon Classic Kids Color Book 2 But before our post reaches the dimensions of a novel, let’s come to an end for now. For all those who didn’t know or contact us yet, you can reach us anytime under these addresses: Game submission: Please use our submit form right here: General questions: Purchase of games: Thanks so much and let’s continue to shape the industry! Cheers from the whole team!
  24. Just new model (now no coding only updated new model)
  25. Hello friends! I'm seeking for 2D artist to draw multiply sprites for top-view space game. What about the game? I have a concept of survival 2.5D space game, where every one can manage his own space sector, build space stations, harvest resources, make products and secure from extraneous aliens. You will take a role as a business owner of your faction with minimal amount at your account. Your goal to make successful business, to grow and set relations with other factions, survive in unknown galaxy where you are not alone. Main feature of the game Play from mobile / tablet / desktop, there are no restrictions to popular platforms. Fly on your own spacecraft by using of WASD + mouse or touch control. Think how to make your business work, trade with other players, explore your sector and find a way to other sectors, fight with your enemies to reach your goals. All spacecrafts & space stations consists from parts, each one has their own appointment & feature. Invite friends to your faction. 2.5D game, where each 2D graphic looks like 3D by using power of OSE game engine (lightning + shadows). What is already done Own game engine as a fundament of a game. Inertia physics, spaceship control, lightning. Camera, object's transformations, multiply platforms support. I have very ambitious plans, but resources are limited. I have a very reduced plan of features that I would like to implement. For early stage of development I want to find an artist, that can spend some time to work with graphics of a game. I will pay for graphics if it will be really cool. Contact with me to get details. Skype: andytyurin Thanks!