一个简单的SVG滤镜宏,可用于为角色/背景添加滤镜 创建宏的步骤: 1. 在你的场景文件夹中创建一个名为svgfx的文件夹。 2. 在该文件夹内创建两个文件:filters.svg和style.css。 3. 用记事本++打开这两个文件。 4. 在filters.svg中粘贴以下内容: <svg xmlns="http://www.w3.org/2000/svg" version="1.1"> <defs> <filter id="nostalgic" x="0" y="0"> <feFlood flood-color="#ffffff" flood-opacity="0.0" result="SourceGraphic"/> <feBlend mode="screen" in="SourceGraphic"/> <feColorMatrix values="0.14 0.45 0.05 0 0 0.12 0.39 0.04 0 0 0.08 0.28 0.- 在style.css中粘贴以下内容: .cartoon { -webkit-filter: url('data/scenario/svgfx/filters.svg#cartoon'); filter: url('filters.svg#cartoon'); } .nostalgic { -webkit-filter: url('data/scenario/svgfx/filters.svg#nostalgic'); filter: url('filters.svg#nostalgic'); } - 在你的场景文件夹中创建一个名为plugin_webkitfilters.ks的文件。 - 打开plugin_webkitfilters.ks并粘贴: [macro name="webkitfilters"] [html left=0 top=0 ] <link rel="stylesheet" href="data/scenario/svgfx/style.css"> <script type="text/javascript" defer="defer"> $('.layer_free').css('height','1px'); $('.layer_free').无法识别内容,已删除无法识别内容,已删除无法识别内容,已删除无法识别内容,已删除无法识别内容,已删除无法识别内容,已删除css('width','1px'); $('.[emb exp=mp.charactername]').[emb exp=mp.method]('[emb exp=mp.filtername]'); </script> [endhtml] [endmacro] - 在场景文件(.ks)中,使用前需添加以下内容: [tb_start_tyrano_code] [call storage="plugin_webkitfilters.- 然后,要在角色上使用该效果,只需像这样调用宏: [webkitfilters method="addClass" filtername="cartoon" charactername="mkun"] 或 [webkitfilters method="addClass" filtername="nostalgic" charactername="mkun"] - 要移除滤镜: [webkitfilters method="removeClass" filtername="cartoon" charactername="mkun"] 或 [webkitfilters method="removeClass" filtername="nostalgic" charactername="mkun"] - 此外,你可以在背景图片上使用滤镜(但要注意场景过渡): [webkitfilters method="removeClass" filtername="cartoon" charactername="base_fore"] 或 [webkitfilters method="removeClass" filtername="nostalgic" charactername="base_fore"] 滤镜完整列表(CSS)brightness { -webkit-filter: url('data/scenario/svgfx/filters.svg#brightness'); filter: url('filters.svg#brightness'); } .contrast { -webkit-filter: url('data/scenario/svgfx/filters.svg#contrast'); filter: url('filters.svg#contrast'); } .discrete { -webkit-filter: url('data/scenario/svgfx/filters.svg#discrete'); filter: url('filters.svg#discrete'); } .supersaturate { -webkit-filter: url('data/scenario/svgfx/filters.svg#supersaturate'); filter: url('filters.svg#supersaturate'); } .hyperred { -webkit-filter: url('data/scenario/svgfx/filters.svg#hyperred'); filter: url('filters.svg#hyperred'); } .EmbossFilter { -webkit-filter: url('data/scenario/svgfx/filters.svg#EmbossFilter'); filter: url('filters.svg#EmbossFilter'); } .SharpenFilter { -webkit-filter: url('data/scenario/svgfx/filters.XRayFilter { -webkit-filter: url('data/scenario/svgfx/filters.svg#XRayFilter'); filter: url('filters.svg#XRayFilter'); } .dither { -webkit-filter: url('data/scenario/svgfx/filters.svg#dither'); filter: url('filters.svg#dither'); } .nostalgic { -webkit-filter: url('data/scenario/svgfx/filters.svg#nostalgic'); filter: url('filters.svg#nostalgic'); } .retro { -webkit-filter: url('data/scenario/svgfx/filters.svg#retro'); filter: url('filters.svg#retro'); } .visuallyimpaired { -webkit-filter: url('data/scenario/svgfx/filters.svg#visuallyimpaired'); filter: url('filters.svg#visuallyimpaired'); } .blurhue { -webkit-filter: url('data/scenario/svgfx/filters.svg#blurhue'); filter: url('filters.svg#blurhue'); } .hueRotate { -webkit-filter: url('data/scenario/svgfx/filters..matrix { -webkit-filter: url('data/scenario/svgfx/filters.svg#matrix'); filter: url('filters.svg#matrix'); } .luminanceToAlpha { -webkit-filter: url('data/scenario/svgfx/filters.svg#luminanceToAlpha'); filter: url('filters.svg#luminanceToAlpha'); } .discrete { -webkit-filter: url('data/scenario/svgfx/filters.svg#discrete'); filter: url('filters.svg#discrete'); } .table { -webkit-filter: url('data/scenario/svgfx/filters.svg#table'); filter: url('filters.svg#table'); } .linear { -webkit-filter: url('data/scenario/svgfx/filters.svg#linear'); filter: url('filters.svg#linear'); } .gamma { -webkit-filter: url('data/scenario/svgfx/filters.svg#gamma'); filter: url('filters.svg#gamma'); }锐化 { -webkit-filter: url('data/scenario/svgfx/filters.svg#sharpening'); filter: url('filters.svg#sharpening'); } .sharpenmore { -webkit-filter: url('data/scenario/svgfx/filters.svg#sharpenmore'); filter: url('filters.svg#sharpenmore'); } .cartoon { -webkit-filter: url('data/scenario/svgfx/filters.svg#cartoon'); filter: url('filters.svg#cartoon'); } .glow { -webkit-filter: url('data/scenario/svgfx/filters.svg#glow'); filter: url('filters.svg#glow'); } 滤镜完整列表(SVG) <svg xmlns="http://www.w3.org/2000/svg" version="1.无法识别内容,已删除




换一换 















