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

Cocos

JANUARY 31, 2024

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

Sprite Mesh 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. However, the advantages are obvious. So, it’s up to you to decide.

Sprite 52

Sprite Alpha Pixel Shaders 52

Cocos

APRIL 12, 2023

But the render overhead is quite high compare to sprite even when I set timeScale = 0 and cache to SHARE_CACHE. Hi, in my game I used alot of spine animation. I don’t want to create separate for that spine to save memory usage. So how can I optimize this? Thanks in advance.

Sprite 40

Sprite Animation Animation Render 40

Cocos

JANUARY 25, 2023

perfecto: there is another picture, 50 items in list with same sprites which in autoatlas but still more 100 drawcalls, where is Batching? Remove Label and see the magic. Label will cut auto-batching.

Render 52

Render Sprite 52

Cocos

JANUARY 24, 2023

there is another picture, 50 items in list with same sprites which in autoatlas but still more 100 drawcalls, where is Batching? hi dev team, i’m confused, why hidden nodes considering as Drawcalls, how it works? in black area there is a Listview with items, and it’s considering as 300 drawcalls (CC 2.4.6)

Render 52

Render Sprite Dev 52

Cocos

FEBRUARY 16, 2023

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); _handle = this._pass.getHandle("waveFactor");

Shaders 98

Shaders Mesh Point and Click Sprite 98

Cocos

FEBRUARY 16, 2023

Please use the issues in our engine repo GitHub Issues · cocos/cocos-engine Cocos Engine is an open-source framework for building 2D & 3D real-time rendering and interactive contents, especially video games, which can be deployed to mobile, desktop and web. It is inher.

Sprite 52

Sprite Render Engine Engineering 52

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. They are stretched and cropped.

Sprite 52

Sprite Texture Render 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 102

Beta Dev Render Animation 102

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 52

Sprite Render Texture 52

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 52

Sprite Render Texture 52

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 52

Sprite Render Texture 52

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 52

Sprite Render Texture 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 graphics backend rewrite took a while. However, the situation is now good. Everything is just one big texture. This gives me freedom in level design and saves work making tiles… tileable. So it’s RGBZ.

Terrain 52

Terrain Render Tile Alpha 52

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. Multiply by 2. Substract (1, 1). 1 range for drawing).

Shaders 52

Shaders Sprite Pixel Clipping 52

Cocos

JANUARY 12, 2024

As mask use stencil test, it will render twice, first render stencil, second render the sprite. So the performance is slow. Can you paste an image describes the result? Then may be we can discuss if there are some other features to achieve it.

Sprite 40

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

Mesh 52

Mesh Shaders Sprite Render 52

Cocos

JUNE 12, 2023

halx99: I think you needs this fork which implement win32 video player based on microsoft media foundation: [link] now axmol support play video with sprite render on all platforms: GitHub GitHub - axmolengine/axmol: Axmol Engine – A Multi-platform Engine for.

Sprite 52

Sprite Mobile Gaming Engine Engineering 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

OCTOBER 6, 2023

import { _decorator, Component, Node, Camera, RenderTexture, director, gfx, ImageAsset, renderer, view, Size, Texture2D, SpriteFrame, Sprite, UITransform, spriteAssembler, sys, Vec2, Canvas, warnID, log, error, Button, assetManager, instantiate, Vec3, Label } from 'cc'; import { JSB, PREVIEW } from 'cc/env'; import { Canvas2Image } from ".

Sprite 52

Sprite Demo Render Scripting 52

Cocos

FEBRUARY 28, 2023

and the rendering is fine. Hi, I did a test using the image you provided on version 3.7.1 Can you please help me to confirm if there is a problem with the following settings.

Bug 52

Bug Sprite Render 52

Cocos

FEBRUARY 28, 2023

and the rendering is fine. Hi, I did a test using the image you provided on version 3.7.1 Can you please help me to confirm if there is a problem with the following settings.

Bug 52

Bug Sprite Render 52

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 98

Build Mesh Simulation Development 98

Cocos

JANUARY 12, 2024

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

Mesh Sprite Render Mechanics 40

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

Cocos

MAY 23, 2024

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. CocosCreator.app/Contents/Resources/resources/3d/engine/native/cocos/renderer/gfx-metal/MTLCommandBuffer.mm: line 904 17:49:37 [ERROR]: Sampler binding cc_spriteTexture at set 2 binding 12 is not bounded.

Shaders 40

Shaders Sprite Alpha 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 79

Beta Dev Render Animation 79

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 28, 2023

That depends, it’s not related to the Node, it’s related to the Renderer Component, like Sprite or MeshRenderer 's Material setting

Sprite 40

Sprite Render 40

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

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 40

Sprite Render Texture 40

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 40

Sprite Render Texture 40

The Liquid Fire

FEBRUARY 11, 2022

When a game is “published”, the number of pixels rendered, and the aspect ratio used, are determined by the device that the game is running on, such as a television screen, web page, or even mobile device. Any remaining space that appears as a result of mis-matched aspect ratios, will just be left rendering black pixels.

Sprite 52

Sprite Render Pixel Collision 52

Cocos

APRIL 17, 2023

What you need is to control enable of renderable component, like MeshRenderer , Sprite Node is a node, which is pure logical, it doesn’t have a visibility state.

Sprite 40

Sprite Render 40

Cocos

OCTOBER 17, 2023

Here is its documentation: [link] By obtaining the content of the 3D camera using RenderTexture, you can use 2D UI Sprite to render the RenderTexture. You can try using RenderTexture to accomplish this task.

Sprite 40

Sprite Render Content 40

Cocos

DECEMBER 10, 2023

SpriteRenderer : 2D rendering component that provides the ability to render sprite in 3D space. SpriteRenderer is for 3D space…the Docs say this. The 2D games works really different than Unity. This is actually more similar to Godot. Ok now the Sorting order for 2D games works with Order on the hierarchy.

Sprite 40

Sprite Render Games 40