Questions tagged [webgl]
WebGL is a Javascript API for rendering interactive 3D / 2D graphics on the HTML5 canvas element. It is based on OpenGL ES 2.0.
284
questions
0
votes
0
answers
25
views
How to trigger a local file download for a screenshot from a Unity WebGL game?
Is it possible for a Unity WebGL app to trigger a local file download - binary data generated in the app, somehow triggering a browser download?
- 284
0
votes
1
answer
61
views
Unity Mirror Networking Audio Behaves Differently on Host and WebGL Client
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 ...
- 41
0
votes
1
answer
78
views
OVR Lip Sync in Unity WebGL project
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 ...
- 41
0
votes
0
answers
33
views
Uncaught Syntax Error: Unexpected token .. Doc type is not valid json error
I've a Unity WebGL game.
When I try to load my game hosted on an Ubuntu 20.04 + apache 2.4 server, I get this error:
Uncaught Syntax Error: Unexpected token .. Doc type is not valid json.
I've ...
- 887
1
vote
1
answer
75
views
Character walks too fast when browser's hardware acceleration is turned off
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 ...
- 131
0
votes
0
answers
27
views
Shadow squares on meshes
I had created project on r3f (React THREE Fiber), and after "blocking" when I decided to add high resolution models, I noticed this shadow issue.
Help me to understand, how can I fix the ...
0
votes
0
answers
40
views
Export Blender models and (procedural) material to Browser?
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 ...
0
votes
1
answer
129
views
WebGL FPS is sometimes higher than max. FPS setting - why?
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?
- 82
0
votes
1
answer
244
views
Add a rounded border to a texture with a fragment shader
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 ...
- 3
0
votes
0
answers
55
views
How do you update a non-renderable texture in webgl2 if you cant bind it to a framebuffer?
This is a noob question but I am stumped. I have a texture that stores x and y velocities. These velocities can be positive or negative so I need a texture that can store negative values. I can make ...
0
votes
1
answer
47
views
Semi transparent objects show fuzzy halos when in shadow
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 ...
- 56
1
vote
0
answers
934
views
BuildFailedException: Incremental Player build failed!
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.
...
0
votes
1
answer
60
views
BasisParser returns undefined from loading KTX2 file with custom extension
I get 'undefined' from the BasisParser that I use from Pixi itself, when loading a KTX2 file with a custom extension (through Assets.load):
...
1
vote
0
answers
27
views
WebGL 2.0: Attaching a shader object to a game object
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 ...
- 11
0
votes
0
answers
46
views
Procedurally Generating Shader Code
I'm trying to make an in browser 2d game development environment using javascript and WebGL. I'm extremely new to computer graphics and game development in general. When it comes to shader code, I ...
0
votes
1
answer
67
views
Align two meshes given 2 faces
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 ...
- 951
1
vote
2
answers
154
views
How to publish WebXR game on Quest or Steam stores?
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 ...
- 13
0
votes
2
answers
598
views
How to create global function for all .JSLIB files?
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 ...
- 153
0
votes
1
answer
699
views
How to fit game to screen size?
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 ...
- 153
0
votes
0
answers
691
views
Client says they want Unreal scene viewable in a web browser 😳 last minute
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 ...
- 151
0
votes
0
answers
92
views
Gaussian blur only blurs the interior of primitive?
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
...
0
votes
0
answers
83
views
How to listen for a TCP message?
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 ...
- 887
0
votes
0
answers
40
views
A blob moving through a pipe that contracts and deforms
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 ...
- 1
13
votes
1
answer
3k
views
How to do color post processing in WebGL, when you can not read the color of the current pixel?
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 ...
- 243
0
votes
1
answer
209
views
Efficiently pass one uniform value per polygon or quad to the fragment shader in a single batched draw call in WebGL?
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 ...
- 243
0
votes
0
answers
36
views
WebGL fragment shaders for SNES S-PPU?
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 ...
- 133
0
votes
1
answer
173
views
Why is this shader using multiple render targets not working?
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, ...
0
votes
0
answers
486
views
How to decompose a GLSL mat4 to original RTS values within vertex shader?
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 ...
- 101
0
votes
1
answer
99
views
How to add a texture that follows the movement?
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 ...
- 11
1
vote
0
answers
296
views
Cursor trail with fragment shader
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 ...
- 111
0
votes
0
answers
389
views
Error when opening a minimal Unity WebGL game on itch.io
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:
...
2
votes
0
answers
15
views
UV interpolation gets distorted on a trapezoid [duplicate]
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 ...
- 121
0
votes
0
answers
173
views
Shader from urp shader graph turns gray on webgl1 build
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 ...
- 317
11
votes
3
answers
5k
views
Performance degrading when resolution increases for a 4k screen
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 ...
- 219
0
votes
2
answers
643
views
Convert Byte[] to GameObject in webgl
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 ...
- 1,970
0
votes
1
answer
87
views
gl.drawArrays() not rendering whole mesh
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 ...
2
votes
1
answer
1k
views
How can I stop the Unity Video Player on WebGL from starting each video with a frame of all black?
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 ...
- 528
0
votes
0
answers
25
views
handling obj file without normal [duplicate]
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 ...
- 101
0
votes
0
answers
332
views
Exporting WebGL For Mobile Browsers
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 ...
1
vote
1
answer
1k
views
File writing or scriptable object editing in unity webgl
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 ...
- 1,970
3
votes
2
answers
447
views
Why use sprite tile maps on the GPU in WebGL?
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
...
- 215
0
votes
1
answer
2k
views
How to play sound in WebGL build in Unity?
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 ...
- 488
0
votes
1
answer
4k
views
Resizing canvas to match screen size in Unity WebGL
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 ...
0
votes
0
answers
606
views
For drawing many layered 2D tiles, should one use the painter's algorithm, or Z-buffering?
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:...
- 215
0
votes
0
answers
64
views
URP water showing Differently in on Runtime
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 ...
- 1,970
2
votes
2
answers
2k
views
Performance of many canvas drawImage calls is very slow
I'm developing a top-down 2D tile-based canvas game. I have a single sprite sheet of all my tiles, and then a JSON tile map array of where they're placed.
Previously I would render all the layers of ...
- 215
0
votes
1
answer
473
views
What is the best rate at which to send updates to clients for a first person shooter NodeJS WebSocket server?
I developed a multiplayer FPS using WebGL, Nodejs and WebSockets.
So far it is running great.
I am currently using setInterval(sendPlayerPositions, 16); to send updates to WebGL clients.
Ideally I ...
- 103
0
votes
1
answer
211
views
Removing FMOD from a Unity WebGL project causes an error about not being able to copy fmod_register_static_plugins.cpp
When I imported the FMOD plugin into a Unity WebGL project, then removed it afterwards, I wasn't able to build it due to errors about trying to copy an FMOD file: fmod_register_static_plugins.cpp
...
- 175
-1
votes
2
answers
461
views
Unity WebGL Progress bar never moves but game finishes downloading and works
Not sure why but the progress bar never moves for WebGL in Chrome, but the game downloads and works?
Using Unity 2020.1.14f1 brotli WebGL builds
- 284
0
votes
0
answers
798
views
Unity3d FullScreen Mode Vertical Aspect Ratio in WebGl
My game has vertical aspect ratio and looks like this:
When I press full screen button
...
