cocos icon
    English
resource-icon
ShaderGallery v1.4.0
Category
Creator Extension Plugins
Author
supersuraccoon
Creator Version Required
v3.1.0
Supported Platform
AndroidiOSHTML5
Rating
Sale Price
$ 29.99 (Individual)

Introduction

About

SSRShaderGallery is a module separated from SSRShaderEditor.

ShaderEditor can only be found in the Chinese Cocos Store Section since I do not have enough time to translate all the stuffs into English yet, it contains way too much features which may taken quite a long time to get it done and I am not sure if there are enough users interested in it or not.

SSRShaderGallery is much lighter and more simple to use compared to ShaderEditor which allows the users to browse Online Shader FX (over 100) listed in the Gallery as well as Testing them at realtime and Export the shaders in a format that can be used directly in Cocos Creator.

Let me introduce all the key features in SSRShaderGallery in detail in the following sections.

And here are some videos on how to use ShaderGallery you may check out first. (日本語の字幕も付き):

ShaderGallery Tutorial Part.1 on Youtube

ShaderGallery Tutorial Part.2 on Youtube

Key Features

1|690x387

All the Shader FX listed in Gallery are divided into different groups that have same Theme so that the users can find the Shader FX they may need quickly.

FX List

2|690x386 8|690x387

After entering a centain Shader FX Thema the users can find all the Shader FX related listed here with Uniform Input Paras and FX Capture and FX video preiview which will help the users to decide which Shader FX to pick for their game.

All the Shader FX by now can be watched here:

SSRShaderGallery Playlist on Youtube

Realtime Preview

3|690x387

Knowing which Shader FX to pick to use is just the very first step. ShaderGallery also allows the users to preview all the Shader FX at runtime so they can have a more intuitive understanding on the Shader FX they pick.

####FX Tuner

9|690x387

All the Uniforms of the Selected Shader will be listed here and the users can Modify these values and check the output of the Shader FX at realtime.

RenderComponent Support

5|690x385

With ShaderGallery the user can not only previe the Shader FX with render target of cc.Sprite but also with Spine Animation.

Some UV-related Shader FX may not have the same output as with cc.Sprite so previewing the Shader FX with Spine Animation here is quite a huge feature.

To make UV-related Shader FX can work with Spine Animation you might need to take advantage of the cc.RenderTexture in Cocos Creator and you can also check another plugin I made here png

DnD Update Support

10|690x388 11|690x388

You can simply drag-and-drop the textures you want to preview to the panel to change the Image in preview and of course Spine Animation is also supported for drag-and-drop (you need to provide .json + .png + .atlas at the same time)

What's more, there are also some built-in cc.Sprite and Spine Animation in ShaderGallery for the users to have a quick Shader FX test.

Tween Animation Preview

12|690x387

Most of the Shader FX are Static that might be a little bit boring as a matter of fact with the help of the cc.Tween built-in system in Cocos Creator we can make any Static FX into a Dynamic one.

ShaderGallery allows the user make almost any Uniforms into a Animated Value and preview it at realtime as well.

Shader Code Viewer

4|690x387

Besides the preview feature the users can also browse the Shader Codes of the current Shader FX they are working on this may help those who want to discover the magic under the hood.

Multi Runtime Mode

13|690x475 14|690x429

ShaderGallery can be used in the following ways:

  1. Plugin Mode : Standard Creator plugin mode which means you need to run Cocos Creator first and then this plugin from the menu bar
  2. Web Mode : Which can be used without Cocos Creator in any modern browsers
  3. Native Mode: In short, running ShaderGallery in .apk or .ipa and this will introduced below

FX Exporter

15|690x420 16|690x420

After testing and adjusting the Shader FX the users can export the FX so that they can be used in their game.

2d

Web Mode

Will export .effect + .mtl that can be used in Cocos Creator v2.4.x ( users need to bind the .effect + .mtl mannually )

Plugin Mode

will export .effect + .mtl directly into Cocos Creator assets folder and the .effect + .mtl will be automaticlly bind so the user can use them without any setup process

Native Moed

Export FX is not supported yet

3d

Web Mode / Plugin Mode

Will export only .effect file which is based on the builtin-unlit.effect which can be used in Cocos Creator v3.x ( users need to create a material file and bind it with the exported effect file manually )

Native Moed

Export FX is not supported yet

Native Preview (Under Development)

17|690x318

Most of the expoted Shader FX will be used in game and quite an amount of them are native game ( Android / iOS ).

Therefore, being able to preview all the Shader FX in Native enviroument will be a very nice feature for this plugin as we all know that some Shader FX might act differenty in web and Native environment.

ShaderGallery plugin will serve a native app ( .apk / .ipa) which can be used in your mobile device and with almost all the features memtioned above ( except the drag-and-drop feature since it relies on the Wev Browser Event ).

This feature is still under development ( 90% is done ) and will be released after it is completely done and well tested.


Purchasing Notice

3D

This plugin supports 3d version which only means :

  1. User can find this plugin in the CocosStore v3.x Section
  2. The plugin can be started in Creator v3.x ( plugin mode) after purchasing / downloading
  3. The exported Shader Effect for 3D is based on builtin-unlit.effect which means you may need to modify the .effect if you want to apply it to some other 3D model
  4. This plugin is acturally developed with Cocos Creator v2.4.4 so it DOSE NOT SUPPORT preview with any 3D models

Plugin Mode

  1. In plugin mode ShaderGallery CAN ONLY run in float mode and dock mode is not supported and propably will not be supported in the future for technic reason

Account

  1. ShaderGallery needs to be used with network connection and an account ( for accessing the regularlly updaing Shader FX library )

  2. As for the account you can get it in the following ways :

    1. Send a direct message to ( @supersuraccoon1 ) in the forum with the account name you used when purchasing ShaderGallery and I will create the account for you
    2. Leave a comment right here in the comment section with your purchasing account and a email that I can send you the account information
    3. Join my Channel on Discord for further discussion

png

  1. Offline Mode might be added in future releases

Misc

  1. The purchase contents DOSE NOT contain the SOURCE CODE of ShaderGallery

  2. Native Preview feature is not released yet

  3. All the future updates will be 100% FREE


SSRShaderEditor has been developed over the past 4 years and SSRShaderGallery is also one of the projects that I really want to take it to the perfection.

Hope you all will like it and support it.

Please feel free to contact me if you have any questions or suggestion.
(ご不明な点あるい質問がございましたら、お気軽に連絡してください。日本語の対応も多少できまので)

The next release will be even better ~


v1.1.0

====== Fix ======

  1. Fix bool type uniform setup issue
  2. Fix Tween Preview issue with vec2 type uniform

====== Feature ======

Added Shader FX:

  • Checkerboard
  • Clover
  • Color4Gradients
  • ColorInvert
  • DancingFloor
  • DoodleDistort
  • FastMotionBlur
  • FishEyeDistort
  • FlowLight
  • HeartBeat
  • Kaleidoscope
  • PixelExplosion
  • ShapeCircle
  • ShapeRectangle
  • SingleColor
  • SmoothClipping
  • SmoothRegularPolygon
  • SmoothSegment
  • SpiralCircles
  • SpiralDistort
  • UnderWaterDistort
  • UVAnimation
  • UVOffset
  • UVPolar
  • UVRadialShear
  • UVRotate
  • UVScale
  • UVSpherize
  • UVTilingAndOffset
  • UVTwirl
  • VScaneBeam
  • ZigZagCircle

v1.2.0

====== Feature ======

  1. Multi-language support added

v1.3.0

====== Feature ======

  1. New FX Export Menu
  2. Export Creator v3.x shader file based on builtin-unlit
  3. Export Creator v3.x shader file based on builtin-sprite

ShaderGallery Update v1.3.0 on Youtube

User Rating

Average Rating
(5)
Total users participating at this score: 2

Reviews

toddlxt 2021-08-11 20:22

非常棒的插件

qq903008 2021-08-05 11:27

加载不了插件

Author

方便加一下 qq 不,我看看是啥问题: 209992699

qq903008 2021-08-05 11:27

Package ssr-shaderfx-gallery parse warning: "panels" is deprecated, use "panel" instead. For multiple panel, use "panel.x", "panel.y" as your register field. NOTE: Don't forget to change your "Editor.Ipc.sendToPanel" message, since your panelID has changed.

topfire 2021-07-26 22:03

不错,挺省事

  • 1

2020 © Cocos.com版权所有

增值电信业务经营许可证:闽B2-20160169

闽ICP备14002653号-6

闽公网安备 35020302033941号