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.
227
questions
0
votes
0answers
30 views
Unity webgl HTML5 - resolution is forcibly up-scaling
Through uploading test HTML5 builds of my game on itch.io and NewGrounds, I've noticed a problem with the resolution. In every resolution settings area I can think of (HTML5 build resolution, host ...
0
votes
0answers
7 views
Why won't my audio listener activate on awake when ported to WebGL? [Unity 3D]
When I poked around the documentation for WebGL builds in Unity, I read that WebGL places limitations on some of the audio features typically allowed in Unity. It does however confirm that the ...
0
votes
0answers
17 views
WebGL not rendering properly without fullscreen
I've written simple WebGL code intypescript to render some graphics on the screen. But when I implemented lighting I noticed ...
0
votes
1answer
16 views
Unity3D in WebGL the Player doesn't have animations
I using Unity 2019.2.14f1 to create a simple 3D game.
I want to build the project for WebGL, but, even though the player has animations on Unity, in the web the Player doesn't have animations even ...
0
votes
0answers
99 views
WebGL fragment shader pixel position
I have written a fragment shader, on a shape which is a square made with gl.TRIANGLE_STRIP, and which displays a radar:
To build the radar, I'm using distance from ...
0
votes
1answer
36 views
Stuttering when using movetowards in a coroutine
I have the following problem with a WebGL project I'm working on:
I have an object which I want to zoom out and move to a specific position at the same time, for this, I've created a coroutine which ...
0
votes
1answer
25 views
Unexpected scaling of UI elements after build [Unity Web]
I have an unusual scaling of UI Elements after my build in unity for WebGL
Game in Unity Engine:
Game in Itch.io:
Has anyone seen this kind of behaviour? any suggestions on what I should look into? ...
0
votes
0answers
42 views
Logic behind a cubic reflection
I'm creating a cube in WebGL made of mirros that have to reflect the object inside of it.
At the moment I'm stuck because I don't understand the correct logic to implement to achieve the result.
I ...
-1
votes
1answer
119 views
threejs lerp and camera the animation is not smooth
what is the problem with linear interpolation?
in update() in case this is animate()
and when I call zoomCamera() in update() there is lerp with smooth
but when I call here
...
1
vote
0answers
39 views
Unity WebGL Responsive content
I was trying to develop a simple drag and drop items for Web. What I was trying to do is to make the UI elements from web view to mobile view when the aspect ratio is changes.
I need this web view ...
0
votes
0answers
20 views
Why Post-Processing v1 not works in WebGL build?
In my WebGL browser app, i've tried to add Post Processing (first version) stack.
I'm using Unity 2018.4.6f1 (i started 1 years ago to develop this app).
I've added Post Processing Behaviour to my ...
-1
votes
1answer
55 views
WebGL-HTML5 canvas in two blogger blog posts show individually but not together?
In my blogger blog: https://cglabprojects.blogspot.com
I have a newer blog post with
<canvas width = "570" height = "570" id = "my_Canvas1"></canvas>
...
0
votes
1answer
182 views
Unity WebGL Build: Why it shows only Empty Folder?
i'm trying to built my game, made in Unity 2018.3, and i'm trying to built it in WebGL, but the problem is this: built was succeeded, but the Folder is still Empty, and here is the problem occured:
...
0
votes
0answers
128 views
Input.GetAxisRaw not returning zero after releasing the key
In my WebGL Project here is the way for camera navigation (Movement/Rotation) on Update event:
...
0
votes
1answer
174 views
WebGL Freeze for some minutes after loading asset bundle
I have to Load/Unload models from a specific URL based on player position. For this reason I am checking player position from model and then load/unload related piece of model in a ...
0
votes
1answer
43 views
View Space From gl_FragCoord
Trying to get the example code for CalcEyeFromWindow() (first one on the page) to work in WebGL, but having no luck.
Paired down the code to the following with some explicit values just in case ...
0
votes
1answer
315 views
Why WebGL Audio isn't working?
I need to download audio (OGG, Mp3 or wav) from URL and play it.
In Editor is working fine, and also in stand alone build.
But not in WebGL build.
My Code:
...
0
votes
0answers
22 views
How can I get Instagram photos from a WebGl unity application?
I need to get Instagram photos, using Instagram API, from a WebGl application.
So instead of going via an intermediate web server:
Instagram -> my webserver -> webGl app
I'd like to instead get the ...
1
vote
0answers
498 views
Unity WebGL: how to copy to clipboard text from an inputField?
I would like to know if there is a solution to copy/pase text from/to an InputField in a WebGl Unity app.
Edit: for security reason, Unity WebGL don't allow text copy and paste in/from browser.
...
0
votes
0answers
35 views
Do I need a server if I only want to upload data to a DB?
I'm currently creating a game where people get some kind of reports for their game performance on a website. Let's say, you log-in, play the game, the system gathers your performance data and this is ...
0
votes
3answers
291 views
Open world loading/unloading with asset bundle in unity
I have a very large environment which I have to load/unload in unity Webgl as I can't load them at once. So, I have divide the environment into 1000 x 1000m (1km) (each chunk is consist of three layer ...
0
votes
1answer
80 views
WebGL - two different approaches to Point Light: what is the difference?
So I'm studying Webgl and after directional light I'm approaching point light.
So I've seen two different approaches:
Take the directional light (diffuse and specular components) and multiply them ...
2
votes
2answers
245 views
Webgl page heap size increasing in each page load then crash
I am getting aw snap or sometime not enough memory problem when I reload my webgl page. I have a webgl project which is empty (just a camera + light), developed in unity3d. I am reloading it, and ...
0
votes
1answer
34 views
How to calculate/structure/define rotation vector for OpenGL / WebGL
I am trying to define the buffer data for WebGL and want to have in there something that encodes the fact that an object might be rotating. So it makes me think of angular momentum. So if you have ...
1
vote
0answers
42 views
The gist of tweening with WebGL / OpenGL
I am trying to wrap my head around how to take advantage of shaders for things like tweening.
For example, there are these simple easing equations, which we can use like this:
...
0
votes
1answer
199 views
How to use 2D textures in OpenGL / WebGL for physics [closed]
Following along the answer here, it was mentioned about textures:
They can also store things like velocities. For example, you can use a texture as a "flow field" for animating particles or other ...
0
votes
1answer
55 views
How to use textures in 2D games in WebGL
I have been trying to figure out how to structure the VBOs in WebGL, and think that keeping them all together in one if at all possible sounds like the best approach. Right now I'm thinking of having ...
-1
votes
1answer
55 views
The types of buffers typically used in robust WebGL/OpenGL apps
I am trying to get a feel for how to structure WebGL/OpenGL apps and have been looking through sources for the types of buffers they use. I've found these:
uvs
occlusion
noise
bitangents
tangents
...
0
votes
0answers
24 views
How to align a particle billboard to the floor of the world
I'm using https://github.com/squarefeet/ShaderParticleEngine and THREE.js to manage particles in my scene. I have a special case where some particle emitters need their particles to align to the ...
0
votes
1answer
1k views
“RENDER WARNING: there is no texture bound to the unit 0” When not Rendering Texture
I have a webgl program that sometimes renders textures, but mostly renders triangles or lines. When I am not rendering a texture, webgl gives the warning, "...
0
votes
1answer
203 views
How to generate or smooth really large procedural terrain?
I'm currently trying to generate a really large procedural terrain in WebGL. I use a quadtree for LOD and plan to generate 1 heightmap for each quadtree node (terrain patch).
The heightmaps are ...
12
votes
4answers
2k views
Difference between “buffer” and “array” in OpenGL?
When I read doc on webGL or OpenGL there can be seen some patterns in how names of functions and objects are used. But I can't understand the difference between buffer object and an array.
There are ...
2
votes
2answers
364 views
What are “free vertex indices” in WebGL 2 and how do they relate to geometry shaders?
In January Notch tweeted about WebGL 2:
WebGL 2 is happening. Bye, compatibility! Hello, 3d textures and pixel buffers!
oh god it's got free vertex indices in the shader. That is basically a ...
0
votes
1answer
158 views
How to use Facebook Web Hosting for my Unity Game for both WebGL and GameRoom
As can be seen from the
Facebook's official Docs
It says that
To have both a Gameroom and a Facebook Web Game, you should leave your Facebook Web Games URL (https) unchanged. For example, https://...
1
vote
0answers
98 views
How to use model matrix with integer coordinates
I'm trying to generate a real-sized planet with WebGL. After researching, I came to the conclusion that the best way to get around 32-bit float precision issues (since GPUs don't support double ...
0
votes
2answers
239 views
Which UVs to use when I have more UVs coordinates than vertices Obj
I have a simple sphere exported from 3DS Max in .obj format. I noticed that I have more UVs than vertices. I parsed the file with a simple program I wrote and then I put the various vertices and UVs ...
1
vote
1answer
828 views
WEBGL antialias false to pixel art low resolution
I know this issue maybe repeated and seems to be very common but I searched first and did not find anything concrete.
I am doing some test and playing around with pixijs. I created an stage 320x180 ...
0
votes
1answer
469 views
Why is depth test not working properly in my code?
http://jsfiddle.net/w9WqJ/31/
When rotating the camera, some pieces that are supposed to be hidden are displayed. Should I create more triangles or what did I do wrong here?
0
votes
1answer
1k views
Change shadervalues for different Meshes in Three.js
Hey I am writing a Shader for Three.js.
My goal is to have multiple objects with the same shader and each object should have a color set on the object that is then given to the shader. The goal is to ...
1
vote
1answer
3k views
unity webgl scale page on different sizes of internet browsers on pc or phone
unity only has a fixed resolution for building webgl. how can I make it changebale on users browser size change.
there are some tutorials on the internet that doesn't match. there is only
...
1
vote
0answers
345 views
Setting relative anchor point via matrix
The page at https://webglfundamentals.org/webgl/lessons/webgl-2d-matrices.html provides an example for rotating around the center of the image:
...
3
votes
1answer
4k views
lookAt with orthographic camera (gl-matrix)
Technically this is a webgl question though I think it's generic enough to get some opengl, erm, perspective on it too...
If I setup an orthographic camera (perspective matrix) like this:
...
0
votes
2answers
192 views
Rendering a 2D tree in WebGL
Assume a tree of objects that need to be rendered, each with their own x/y coordinates.
Now let's say I could crawl through the tree and give each element a "z" coordinate, before rendering.
Is ...
1
vote
1answer
185 views
Viewport for pixelart (WebGL)
I'm trying to display 16x16 pixel art textures (all textures have 16x16), but they are not displayed how I expected (they are ...
1
vote
1answer
497 views
Unpacking Sprite Sheet Into 2D Texture Array
I am using WebGL 2. A tag for it does not exist but it should.
I have a 10x10 sprite sheet of squares that are 16x16 pixels in size (all in one PNG image).
I'd like to create a 2D texture array out ...
1
vote
1answer
249 views
How to adapt a webgl shader using mouse position to have symmetrical behaviour
I'm trying to create a particular kind of effect for the background of my SpriteKit game, and I've found some shaders on shadertoy that are close to what I want, but I'm struggling to adapt them to do ...
0
votes
1answer
294 views
Efficient Dynamic Memory Management
My world is procedurally generated. As the player moves, chunks behind them are unloaded and chunks in front of them are loaded. Each chunk has a mesh of triangles.
At the moment, I create two VBOs ...
1
vote
1answer
203 views
Removing/Updating Spritebatch
I am designing a Spritebatch class, for static and dynamic objects with WebGL.
A problem I'm facing is that I have read several different opinions on sprite batching but with one goal.
Put all ...
3
votes
1answer
193 views
GLSL ES 2.0 alternative for dFdxFine
I'm trying to generate normal map on the fly in fragment shader. The implementation I've found is using dFdxFine function, which can't be used in WebGL, is there any alternative for dFdxFine in GLSL ...
0
votes
1answer
60 views
Are there any math limitations on the near plane in a perspective matrix?
I've noted that if in the perspective camera I put near plane to a low number like 0.000001 and far plane to 1000 my render has ...
