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 40

Texture Render Alpha Shaders 40

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 52

Render Polygon Sprite Mesh 52

Cocos

MAY 23, 2024

I have a question related to shaders. I created a game in which I added a shader; it works fine in web mobile and Android, but in iOS it gives an error during rendering. How to solve this issue version-3.8.2 17:49:37 [ERROR]: [ERROR] file /Applications/Cocos/Creator/3.8.2/CocosCreator.app/Contents/Resources/resources/3d/engine/native/cocos/renderer/gfx-metal/MTLCommandBuffer.mm:

Shaders 40

Shaders Sprite Alpha Render 40

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 40

Shaders Sprite Texture FPS 40

Cocos

MARCH 28, 2024

stringwizard5: If you use the material.setProperty function, one of the possible arguments that it can take is render pass I am not quite sure what do you mean. We are currently using this shader to create dynamic light effect on 2d sprites, so we are updating it very often. Also every sprite has it’s own material.

Shaders 40

Shaders Sprite Render Data 40

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. The above is the part of the custom post-processing shader.

Sprite 52

Sprite Alpha Pixel Shaders 52

Cocos

JUNE 4, 2024

the cc_spriteTexture is an internal sampler used by 2d render pipeline when rendering a sprite. UnGamer: I have changed layout(set = 2, binding =12) uniform sampler2D cc_spriteTexture; why did you change the layout of cc_spriteTexture ? please keep it as the origin.

Shaders 40

Shaders Sprite Render 40

Cocos

AUGUST 29, 2023

I have a question related to shaders. I created a game in which I added a shader; it works fine in web mobile and Android, but in iOS it gives an error during rendering. How to solve this issue version-3.8 error - Attribute a_uv0 is missing, add a dummy data for it. How to solve this issue version-3.8 1.0] } } u_dL: { value: 0.0,

Shaders 40

Shaders Sprite Alpha Render 40

Cocos

MAY 18, 2023

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. Just calculate color step in the fragment shader is enough. You can achieve gradient color within one quad.

Mesh 52

Mesh Shaders Sprite Render 52

Catnip Games

JUNE 20, 2023

I export the rendered terrain from Blender as a RGBA image but with alpha value set to depth. The custom terrain shader uses the z-channel to draw water in lower areas of the level. The graphics backend rewrite took a while. However, the situation is now good. Interactive elements will be placed using the in-game editor.

Terrain 52

Terrain Render Tile Alpha 52

Cocos

JUNE 1, 2023

Are you using this material with normal Sprite component ? by default it’s not activated in Sprite component because the commitComp was invoked without any transform data github.com cocos/cocos-engine/blob/develop/cocos/2d/components/sprite.ts#L579-L581 If so, how did you activate USE_LOCAL for it ?

Shaders 40

Shaders Sprite Localization Render 40

Mircosoft Game Dev

JANUARY 10, 2023

This beta includes a few big changes which may interest a lot of users: Animated sprites, both 2D and 3D, now support options for more precise timing of individual frames ( GH-65609 ). Editor: Bring back the renderer options button on the main editor ( GH-70500 ). Rendering: Add options for sorting transparent objects ( GH-69998 ).

Beta 106

Beta Dev Render Animation 106

iXie gaming

SEPTEMBER 17, 2024

To ensure high performance, it’s crucial to limit the number of particles rendered at any given time. Additionally, employing sprite sheets can help manage particles efficiently by combining multiple images into a single texture, minimizing draw calls and improving performance. However, they can also be demanding on mobile devices.

Mobile Gaming 52

Mobile Gaming Mobile Mobile Texture 52

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. Finally, the way light shaders now works is more user friendly to creating custom lighting shaders. The 2D material system is back, so writing custom shaders works with the new Vulkan renderer.

Shaders 52

Shaders Render Texture Engine 52

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. The TIME variable in shaders? Done March 2018. C++ bindings for NativeScript 1.1.

Shaders 52

Shaders Render Mesh Code 52

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 52

Software Simulation Sprite Animation 52

Mircosoft Game Dev

JANUARY 10, 2023

This beta includes a few big changes which may interest a lot of users: Animated sprites, both 2D and 3D, now support options for more precise timing of individual frames ( GH-65609 ). Editor: Bring back the renderer options button on the main editor ( GH-70500 ). Rendering: Add options for sorting transparent objects ( GH-69998 ).

Beta 81

Beta Dev Render Animation 81

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 52

Render Texture Shaders Pixel 52

Mircosoft Game Dev

NOVEMBER 27, 2020

The main one was performance due to every light being rendered in a separate draw pass. x is that, several times, sprites are separated in many nodes in order to be animated or assembled. The regular CanvasOccluders have a new option to enable them for SDF rendering. Improved 2D lighting. This is no longer a problem in 4.0,

Engine 55

Engine Engineering Alpha Texture 55

Cocos

JULY 20, 2023

C:ProgramDatacocoseditorsCreator3.7.0resourcesapp.asarnode_modules@baseelectron-loggerlibrenderer.ccc:1 Forward render pipeline initialized. 192198 WebGL: INVALID_OPERATION: drawElements: no valid shader program in use WebGL2CmdFuncDraw @ C:ProgramDatacocoseditorsCreator3.7.0resourcesresources3denginebin.cachedeveditorbundledindex.js:192198

Content 52

Content Sprite Shaders Engine 52

Mircosoft Game Dev

DECEMBER 17, 2021

Import: Fix texture atlas generation when source sprite is larger than generated atlas ( GH-55094 ). Particles: Fix for double use of seed in random shader variables ( GH-55607 ). Rendering: Fix vertex attribute specification for octahedral compression ( GH-54768 ). Rendering: Fix occasional dangling OmniLight RID ( GH-41360 ).

Tile 52

Tile Render Shaders Editing 52

Mircosoft Game Dev

MARCH 13, 2019

Visual shader editor. 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. 2D skeletons.

Feature 52

Feature Render Editing Shaders 52

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 52

Debug Point and Click Bug Render 52

Mircosoft Game Dev

DECEMBER 15, 2021

Import: Fix texture atlas generation when source sprite is larger than generated atlas ( GH-55094 ). Particles: Fix for double use of seed in random shader variables ( GH-55607 ). Rendering: Fix vertex attribute specification for octahedral compression ( GH-54768 ). Rendering: Fix occasional dangling OmniLight RID ( GH-41360 ).

Tile 52

Tile Render Bug Build 52

Mircosoft Game Dev

DECEMBER 8, 2021

Import: Fix texture atlas generation when source sprite is larger than generated atlas ( GH-55094 ). Particles: Fix for double use of seed in random shader variables ( GH-55607 ). Rendering: Fix vertex attribute specification for octahedral compression ( GH-54768 ). Input: Add Input.is_physical_key_pressed() method ( GH-55251 ).

Tile 52

Tile Render Bug Build 52

The Liquid Fire

NOVEMBER 9, 2023

For Renderer, I chose Forward+ because I think it is somewhere between URP and HDRP. We’re not really doing anything with shaders or post processing in the tutorial, so depending on where you want to take the tutorial later, its really up to you which you choose. Download Icon.svg and replace the original file with it.

Point and Click 104

Point and Click Texture Mesh Tile 104

Radiator Blog

APRIL 9, 2021

The engine should be able to render and simulate 200+ lightweight game objects -- frame-animated sprites with simple collision, no fancy physics or shaders. Instead of MonoBehaviour, most of your scripts inherit from FlxSprite (or FlxNestedSprite if you need to parent sprites to each other) instead. and no WASM.)

Sprite 130

Sprite Simulation Build Code 130

Cocos

NOVEMBER 21, 2024

Good evening, I just finished writing my own custom shader to create 2D shadows on sprites, but I can’t find a way to increase the render area of ​​the sprite. The sprite size is 450x450, I created an atlas and used the trim option, this reduced the frame to 156x393.

Sprite 52

Sprite Shaders Render Writing 52

Cocos

MARCH 25, 2025

Hi everyone, Im facing an issue with applying a gradient effect to both simple and sliced sprites. uintVerts) return; const color = this.node.color; const floatsPerVert = _assembler.floatsPerVert; const colorOffset = _assembler.colorOffset; This worked fine for both SIMPLE and SLICED sprites. Shader Code (.effect Shader Code (.effect

Shaders 40

Shaders Sprite Alpha Render 40