Remove Mesh Remove Render Remove Sprite
article thumbnail

Cocos Shader Tutorial 1.0 - about UV

Cocos

Here are the implementation of water wave effects on 2D sprites and 3D meshes: Preview Link The math behind it is simple, the water wave is simulated by the Sin function, and then the fluctuation range is increased in the Update function. _pass = this.node.getComponent(Sprite).material.passes[0]; x,waveFactor.y-uv0.y);

Shaders 98
article thumbnail

The Spine Animation Story at Logic Simplified

Logic Simplified

Drawing a Spine-friendly character means you also need to draw parts of images that are normally obscured, as the visibility can change as the sprite moves. Each image part was converted to mesh. The USP of Spine animation software is how smoothly it converts an image part to mesh. A side pose is easier to animate.

Animation 116
Insiders

Sign Up for our Newsletter

This site is protected by reCAPTCHA and the Google Privacy Policy and Terms of Service apply.

Trending Sources

article thumbnail

GLES2 renderer optimization - 2D batching

Mircosoft Game Dev

While Juan ( reduz ) has been busily working on Vulkan, the rest of the rendering team have not been idle. They have been working on many bug fixes and some improvements to the OpenGL rendering in the 3.x Up until now, the GLES2 2D renderer has been drawing primitives (such as rectangles) on an individual basis. How it works.

Render 52
article thumbnail

Developer Shares Building Fabrics, Ropes, And Soft Bodies

Cocos

Analysis The whole effect can be split into two parts, one for the simulation of the mesh and one for the rendering of the mesh. Rendering is even more straightforward, just use the Graphic component and draw lines directly. If I can pass this texture in between the direct rendering, then I get a 2D real fabric.

Build 98
article thumbnail

Changing vertexData of a sprite in 2D in cocos creator 3.6.2

Cocos

but facing one issue depending on the sprite type mesh which is in CC2.4 where there is a function to create render data renderData.createFlexData but I could not find any way to do it in CC3.6. its creating static data I am not able to render the vertices count when they are changing continuously.(This Since in CC3.6

Sprite 40
article thumbnail

I want to draw more triangles of the component

Cocos

Firstly, Sprite is a quad, the mesh is static for easier usage. You can have a custom render component and make its mesh with multiple quad, but it really isn’t necessary. You can achieve gradient color within one quad. Just calculate color step in the fragment shader is enough.

Mesh 52
article thumbnail

Does Spine work with USE_INSTANCING?

Cocos

USE_INSTANCING is only for 3D mesh rendering. if you want to reduce draw calls for 2d objects(sprites, labels, and spines), it’s better to follow the batching mechanism.

Mesh 40