A trick for highly performant shader animations in Angular applications

With a little sleight of hand and camera tricks, we can get what appears to be a normal 2D animation in our Angular applications that is actually created with highly performant GLSL shader code for OpenGL applied to a plane in a 3D scene.

0:00 A 3D trick in 2D space
0:50 Fragment shaders
1:30 Shader code
2:22 Examples
2:47 Shaders in Angular
3:18 Understanding cameras
4:12 Scene graph

#angular #glsl #angularthree

[tanishqmanuja]

Felt like the video ended as soon as it started to get interesting 😅

[luishcastroc]

Great video Josh I definitely want to see more

[SumitN]

So now we can create 3d games high on performance. Right?

[IgorTrushevsky]

I'm curious, is there a point in using this library? Or would it make more sense to just use a more maintained react-three-fiber component, that we render in angular when we need three.js in an angular app?

[faculupi]

I thought angular three wasnt supoorted anymore… are you using an poder versión of angular?

[elkestudio]

@BrandonRobertsDev lol😂
@josh yes please, do it before chau releases v2