RedGPU - update
The example page has been updated.
github - github.com/redcamel/RedGPU
examples- redcamel.github.io/RedGPU/example
#webgpu #RedGPU
Pinned Tweet
0:10
452 views
2
16
Follow
redcamel
@redcamel15
i love WebGL & webGPU
WebGL - redcamel.github.io/RedGL2/example
WebGPU - redcamel.github.io/RedGPU/example
Gradient Tool - red-gradient.com
redcamel’s Tweets
Replying to
I wrote a blog post where I tried making WebGPU accessible to folks with little to no prior knowledge about graphics programming (i.e. me). Maybe you'll find it useful!
15
68
17
111
565
A simple test with post effects processed using Compute Shaders.
Original/invert/ invert + gray / invert + invert
DEMO - redcamel.github.io/ComputeShaderR
#WebGPU
1
RedGPU 2.0 Preview About PostEffect
Working on the post effect basic structure has been prototyped. This is the step of testing on a single pass effect basis.
Preview Demo : redcamel.github.io/Rnd_Doc/host/i
#WebGPU
1
Open RedGPU 2.0 Preview branch.
preview branch : github.com/redcamel/RedGP
preview Demo : redcamel.github.io/Rnd_Doc/host/i
#webgpu
0:56
326 views
1
4
9
I know there is no way to check the GPU usage of the browser in real time.
But you have to guess and manage. Has anyone done a study like this? Please teach me if
1
1
Show this thread
redcamel.github.io/Rnd_Doc/host/i
research on RedGPU 2.0...
I am thinking about GPU resource management.
For example, real-time monitoring of how many materials a single GPUTexture is used. But the most difficult thing is that the GPU memory cannot be observed in real time -0-;;
#webgpu
2
2
10
Show this thread
Condition: 1024 PointLight + 2000 Sphere Transform
1. Timing cluster calculations.
2. Change mesh related Uniform update timing to culling based
More optimizations were achieved by focusing on the above two improvements.
Live Demo (for Canary) - redcamel.github.io/Rnd_Doc/host/i
#WebGPU
0:08
120 views
4
1. (Completed) Object culling has been completed.
2. (Done) Lights are clustered.
3. (Task) If the light itself is small like the LOD concept, it needs to be deleted.
4. (Task) Need to solve the case where the gpuDevice is lost when there is a lot of computation.
1
3
Show this thread
Clustering 256 point lights
I succeeded in rendering 1000 objects at 60 frames.
However, optimization is needed for when the screen calculation according to the number of objects, the number of lights, and the resolution is exceeded...
#WebGPU
0:15
156 views
1
3
8
Show this thread
It's a personal desire to use multiple lights while making the most of individual forward rendering... The complexity is too complex to be nailed down with delayed rendering like a professional game engine developer -_--;;;;
2
Show this thread
in conclusion
Only 3 directional lights are 'forward rendering'...
All the rest of the lighting will be done with clustered 'forward rendering.
1
3
Show this thread
These days, research is underway to upgrade RedGPU to 2.0...
I am still wandering at the crossroads of choice. because? Because of the large number of lights.
therefore..
In the last few days, I've been researching 'delayed rendering' and 'forward rendering' from scratch.
#WebGPU
3
1
5
Show this thread
To overcome this, it is most efficient to combine 1000 lights into 1 render via delayed render.
But I also want to use a huge uniform buffer....how can I attach a fragment uniform with good performance...
Show this thread
Using a huge uniform buffer per fragment in webgpu is very slow. -_-;;
For example, if you apply 1000 point lights to 1 object, it's fine, but if you apply 1000 lights to 1000 objects, it becomes difficult.
1
Show this thread
In Korea, the sponsor function has finally been activated...
My GitHub Sponsors profile is live! You can sponsor me to support my open source work 💖
1
1
RedGL(Javascript 3D library (webgl)) Update!!
Changed default blending from blendFunc to blendFuncSeparate based. Executes more sophisticated alpha blending.
github : github.com/redcamel/RedGL2
example : redcamel.github.io/RedGL2/example/
#WebGL #RedCamel
0:18
71 views
2
RedGradient V1.1.0 Update!
Editor - red-gradient.com
Document - doc.red-gradient.com
Release Note - github.com/redcamel/RedGr
#gradient #editor #css
0:23
47 views
redcamel.github.io/webgpu/
i'm started working on changing the existing GLSL-based WebGPU samples to WGSL-based ones.
#WebGPU
1
RedGPU Update!.
fixed all deprecated WebGPU API.
1. getPreferredFormat => navigator.gpu.getPreferredCanvasFormat()
2. compositingAlphaMode => alphaMode
3. change configure()
redcamel.github.io/RedGPU/example
github.com/redcamel/RedGPU
#WebGPU #RedGPU
0:15
268 views
3
5
I am making a CSS gradient editing tool. Version 1.0 is almost complete.
Site - red-gradient.com
#gradient #CSS #editor #redcamel
1
2
redcamel.github.io/webgpu/
webgpu example
fixed all deprecated API.
you can play at canary.(Normal Chrome does not respond to the changed API.)
#webgpu
1
7
RedGPU - bug fix.
Fixed a bug where the compute shader parser did not work properly.
github - github.com/redcamel/RedGPU
particle sample - redcamel.github.io/RedGPU/example
#webgpu #RedGPU
2
2
The version that works on chrome trial origin has been updated.
redcamel.github.io/RedGPU/example
#webgpu
1
1
RedGPU Add Example - Load GLTF Complex Model
Example : redcamel.github.io/RedGPU/example
GitHub : github.com/redcamel/RedGPU
#WebGPU, #RedGPU
4
RedGPU (javascript webgpu library)
- fixed all deprecated API.
GITHUB : github.com/redcamel/RedGPU
EXAMPLE : redcamel.github.io/RedGPU/example
#webgpu, #RedGPU
1
2
8
2
1
3
RedGPU - WebGPU Library
Demo - redcamel.github.io/RedGPU/example
GitHub - github.com/redcamel/RedGPU
fixed deprecated API.
- setIndexBuffer
- GPUVertexStateDescriptor
- mappedAtCreation
- mapAsync
#WebGPU, #RedGPU
3
6
RedGPU - WebGPU Library
Demo - redcamel.github.io/RedGPU/example
github - github.com/redcamel/RedGPU
fixed all deprecated API.
#WebGPU #RedGPU
1
1
RedGPU - WebGPU Library
Demo - redcamel.github.io/RedGPU/example
fixed all deprecated API.
#WebGPU #RedGPU
1
9
18
RedGPU - WebGPU Library
Demo - redcamel.github.io/RedGPU/example
개인사정으로 두달정도 못본사이 많은 변화가 있었던것 같군요...
일단 동작은 하도록 변경되었습니다.
#webgpu #RedGPU
2
RedGPU Updated.
The backgroundAlpha of the scene now correctly draws when multiple views are rendered.
demo - redcamel.github.io/RedGPU/example
#webgpu #redgpu
1
4
chrome canary에서 webgpu가 동작안한지 거의 한달째인데...
혹시나 하고 EDGE Canary에서 실행해보니 잘됨 -_-;;;;
#webgpu
1
webgpu가 몇일째 먹통인데....
갑갑하기도 하고....
쉴틈인가 싶기도 하고...
RedGPU - javascript WebGPU library
updated particle!
example - redcamel.github.io/RedGPU/example
#WebGPU #RedGPU
1
2
연구한 파티클을 RedGPU로 옮겨심기 위해 노력중이다...
뭔가 좀더 유연한 정의 체계가 필요하다고 느끼는중인데...
일단 포팅다해보고 -0- 결정....하는걸로...
Demo - redcamel.github.io/RedGPU/testRnd
#WebGPU #RedGPU
1
2