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.

Filter by
Sorted by
Tagged with
0 votes
0 answers
25 views

`textSubImage2D` inconsistent performance

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
5 votes
1 answer
659 views

What causes some web game engines work in "slow mo" mode instead of reducing FPS but continuing to show the true time/tick state of things?

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
58 views

How to draw a small circle 20px in webgl using JavaScript?

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
0 votes
0 answers
36 views

Javascript global variable doesn't update

Here is the scenario, I have a GetImageAerial.jslib which has function something like this ...
Suriya Swami's user avatar
0 votes
0 answers
41 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?
ina's user avatar
  • 294
0 votes
1 answer
105 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 ...
Michael's user avatar
  • 41
0 votes
2 answers
263 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 ...
Michael's user avatar
  • 41
0 votes
0 answers
43 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 ...
stighy's user avatar
  • 427
1 vote
1 answer
81 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 ...
vmrfreitas's user avatar
0 votes
0 answers
35 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 ...
Эльвин Агарагимов's user avatar
0 votes
0 answers
74 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 ...
Francis Mike Nathan's user avatar
0 votes
1 answer
213 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?
EarthAndMoon's user avatar
0 votes
1 answer
448 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 ...
hank_sp's user avatar
0 votes
0 answers
76 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 ...
user6632577's user avatar
0 votes
1 answer
49 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 ...
jucarave's user avatar
1 vote
0 answers
1k 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. ...
tommymordhi goroh's user avatar
0 votes
1 answer
62 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): ...
Kristof Van Der Haeghen's user avatar
1 vote
0 answers
35 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 ...
Myrkgard's user avatar
0 votes
1 answer
70 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 ...
nkint's user avatar
  • 961
1 vote
2 answers
216 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 ...
Imperial A's user avatar
0 votes
2 answers
773 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 ...
EzioMercer's user avatar
1 vote
1 answer
970 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 ...
EzioMercer's user avatar
0 votes
0 answers
797 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 ...
ChristianOConnor's user avatar
0 votes
0 answers
96 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 ...
Sina Dasht's user avatar
0 votes
0 answers
86 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 ...
stighy's user avatar
  • 427
0 votes
0 answers
46 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 ...
Foo Bar's user avatar
13 votes
1 answer
4k 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 ...
Anders's user avatar
  • 243
0 votes
1 answer
279 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 ...
Anders's user avatar
  • 243
0 votes
0 answers
40 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 ...
OrgnlDave's user avatar
  • 133
0 votes
1 answer
184 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, ...
Kotetsu Chan's user avatar
0 votes
0 answers
595 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 ...
Sadern Alwis's user avatar
0 votes
1 answer
118 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 ...
Leo_xfh's user avatar
  • 11
1 vote
0 answers
363 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 ...
msalla's user avatar
  • 111
0 votes
0 answers
418 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: ...
Erel Segal-Halevi's user avatar
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 ...
M -'s user avatar
  • 121
0 votes
0 answers
187 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 ...
Ivan's user avatar
  • 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 ...
Kims's user avatar
  • 219
0 votes
2 answers
708 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 ...
Muhammad Faizan Khan's user avatar
0 votes
1 answer
94 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 ...
Kotetsu Chan's user avatar
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 ...
verified_tinker's user avatar
0 votes
0 answers
26 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 ...
Pravin Poudel's user avatar
0 votes
0 answers
387 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 ...
omer simchoni's user avatar
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 ...
Muhammad Faizan Khan's user avatar
3 votes
2 answers
530 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 ...
Ryan Peschel's user avatar
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 ...
xcrypt's user avatar
  • 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 ...
Jeff Nama's user avatar
0 votes
0 answers
694 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:...
Ryan Peschel's user avatar
0 votes
0 answers
77 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 ...
Muhammad Faizan Khan's user avatar
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 ...
Ryan Peschel's user avatar
0 votes
1 answer
519 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 ...
Ray Hulha's user avatar
  • 103

1
2 3 4 5 6