Skip to main content
Game Development

Questions tagged [webgl]

Ask Question

WebGL is a Javascript API for rendering interactive 3D / 2D graphics on the HTML5 canvas element. It is based on OpenGL ES 2.0.

289 questions
Newest Active Bountied Unanswered
Filter by
Sorted by
Tagged with
1 vote
0 answers
46 views

I'm observing that when I move the camera a little bit it works normally, but if I move more then I'll skip chunks of the screen. I enabled "press CTRL twice to show cursor" with Powertoys ...
BrunoLM's user avatar
  • 111
0 votes
0 answers
29 views

I'm trying to store/fetch data from my own backend in my Unity WebGL build. I want to host this build on Facebook Instant games. Content-Security-Policy: The page’s settings blocked the loading of a ...
Zee's user avatar
  • 922
0 votes
0 answers
156 views

I have an app in Unity WebGL that should run for a long time (a few days) without stopping. One issue I notice is that, the longer the app runs the browser memory usage gets bigger. Is this related to ...
Ivan's user avatar
  • 379
1 vote
1 answer
127 views

I'm working on a personal moon generation project using Voronoi noise, slightly modified for crater generation. Here's the code: ...
Antoine Portal's user avatar
  • 11
1 vote
0 answers
217 views

I have a Webgl build created in Unity 2020.3.22f1. The Content Policy looks like this (set to report-only for debugging): Code (htaccess): ...
TheCell's user avatar
  • 103
0 votes
1 answer
72 views

I have a really simple scene that includes only one or two 3D objects, and the rest of it is UI. My target is WebGL so I am taking every chance to optimize thing as much as possible. The game objects ...
Ivan's user avatar
  • 379
0 votes
1 answer
295 views

I've just created a WebGL build for my puzzle game in Unity. While the Windows version worked just fine, I encountered a bug on the web: it cannot load the next level when you collide with the goal. ...
Nghia Tran's user avatar
  • 1
0 votes
0 answers
109 views

I have a problem when creating a texture with WebGL. The thing that I do not understand is that the first call with texSubImage2D with a canvas leads to the ...
hoangphatmonter's user avatar
  • 1
4 votes
1 answer
809 views

I used game engines that are capable of cross-platform export: Cocos Creator, Godot, Unity, others. Some game engines have this thing, called "physics update" or "fixed update". ...
idchlife's user avatar
  • 229
0 votes
0 answers
148 views

I could use triangles (make them using trigonometry). But the circle I want is small, only 20px diameter. I could also load a model but I need a quick solution. Is there an easy method to draw a small ...
Praveen Kumar's user avatar
  • 13
0 votes
1 answer
252 views

I am creating a system in Unity using Mirror Networking which will only require one host/server and one client. It is a WebGL build so the client will connect on a browser. I want to send commands ...
Michael's user avatar
  • 51
0 votes
3 answers
733 views

I am using the Oculus VR (OVR) Lip Sync Plugin for an avatar in a Unity project which I want to deploy to a browser using WebGL. The issue is that WebGL doesn't support Unity's ...
Michael's user avatar
  • 51
1 vote
1 answer
116 views

I have posted a project on itch.io (here). My character walks with the speed I intended when Chrome's hardware acceleration is turned on but walks much faster when it is turned off. First, my friend ...
vmrfreitas's user avatar
  • 131
0 votes
0 answers
134 views

Given that Verge3d cannot support Volume input, or volumetric shader property in the material output node. Using WebGl 2, and possibly 3.js, is it possible for me to export my blender models and their ...
Francis Mike Nathan's user avatar
  • 1
0 votes
1 answer
401 views

In lots of WebGL online games (all games I tested were made with Unity), my FPS is sometimes higher than the max, FPS setting of my PC (75), but why?
EarthAndMoon's user avatar
  • 92
0 votes
1 answer
1k views

I am trying to draw a rounded border / outline around a texture. Basically I have two textures doing a transition and the border should look like being part of the textures itself. I tried different ...
hank_sp's user avatar
  • 3
0 votes
1 answer
82 views

I'm having some issues when drawing a semi transparent object after an opaque object, and the object is in the shadows. On the left, the torch is rendered just fine, I can see a nice blend of the ...
jucarave's user avatar
  • 56
1 vote
0 answers
1k views

I'm trying to build simple project with only one shape in WebGL, and I get these 4 errors. I tried to install again and it's still not working. ...
tommymordhi goroh's user avatar
  • 11
0 votes
1 answer
106 views

I get 'undefined' from the BasisParser that I use from Pixi itself, when loading a KTX2 file with a custom extension (through Assets.load): ...
Kristof Van Der Haeghen's user avatar
  • 1
1 vote
0 answers
60 views

I'm making a 2d game engine using Java Script and WebGL, both of which I am new to, and was wondering if it was a good idea to use a shader object to initialize the fragment and vertex shader and then ...
Myrkgard's user avatar
  • 11
0 votes
1 answer
130 views

I have two meshes (A and B) and I know that a triangle in A has the same size and same angles as a triangle in B. For simplicity, suppose A is an octahedron and B is a tetrahedron. And suppose the ...
nkint's user avatar
  • 961
1 vote
2 answers
390 views

I would like to develop a simple and small game for WebXR so that Quest, Index, etc. can play it. I would eventually like to be able to put it on the Quest store and Steam. Is there a way to publish a ...
Imperial A's user avatar
  • 13
0 votes
1 answer
1k views

I can't understand how to work with .jslib files. I don't understand the syntax of this type of file. Also I couldn't find any easy explanation of it The problem ...
EzioMercer's user avatar
  • 173
1 vote
1 answer
1k views

I create a WebGL game. After building project I discovered that the game doesn't fit the screen size How you can see the canvas is perfectly scaled but the game didn't I don't know what I changed but ...
EzioMercer's user avatar
  • 173
0 votes
0 answers
1k views

I have a job that I did for a client and the client wants the project to be viewable in a web browser. I looked into it and all I found was people telling me that it's impossible, but this is a low ...
ChristianOConnor's user avatar
  • 151
0 votes
0 answers
133 views

I cannot work out why my blur shader based on this example affects only what's inside the illuminated sphere. Below is the loop I'm using to blur an HDR framebuffer 5 times horizontally and vertically ...
Sina Dasht's user avatar
  • 11
0 votes
0 answers
130 views

I want to create a Unity WebGL application, that will run in a browser. I want to allow this application to "listen" for messages, so it needs to be a server. What could be the developing ...
stighy's user avatar
  • 477
0 votes
0 answers
94 views

I want to have a pipe with elastic walls that one or more blobs can move into which stretch the pipe. I also want the pipe to be able to contract in diameter and have pressure applied from the outside ...
Foo Bar's user avatar
  • 1
13 votes
1 answer
4k views

In a WebGL 2 GLSL fragment shader, one can not access the pre-existing color value of the current pixel, i.e. the color that is already there in the framebuffer before the pixel that is currently ...
Anders's user avatar
  • 243
0 votes
1 answer
497 views

I want to render multiple colored quads, with one solid color per quad, using WebGL 2.0 and Javascript. However, this question is probably generalisable to other OpenGL implementations as well. The ...
Anders's user avatar
  • 243
0 votes
0 answers
79 views

I’m not very experienced with WebGL and want to ask if this project is potentially feasible and also for a few hints about what direction I may want to take. I’d like to implement all of the logic ...
OrgnlDave's user avatar
  • 133
0 votes
1 answer
321 views

I have a webgl shader that uses multiple render targets. This one only renders to one texture for now. However, I plan that this shader shall render more. However, as soon as I add layout qualifiers, ...
Kotetsu Chan's user avatar
  • 3
0 votes
0 answers
950 views

I need to get the rotation differences between the model and the camera. convert the values to radians/degrees and pass it to the fragment shader. for that I need to decompose and the Model rotation ...
Sadern Alwis's user avatar
  • 101
0 votes
1 answer
151 views

I would like to move my landscape to simulate a world moving on the x-axis. I use createPattern() to add an image inside my path, but the pattern draws the image at ...
Leo_xfh's user avatar
  • 11
1 vote
0 answers
721 views

I wish to draw a simple mouse trail using fragment shaders, similar in appearance to drawing the following in processing (omitting the step of clearing the canvas). I cannot wrap my head around the ...
msalla's user avatar
  • 111
0 votes
0 answers
470 views

I created a very simple game in Unity 2020, built it to WebGL, and uploaded it to itch.io. When I open the game, I see the following error: ...
Erel Segal-Halevi's user avatar
  • 487
2 votes
0 answers
22 views

I'm experiencing an interesting distortion in the UV mapping of a trapezoid. When I map a square plane and tilt it backwards, the perspective-correct interpolation gives it the expected pinching at ...
M -'s user avatar
  • 121
0 votes
0 answers
270 views

When I build my game while graphics API is set to webgl1 the shader is just a gray texture. It works fine if graphics API is set to webgl2 but I need it to work on webgl1. Can shader graph shader ...
Ivan's user avatar
  • 379
10 votes
3 answers
5k views

I am new to Unity. I have a problem where my game has good performance on my non-4k screen. Bur when I play it on my 4k screen, the performance gets really bad. It looks like the resolution is ...
Kims's user avatar
  • 209
0 votes
2 answers
862 views

Currently i am using the package to download zip file which contains 3d models in obj format. The download has been completed and converted to byte[], but I am not finding any way to convert the byte ...
Muhammad Faizan Khan's user avatar
  • 2,074
0 votes
1 answer
124 views

I have a mesh that is generated using the marching cubes algorithm that is drawn using gl.drawArrays(), however the whole mesh isn't rendered, only part of it. I checked if the count I was specifiying ...
Kotetsu Chan's user avatar
  • 3
2 votes
1 answer
1k views

Description I'm working on a system to seamlessly reconstruct and play numerous segments of a continuous video stream by playing one segment on the active Video Player while loading the next on the ...
verified_tinker's user avatar
  • 528
0 votes
0 answers
30 views

I am trying to build an obj file loader and I have written code to read an obj file with face f with v/vt/vn - vertex, texture coordinate, and normal. While going through the obj file, there are so ...
Pravin Poudel's user avatar
  • 101
0 votes
0 answers
467 views

I was asked by a client to create a pretty simple 3D game that will be embedded on a website, a plain landing page that will contain the game and will be played on mobile devices. The game itself has ...
omer simchoni's user avatar
  • 27
1 vote
1 answer
1k views

I am using a scriptable object for saving data. I know that scriptable objects are unchangeable means we can't change and save data after runtime but is there any workaround available to update it? Or ...
Muhammad Faizan Khan's user avatar
  • 2,074
4 votes
2 answers
725 views

I'm trying to figure out the best way of rendering my layered tiled maps with WebGL, and have come across this tutorial several times: https://blog.tojicode.com/2012/07/sprite-tile-maps-on-gpu.html ...
Ryan Peschel's user avatar
  • 235
0 votes
1 answer
3k views

I have a project that works fine when I build for windows, but doesn't work when I switch platform to WebGL. The [SerializeField] AudioClip variables in the ...
xcrypt's user avatar
  • 498
0 votes
1 answer
4k views

I'm learning how to make a browser game with Unity. I have set up the screen display dimensions to 960 x 640 (I read that it's a safe resolution to use. Feel free to correct me). I created a Canvas ...
Jeff Nama's user avatar
  • 11
0 votes
0 answers
927 views

Sorry if this question doesn't make sense, I'm still very new to WebGL / OpenGL. Basically, I'm trying to draw a tilemap similar to the one in Stardew Valley. Here's a screenshot from that game: https:...
Ryan Peschel's user avatar
  • 235
0 votes
0 answers
118 views

I am using this water for my URP webgl build but the problem is it is showing differently on the editor. When I run the game then it showing correctly and when I build and run it in the browser then ...
Muhammad Faizan Khan's user avatar
  • 2,074

1
2 3 4 5 6