Cocos

AUGUST 5, 2025

return baseColor + cloudColor * d; } vec3 Render(vec2 coord) { float len = length(coord); float angle = PI - acos(coord.x / len) * sign(coord.y); vec3 baseColor = vec3(0.0, Then create a sprite and assign the material just created to it. Finally I added the component to the Sprite. 0.7); float fre1 = 30.0; float fre2 = 20.0;

Sprite

iXie gaming

AUGUST 4, 2025

By contrast, 3D game art involves building models in three dimensions, complete with intricate topology , rigging, texturing, and lighting. 3D involves fully modeled characters with depth, along with rigging, texturing, and lighting, enabling interaction within a three-dimensional space. Which one is better for mobile games?

Art

Cocos

JULY 18, 2024

Hello all, I have a shader that takes the alpha value of one texture and applies to a sprite frame. Do render Textures not support alpha in cocos? Basic masking functionality without using the mask component.

Texture

Cocos

JULY 18, 2024

Hello all, I have a shader that takes the alpha value of one texture and applies to a sprite frame. Anyhow, the shader works, I can set it up on a spriteframe and it works as expected… however, when I add the render text. Basic masking functionality without using the mask component.

Texture

Cocos

FEBRUARY 16, 2023

The vertical axes of textures and picture pixels is shown above, when sampling textures in shaders, that is from top to bottom, which is top-right corner. If your previous development experience is based on OpenGL, you may find that the texture on your grid is vertically flipped. _pass = this.node.getComponent(Sprite).material.passes[0];

Shaders

Mircosoft Game Dev

APRIL 9, 2020

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

Cocos

JULY 31, 2024

However whenever I load an atlas, it loads all its contents to the memory even before a SpriteFrame is set to a Sprite. Even before it is actually rendered. GFX Memory Texture increases ). Is this the expected behavior or am I missing something ? Even a directory load, loads all of it to memory. (

Texture

Cocos

DECEMBER 23, 2022

Hello, I tried to use the cocos2d-x preset, but I got a weird render for the SpriteRenderer. (I I see that I have to disable the Trim for the Sprite component here: TexturePacker, the trim lost the positions ). The left sprite is a normal.png. The 2 others sprites are from texture packer. Packer.png. AndreasLoew

Sprite

Cocos

OCTOBER 17, 2023

My case is: only one 3d model + 3d camera + active post process FXAA on that camera + active render texture for that camera, then use sprite to display render texure on UI. With change FXAA to TAA, I got different result: FXAA => black background around 3D model. TAA => transparent background around 3D model.

Sprite

Cocos

OCTOBER 17, 2023

My case is: only one 3d model + 3d camera + active post process FXAA on that camera + active render texture for that camera, then use sprite to display render texure on UI. With change FXAA to TAA, I got different result: FXAA => black background around 3D model. TAA => transparent background around 3D model.

Sprite

Cocos

OCTOBER 17, 2023

My case is: only one 3d model + 3d camera + active post process FXAA on that camera + active render texture for that camera, then use sprite to display render texure on UI. With change FXAA to TAA, I got different result: FXAA => black background around 3D model. TAA => transparent background around 3D model.

Sprite

Cocos

OCTOBER 18, 2023

My case is: only one 3d model + 3d camera + active post process FXAA on that camera + active render texture for that camera, then use sprite to display render texure on UI. With change FXAA to TAA, I got different result: FXAA => black background around 3D model. TAA => transparent background around 3D model.

Sprite

Catnip Games

JUNE 20, 2023

Everything is just one big texture. I export the rendered terrain from Blender as a RGBA image but with alpha value set to depth. The graphics backend rewrite took a while. However, the situation is now good. This gives me freedom in level design and saves work making tiles… tileable. So it’s RGBZ.

Terrain

Mircosoft Game Dev

OCTOBER 5, 2016

To explain the idea of how shaders work, let's consider a very simple shader for drawing a sprite to the screen. Our sprite is 32x32 pixels in size, and it must be drawn at some position. The following OpenGL code sends the sprite to the shader for drawing: OpenGL Commands. As you can see: Vertices / UVs are sent via attributes.

Shaders

Cocos

APRIL 18, 2024

Original: [link] Author: BitByBit Outer Stroke Effect for 2D Sprites Continuing from the previous article Inner Stroke Effect for 2D Sprites Introduction In the last article, we introduced the method of inner stroke and also discussed its pros and cons. _OutlineSize is the stroke width. However, the advantages are obvious.

Sprite

iXie gaming

SEPTEMBER 17, 2024

To ensure high performance, it’s crucial to limit the number of particles rendered at any given time. Techniques such as using lower-resolution textures, controlling particle spawn rates, and optimizing the lifespan of particles can significantly reduce the load on the GPU.

Mobile Gaming

Game Development

JANUARY 23, 2019

To do that we will edit the spaceship sprite by clicking on it in the project window. Then set the pixels per unit to 64 and click apply to update the sprites. Full Unity 2D Game Tutorial 2019 – Mini Map Render Texture. In order to do that we first need to make a render texture. Mini Map Mask.

Texture

Cocos

JUNE 14, 2023

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. Combined with the knowledge of the rendering, the texture is actually very close to the rendering vertex data.

Build

The Liquid Fire

NOVEMBER 9, 2023

For Renderer, I chose Forward+ because I think it is somewhere between URP and HDRP. Resources just feels like it should be things like 3d Models and Textures, but if you want to stick with the original, that’s fine. The first thing to download will be the sprites and textures from the original tutorial.

Point and Click

Cocos

OCTOBER 16, 2023

My case is: only one 3d model + 3d camera + active post process FXAA on that camera + active render texture for that camera, then use sprite to display render texure on UI. With change FXAA to TAA, I got different result: FXAA => black background around 3D model. TAA => transparent background around 3D model.

Sprite

Cocos

OCTOBER 13, 2023

My case is: only one 3d model + 3d camera + active post process FXAA on that camera + active render texture for that camera, then use sprite to display render texure on UI. With change FXAA to TAA, I got different result: FXAA => black background around 3D model. TAA => transparent background around 3D model.

Sprite

Cocos

JUNE 8, 2023

Another thing is I noticed that the FPS dropped after the shader was applied to some sprites. So, is there way to cache the rendered texture (including the shader effect) rather than recalculating the same thing every frame. I will check and get back to you.

Shaders

Mircosoft Game Dev

AUGUST 2, 2019

to use specular and shininess both as parameter and as textures supplied to Sprite, AnimatedSprite, Polygon2D and other nodes. The 2D material system is back, so writing custom shaders works with the new Vulkan renderer. For 3D rendering, a persistent thread worker pool was created for the rendering thread.

Shaders

iXie gaming

JUNE 28, 2024

With the right tools, you can turn simple sprites into stunning displays of art and movement. It offers a special environment for making detailed sprite sheets and animations, perfect for creating old-school, nostalgic effects. TexturePacker Optimizing sprite sheets is important for better performance, especially on mobile devices.

Software

Cocos

JUNE 14, 2024

Manual - Auto Atlas (textures in sprite renderers do not work yet). Use Asset Bundles and choose the right compression mode. Uncheck debug mode in build options. Use the auto atlas feature in Cocos Creator 3.8 But we don’t know how to configure the build settings correctly. Do you have recommendations ?

Build

Cocos

DECEMBER 25, 2023

Post-processing effects, are used for further processing of rendered results to achieve various advanced and special effects. Analysis of 2D Post-Processing Solutions Cocos Creator currently lacks built-in support for post-processing in the 2D render phase, requiring developers to explore various approaches to achieve the rendering goals.

Render

Game Development

JANUARY 24, 2019

Particle effects are a special type of technique used to display many objects/sprites in an efficient manner to create various effects. Texture Sheet Animation. Here you can set how the particle is rendered to the user. Here you can set how the particle is rendered to the user. Can initiate another particle effect.

Render

Mircosoft Game Dev

NOVEMBER 27, 2020

The main one was performance due to every light being rendered in a separate draw pass. Additionally, all 2D shadows and light textures use a single atlas, resulting in improved performance. the new CanvasTexture texture type has been introduced. The regular CanvasOccluders have a new option to enable them for SDF rendering.

Engineering

Big Games

MARCH 28, 2025

These games used 2D sprites, with each frame presenting a specific pose. 2D Animation- It is the process of creating movement in a two-dimensional space, often by using 2D sprites. Rendering and Lighting Depends on basic shading and lighting techniques to add detail to flat visuals.

Animation

Mircosoft Game Dev

NOVEMBER 26, 2021

Import: Fix texture atlas generation when source sprite is larger than generated atlas ( GH-55094 ). Rendering: Fix vertex attribute specification for octahedral compression ( GH-54768 ). Rendering: Update CanvasItem when MultiMesh instance transform changes ( GH-54899 ).

Tile

Mircosoft Game Dev

APRIL 16, 2018

In this case I'm talking about a rather big refactoring of how materials are handled in the GLES2 renderer. perspective rendering. perspective rendering. stabilize 3D rendering (unshaded workflow). perspective rendering. Texture handles? Still there were some improvements on the GDNative side of things!

Shaders

Mircosoft Game Dev

DECEMBER 17, 2021

Import: Fix texture atlas generation when source sprite is larger than generated atlas ( GH-55094 ). Rendering: Fix vertex attribute specification for octahedral compression ( GH-54768 ). Rendering: Update CanvasItem when MultiMesh instance transform changes ( GH-54899 ).

Tile

Mircosoft Game Dev

DECEMBER 15, 2021

Import: Fix texture atlas generation when source sprite is larger than generated atlas ( GH-55094 ). Rendering: Fix vertex attribute specification for octahedral compression ( GH-54768 ). Rendering: Update CanvasItem when MultiMesh instance transform changes ( GH-54899 ).

Tile

Mircosoft Game Dev

DECEMBER 8, 2021

Import: Fix texture atlas generation when source sprite is larger than generated atlas ( GH-55094 ). Rendering: Fix vertex attribute specification for octahedral compression ( GH-54768 ). Rendering: Update CanvasItem when MultiMesh instance transform changes ( GH-54899 ).

Tile

Mircosoft Game Dev

JUNE 26, 2020

2D batching for the GLES2 renderer. While most rendering work was postponed for the 4.0 release with its new Vulkan-based renderer, our contributors lawnjelly and Clay ( clayjohn ) decided to give some more attention to the 3.2 Top: 10,000 Sprites with a randomized modulate and position. Can you spot the difference?

Debug

Big Games

JANUARY 8, 2024

Sketch a rough concept, set some parameters, and Dimensions will generate 3D models, textures, and animations. Free 3D Asset Libraries Sketchfab: This vast platform hosts a staggering collection of free and paid 3D models, textures, and animations from various creators. It can even help define core loops and progression systems.

Game Developer

Mircosoft Game Dev

MARCH 13, 2019

x branch used OpenGL ES 2.0 / OpenGL 2.1 ( GLES2 ) as its rendering API. This worked well, but had many limitations preventing us to use more modern rendering techniques. all rendering code was rewritten to use the more modern OpenGL ES 3.0 / OpenGL 3.3 renderer was removed. renderer was removed. OpenGL ES 2.0

Feature