Render, Shaders and Sprite - Game Developers Network

Sprite Shader Render out of bounds

Cocos

NOVEMBER 19, 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. Is there a way to increase the render bounds?

Sprite

Sprite Shaders Render Texture

Sprite Shader Render out of bounds

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

Sprite Shaders Render Writing

Cocos Shader Tutorial 1.0 - about UV

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. Use UV in Shader Both 2D and 3D shaders in Cocos are obtained in the vertex shader (VS) and passed to the pixel shader (FS). x,waveFactor.y-uv0.y); x,waveFactor.y-uv0.y);

Shaders

Shaders Mesh Point and Click Sprite

Color Change of Sprite Renderer

Cocos

FEBRUARY 27, 2024

To modify the material, you need to add color parameters to the corresponding shader. SpriteRenderer does not provide an interface to modify the color. You can change it by modifying the material. Like this surface-effect.effect.zip (1.2

Render

Render Sprite Shaders

Making shaders more accessible

Mircosoft Game Dev

OCTOBER 5, 2016

About shaders. For most game developers, shaders are this scary monster that presents itself with such a complexity that it seems out of reach. In reality, shaders are quite simple by default and just get more complex the more you add to them. Our sprite is 32x32 pixels in size, and it must be drawn at some position.

Shaders

Shaders Sprite Pixel Clipping

Issue with masking a render 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. Do render Textures not support alpha in cocos? Basic masking functionality without using the mask component.

Texture

Texture Render Alpha Shaders

Shader array properties

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

Shaders Sprite Render Data

Issue with masking a render 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

Texture Render Alpha Shaders

GLES2 renderer optimization - 2D batching

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

Render Polygon Sprite Mesh

Shader Problem in IOS

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

Shaders Sprite Alpha Render

[CC 3.7.3] Shader Error?

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

Shaders Sprite Texture FPS

[Tutorial]Outer Stroke Effect for 2D Sprites

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

Sprite Alpha Pixel Shaders

Shader Problem in IOS

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

Shaders Sprite Render

Shader on IOS error

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

Shaders Sprite Alpha Render

I want to draw more triangles of the component

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

Mesh Shaders Sprite Render

D2 log 074 – New level format

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

Terrain Render Tile Alpha

[CC 3.7.3] Shader Error?

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

Shaders Sprite Localization Render

Dev snapshot: Godot 4.0 beta 11

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

Beta Dev Render Animation

Enhancing Mobile Game Performance: Essential VFX Techniques for Visual Excellence

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

Mobile Gaming Mobile Mobile Texture

Vulkan progress report #2

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

Shaders Render Texture Engine

GLES2 and GDNative, progress report #4

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

Shaders Render Mesh Code

Top Tools and Software for Creating Visual FX in Games

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

Software Simulation Sprite Animation

[Share] 2D Post-Processing & Lighting Framework

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

Render Texture Shaders Pixel

Dev snapshot: Godot 4.0 beta 11

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

Beta Dev Render Animation

Godot's 2D engine gets several improvements for upcoming 4.0

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,

Engineering

Engineering Engine Alpha Texture

Cocos creator 3.70 Scene getting blank again and again

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

Content Sprite Shaders Engine

Maintenance release: Godot 3.4.1

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

Tile Render Shaders Editing

Maintenance release: Godot 3.2.2

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

Debug Point and Click Bug Render

Godot 3.1 is out, improving usability and features

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

Feature Render Editing Shaders

Release candidate: Godot 3.4.1 RC 3

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

Tile Render Bug Build

Release candidate: Godot 3.4.1 RC 2

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

Tile Render Bug Build

Godot Tactics RPG – 01. Intro & Setup

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

Point and Click Texture Mesh Tile

Getting started with HaxeFlixel in 2021

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

Sprite Simulation Build Code

Game Developers Network

Sprite Shader Render out of bounds

Sprite Shader Render out of bounds

Trending Sources

Cocos Shader Tutorial 1.0 - about UV

Color Change of Sprite Renderer

Making shaders more accessible

Issue with masking a render Texture

Shader array properties

Issue with masking a render Texture

GLES2 renderer optimization - 2D batching

Shader Problem in IOS

[CC 3.7.3] Shader Error?

[Tutorial]Outer Stroke Effect for 2D Sprites

Shader Problem in IOS

Shader on IOS error

I want to draw more triangles of the component

D2 log 074 – New level format

[CC 3.7.3] Shader Error?

Dev snapshot: Godot 4.0 beta 11

Enhancing Mobile Game Performance: Essential VFX Techniques for Visual Excellence

Vulkan progress report #2

GLES2 and GDNative, progress report #4

Top Tools and Software for Creating Visual FX in Games

[Share] 2D Post-Processing & Lighting Framework

Dev snapshot: Godot 4.0 beta 11

Godot's 2D engine gets several improvements for upcoming 4.0

Cocos creator 3.70 Scene getting blank again and again

Maintenance release: Godot 3.4.1

Maintenance release: Godot 3.2.2

Godot 3.1 is out, improving usability and features

Release candidate: Godot 3.4.1 RC 3

Release candidate: Godot 3.4.1 RC 2

Godot Tactics RPG – 01. Intro & Setup

Getting started with HaxeFlixel in 2021

Stay Connected