【插件】烛光/投影/灵活易用的无限图层系统

仇九

=============================================================
烛光/投影/灵活易用的无限图层系统QJ-LayerLight.js
=============================================================
我最初使用TerraxLighting来制作光效，但是TerraxLighting在手机端有时会导致手机卡顿。
而且我无法简单地自由设置光效的形状。
后来我了解了Community_Lighting和OrangeLightingEventLight等各种烛光插件。
然后我了解到了KhasUltraLighting插件，这个插件相比别的插件，可以让墙壁有特殊的阴影效果。
而我又了解了一个还未发布，但是非常吸引我的一个插件：
Shora Lighting Plugin (Real-time shadow with heavily optimized lighting) (MV/MZ)
地址：https://forums.rpgmakerweb.com/i ... hting-mv-mz.131410/
=============================================================
ULDS插件是经常被使用的插件，对我的帮助非常大。
=============================================================
综上我想整合 烛光与ULDS 两个插件。
而此插件预计在1-3个月内发布。
提前发布是为了听取大家的意见……
这种插件的适配很麻烦ORZ……
=============================================================
预览图：


=============================================================
预览说明：（草稿）

JAVASCRIPT 代码复制

* ===============================================================================
 * 1.您需要在img/lights下存放光照图片，光照图片可以用于制作各种灯光效果。
 *   为了保证对光照图片的颜色渲染到位，建议与范例图片的格式一致。
 *   此种设计方法所使用的的图片与RPGMaker官方给出的灯光范例中使用的图片相同。
 * 2.您需要在事件的某个事件页中设置注释。然后使用指令来打开光效。
 * ===============================================================================
 * 一.灯光注释
 * ================================================================
 * 1.基础注释，为事件设置光效：
 *   <QJLight:imgName,size,color,xOffset,yOffset,effect>
 *   imgName：灯光文件名,范例中的两个文件名为："circle"和"flashlight"。
 *         注意！灯光图片主方向为朝上，随着玩家/事件的朝向进行自动旋转。
 *   size：光效大小，单位为像素，与上方imgName：灯光文件名中指定的图片原本的大小无关。
 *         此项可以设置动态效果，使灯光大小进行自动调节。
 *         例如："150|60-180|60-180|60-150|60"
 *         灯光初始时大小为150，持续60帧；然后在60帧内由150逐渐变成180；持续60帧；然后在60
 *         内由180逐渐变成150。然后循环。
 *   color：光效的附加颜色，例如："#00FF00"。
 *         此项可以设置动态效果，使光的颜色进行自动调节。
 *         例如："#FF0000|60-#00FF00|60-#00FF00|60-#FF0000|60"
 *         灯光初始时颜色为#FF0000，持续60帧；然后在60帧内由#FF0000逐渐变成#00FF00；持续60帧；然后在60
 *         内由#00FF00逐渐变成#FF0000。然后循环。
 *   xOffset：光效显示的基点为该事件所在格子的正中央，此项可以对偏移值进行调节。不修改则填0。
 *         此项可以设置动态效果，使光的位置进行自动的调节。
 *         例如："0|60-6|60-6|60-0|60"
 *         灯光初始时不偏移，持续60帧；然后在接下来60帧内逐渐向上平移6个像素；持续60帧；然后在60帧内向下
 *         平移6个像素回到最初的点。然后进行循环。
 *   yOffset：光效显示的基点为该事件所在格子的正中央，此项可以对偏移值进行调节。不修改则填0。
 *         此项可以设置动态效果，使光的位置进行自动的调节，与xOffset同理。
 *   effect：附加的特殊特效，可以写如下指令：
 *       "F[]"：（Fire）对此灯光附加自动闪烁的特效，每隔随机几帧进行一次闪烁。
 * ================================================================
 * 2.事件阴影调节:
 *   本插件中的灯光会制造事件的影子，默认影子的形状与当前事件的行走图一致，且基点为该事件所在格子的中下方。
 *   若想对此修改则可以添加如下注释：
 *   <QJShadowImg:imgName>重新设置光效形状，光效图片同样放在img/lights，为单张小图片，且图片无论原来
 *         是什么颜色，都会被转为黑色。
 *   <QJShadowImgDir:imgName1|imgName2|imgName3|imgName4>与上方功能相同，只不过让事件朝向不同时有不
 *         同的影子。imgName1   imgName2   imgName3   imgName4分别对应朝下左右上的影子。
 *         注意要写引号且全部框住，例如"s1|s2|s3|s4"
 *   <QJShadowXOffset:影子底的x偏移量>
 *   <QJShadowYOffset:影子底的y偏移量>
 *   <QJShadowXOffsetDir:"朝下时x偏移|朝左时x偏移|朝右时x偏移|朝上时x偏移">
 *   <QJShadowYOffsetDir:"朝下时y偏移|朝左时y偏移|朝右时y偏移|朝上时y偏移">
 *   <QJShadowModel:编号>此事件投影的模式，默认为0，不同的编号对应的效果为：
 *          0影子形状不变。
 *          1该事件没有影子。
 *          2光源与事件越近，影子越短，越窄。
 *          3光源与事件越近，影子越长，越窄。
 *          4光源与事件越近，影子越短，越宽。
 *          5光源与事件越近，影子越长，越宽。
 *          6影子一直很长。
 *   <QJShadowColor:影子颜色>
 *   <QJShadowOpacity:影子不透明度>
 * ================================================================
 * 二.脚本指令
 * ================================================================
 * 1.打开或者关闭灯光效果。
 *   QJ.LL.open();打开光效
 *   QJ.LL.close();关闭光效
 * ================================================================
 * 2.调节灯光整体颜色。
 *   QJ.LL.setTint(time,color);调节光效整体颜色。
 *      time为渐变时间，写0时瞬间变化。
 *      color为目标颜色。
 * ================================================================
 * 3.调节玩家光效。
 *   QJ.LL.setPlayer(imgName,size,color,xOffset,yOffset,effect);
 * ================================================================
 * 4.打开或者关闭玩家光效。
 *   QJ.LL.openPlayer();打开玩家光效
 *   QJ.LL.closePlayer();关闭玩家光效
 * ================================================================
 * 5.与玩家的影子有关的指令。
 *   QJ.LL.shadowImg(imgName);
 *   QJ.LL.shadowImgDir(imgName1|imgName2|imgName3|imgName4);
 *   QJ.LL.shadowXOffset(影子底的x偏移量);
 *   QJ.LL.shadowYOffset(影子底的y偏移量);
 *   QJ.LL.shadowXOffsetDir("朝下时x偏移|朝左时x偏移|朝右时x偏移|朝上时x偏移");
 *   QJ.LL.shadowYOffsetDir("朝下时y偏移|朝左时y偏移|朝右时y偏移|朝上时y偏移");
 *   QJ.LL.shadowModel(编号);
 *   QJ.LL.shadowColor(影子颜色);
 *   QJ.LL.shadowOpacity(影子不透明度);
 * ================================================================
 * 6.设置区域/地形的特殊阴影效果。
 *   QJ.LL.region(reginId,color);
 *   QJ.LL.terrain(terrainId,color);
 * ================================================================

* ===============================================================================


 * 1.您需要在img/lights下存放光照图片，光照图片可以用于制作各种灯光效果。


 *   为了保证对光照图片的颜色渲染到位，建议与范例图片的格式一致。


 *   此种设计方法所使用的的图片与RPGMaker官方给出的灯光范例中使用的图片相同。


 * 2.您需要在事件的某个事件页中设置注释。然后使用指令来打开光效。


 * ===============================================================================


 * 一.灯光注释


 * ================================================================


 * 1.基础注释，为事件设置光效：


 *   <QJLight:imgName,size,color,xOffset,yOffset,effect>


 *   imgName：灯光文件名,范例中的两个文件名为："circle"和"flashlight"。


 *         注意！灯光图片主方向为朝上，随着玩家/事件的朝向进行自动旋转。


 *   size：光效大小，单位为像素，与上方imgName：灯光文件名中指定的图片原本的大小无关。


 *         此项可以设置动态效果，使灯光大小进行自动调节。


 *         例如："150|60-180|60-180|60-150|60"


 *         灯光初始时大小为150，持续60帧；然后在60帧内由150逐渐变成180；持续60帧；然后在60


 *         内由180逐渐变成150。然后循环。


 *   color：光效的附加颜色，例如："#00FF00"。


 *         此项可以设置动态效果，使光的颜色进行自动调节。


 *         例如："#FF0000|60-#00FF00|60-#00FF00|60-#FF0000|60"


 *         灯光初始时颜色为#FF0000，持续60帧；然后在60帧内由#FF0000逐渐变成#00FF00；持续60帧；然后在60


 *         内由#00FF00逐渐变成#FF0000。然后循环。


 *   xOffset：光效显示的基点为该事件所在格子的正中央，此项可以对偏移值进行调节。不修改则填0。


 *         此项可以设置动态效果，使光的位置进行自动的调节。


 *         例如："0|60-6|60-6|60-0|60"


 *         灯光初始时不偏移，持续60帧；然后在接下来60帧内逐渐向上平移6个像素；持续60帧；然后在60帧内向下


 *         平移6个像素回到最初的点。然后进行循环。


 *   yOffset：光效显示的基点为该事件所在格子的正中央，此项可以对偏移值进行调节。不修改则填0。


 *         此项可以设置动态效果，使光的位置进行自动的调节，与xOffset同理。


 *   effect：附加的特殊特效，可以写如下指令：


 *       "F[]"：（Fire）对此灯光附加自动闪烁的特效，每隔随机几帧进行一次闪烁。


 * ================================================================


 * 2.事件阴影调节:


 *   本插件中的灯光会制造事件的影子，默认影子的形状与当前事件的行走图一致，且基点为该事件所在格子的中下方。


 *   若想对此修改则可以添加如下注释：


 *   <QJShadowImg:imgName>重新设置光效形状，光效图片同样放在img/lights，为单张小图片，且图片无论原来


 *         是什么颜色，都会被转为黑色。


 *   <QJShadowImgDir:imgName1|imgName2|imgName3|imgName4>与上方功能相同，只不过让事件朝向不同时有不


 *         同的影子。imgName1   imgName2   imgName3   imgName4分别对应朝下左右上的影子。


 *         注意要写引号且全部框住，例如"s1|s2|s3|s4"


 *   <QJShadowXOffset:影子底的x偏移量>


 *   <QJShadowYOffset:影子底的y偏移量>


 *   <QJShadowXOffsetDir:"朝下时x偏移|朝左时x偏移|朝右时x偏移|朝上时x偏移">


 *   <QJShadowYOffsetDir:"朝下时y偏移|朝左时y偏移|朝右时y偏移|朝上时y偏移">


 *   <QJShadowModel:编号>此事件投影的模式，默认为0，不同的编号对应的效果为：


 *          0影子形状不变。


 *          1该事件没有影子。


 *          2光源与事件越近，影子越短，越窄。


 *          3光源与事件越近，影子越长，越窄。


 *          4光源与事件越近，影子越短，越宽。


 *          5光源与事件越近，影子越长，越宽。


 *          6影子一直很长。


 *   <QJShadowColor:影子颜色>


 *   <QJShadowOpacity:影子不透明度>


 * ================================================================


 * 二.脚本指令


 * ================================================================


 * 1.打开或者关闭灯光效果。


 *   QJ.LL.open();打开光效


 *   QJ.LL.close();关闭光效


 * ================================================================


 * 2.调节灯光整体颜色。


 *   QJ.LL.setTint(time,color);调节光效整体颜色。


 *      time为渐变时间，写0时瞬间变化。


 *      color为目标颜色。


 * ================================================================


 * 3.调节玩家光效。


 *   QJ.LL.setPlayer(imgName,size,color,xOffset,yOffset,effect);


 * ================================================================


 * 4.打开或者关闭玩家光效。


 *   QJ.LL.openPlayer();打开玩家光效


 *   QJ.LL.closePlayer();关闭玩家光效


 * ================================================================


 * 5.与玩家的影子有关的指令。


 *   QJ.LL.shadowImg(imgName);


 *   QJ.LL.shadowImgDir(imgName1|imgName2|imgName3|imgName4);


 *   QJ.LL.shadowXOffset(影子底的x偏移量);


 *   QJ.LL.shadowYOffset(影子底的y偏移量);


 *   QJ.LL.shadowXOffsetDir("朝下时x偏移|朝左时x偏移|朝右时x偏移|朝上时x偏移");


 *   QJ.LL.shadowYOffsetDir("朝下时y偏移|朝左时y偏移|朝右时y偏移|朝上时y偏移");


 *   QJ.LL.shadowModel(编号);


 *   QJ.LL.shadowColor(影子颜色);


 *   QJ.LL.shadowOpacity(影子不透明度);


 * ================================================================


 * 6.设置区域/地形的特殊阴影效果。


 *   QJ.LL.region(reginId,color);


 *   QJ.LL.terrain(terrainId,color);


 * ================================================================

=============================================================

吃掉自己的玩家

能做成附件的形式吗，这个我不知道怎么用啊....

nie89

支持！！！另外有一个小问题……dalao知道ulds怎么通过开关或者变量控制图层显示吗……

ww984957002

卧槽！！这个插件好啊！！希望会有MZ版本

play337

可以用個DEMO FILES嗎?
拜託~

13648190411

希望早点发布吧，真棒

RyanYe

楼主可以做个灯光插件对比表格吗
第一行是各种属性，例如是否可以商用、性能、功能易用性、扩展性
第一列是插件名称，这样来做一个对比性的表格我估计会很直观

另：我一直在用CommunityLighting，因为这是Terrax的升级，我十分喜欢他的易用性和扩展性（notetag和comment都可以），还有强大的玩家的手电筒功能，最关键还可以商用
如果其他插件还有另外的优势的话，我可以告诉作者让他们加到CommunityLighting里去

红色朱新城

好家伙，期待插件的发布

mollyko

期待中~！

jerry6415

插件这几天更新了，但有个小BUG，作者的演示工程中插件工作是正常的。但如果直接复制插件过来，Lights:default 的默认json格式是错的，json最后烧个 } 。补上就行了。另外这是我的效果，不得不说，效果还是很强大的。