WOW 插件整合

Posted 2023-05-05

自己找了好多WOW插件，也知道怎么用，该放在哪些文件夹里，就是很多插件都会在小地图上显示一个小按钮，小按钮一多就放不下了，求一个可以整合这些小按钮的方法或者插件，类似于小地图上只有1个插件按钮，打开后有其他插件按钮，以方便调节，谢谢！
感谢各位帮助，祝大家WOW愉快~问题已用MBB解决

其实不用那么麻烦..你把下载好的插件都解压好了丢到魔兽根目录Interface文件夹里的AddOns文件夹里..这个是大脚生成的文件夹..都丢进去以后 .然后到大脚登陆游戏界面的时候再跟新一次..有可能会提示插件来历不明.问是否保留

点保留进游戏..进入游戏别忘记了再选择角色界面 点击插件管理 启用过期插件 打钩!全部启用..进游戏..有的插件是过期的 不过依旧很好用..所以还是选 不然用不了..下面是你问的问题了..进入游戏后 按Esc 选着界面栏 就如下图

 哪些都是下载的插件 右边有个+的符号 你都打开 随便设置一点 然后右上角的雷达 有个枫叶的小图标 点一下他你下载的插件快速设置图标就出来了..

 每个插件都有自己的命令..你把命令记住了直接输入命令设置调节一样方便..

命令在你下插件的时候 应该都有介绍 你留意一下就应该注意的到.好了 以上是魔兽玩家 真诚为你带来的解答..希望你的问题早日解决..！还有什么不懂的可以M我询问..

参考技术A 很多插件都可以更改界面的

大部分用的是ACE 2 的数据库

1、下载包包并安装：文件解压后,插件放入\World of Warcraft\Interface\AddOns下,配置文件放入\World of Warcraft\WTF\Account\帐号\SavedVariables下.
2.进入游戏界面,键入/DAB,按图2(动作条设置)进行加载;
3.键入/ECB,按图3(施法条设置)进行加载;
4.其他所有ACE插件可按图5(ACE设置)设置.
我提供的ACE插件体积相对较大,因为大多数是自带裤头的,其实插件本身不是很大.下面介绍点ACE,FUBAR(引用别人介绍):

1、开发活跃度很高。其实完全独一无二的插件很少（这种还是有的，例如KTM），选择插件最重要的其实是看它的作者是不是勤快，关注的人是不是够多，这样才有未来的保障。FuBar社区有一个文档专门维护各种Titan用户提出的需求，开发组有个目标就是完全取代和超越Titan的功能，相对Titan系目前较少的新的开发，这个好处是明显的。
2、基于Ace2，带来的多种优势，例如效率、集成化的配置档案管理、相对干净的代码，等等。
3、由于是比较新的插件，比其他同类插件，设计时考虑了比较多的结构上的优化，例如插件的统一性就做的不错（虽然现在1.2-2.0有点点混乱，但是会过去的嘛）。
4、最后看看FuBar的一些功能特点（摘自官方文档，我翻译了一下，括号里是我的注释）：
——直接拖放调整布局
——所有插件都可以居左、中、右
——自动调整全屏窗体位置适应不同的FuBar布局（可配置关闭该功能）
——无限制的bar数量，可以选择顶部、底部或者浮动
——插件的弹出信息提示可以选择分离成独立窗体显示（例如QuestFu的提示信息分离了之后就跟MonkeyQuest差不多，可以搁在一边）
——完全面向对象的设计（主要是Ace的特征啦）
——所有插件都是Load On Demand的（即使打开了该插件，不加载的时候就不占内存）.
——模块化（所有插件都是分离的，互相之间不会影响，这个主要对于插件作者很有价值）
——灰常小的内存占用（要是你用Warmup看会发现内存占的不少，这个主要是Ace2的嵌入式库设计导致的误判，其实占用是不大的，官网有说明）
——大量实用功能和非常好的API文档（也素面向开发者的）
——内置换肤功能
——内置宽度、字体、透明、插件显示间隔的细微调整
——所有插件都可以设置为显示在minimap周围
尝试解释ACE2的库原理。以便大家有个统一的认识。

1、WoW的插件允许使用一些外部的功能，这些编写出来被其他插件使用的通用功能就是“库”。
2、在ACE2之前，所有的库都是所谓的“共享库”，也就是说，假设有某个库A，以及使用它的多个插件B1、B2。。。那么你的Addons下面会有A、B1、B2这些目录，如果删除A目录或者在WoW里禁用A这个插件，B1、B2这些都无法工作。
3、ACE2引入了“嵌入库”的概念，也就是说，你可以把A放在B1、B2这些目录下面，不作为独立的插件存在，而且B1和B2下面A的版本可以不一样。
4、WoW加载B1、B2的时候，会把他们内嵌的库都load到内存里，但是很快WoW的插件运行环境就会进行内存优化，把同一个库的多余副本都干掉，只留下版本最新的一个。
5、嵌入库和共享库是各有优劣的，由于软件行业总的趋势，人们更关注维护和管理的代价，而不是特别在意资源占用上小的增长（嵌入库主要的问题之一是在游戏刚加载的时候占用内存多一些），所以ACE社区的开发者一致建议尽量使用嵌入库，这样你可以很容易的管理每个插件，而不用考虑他们使用了哪些库。
6、在目前ACE2库更新十分频繁的时期，嵌入库还有一个很大的弊病，就是兼容性问题，可能你加入了一个插件，它内置的ACE2库更新一些，但是却包含了一个错误，那么之前所有使用这个库的插件，即使本身没有更新，也会跟着一起出错。但是这个问题在ACE2库的接口和功能稳定之后就不会出现了。
7、ACE2库目前还没有实现完全的全球化，包括AceAddon-2.0、AceDB-2.0、AceDebug-2.0、FuBarPlugin-2.0等库都需要手工汉化，Babble-Class-2.0和Babble-Boss-2.0等基本数据中还有明显的错漏，也是我自己维护的修改。所以，一旦有插件的新版本包含了新的库，里面有没有进行适应CWoW的修正，也会出问题。 参考技术B 自己找的插件基本都可以调整为游戏界面不显示插件链接的，建议你下时候多看下插件的解释 参考技术C MBB插件,小地图按钮UI，可以将小地图全部UI都集中在一个图表中，点击会展开

178上面或者多玩上面可以下载，不过不推荐多玩，被盗号你都不知道是怎么回事 参考技术D wow.duowan.com
去这个网站
能解决你的一切问题
里面有插件区
可以下整合插件
还有和谐补丁

WoW.js插件

时间：2017.11.02----2017.11.04

author: gaoxuerong

先上效果图点击这里

这是我在看WoW.js源码的时候写的，自己也是不理解，所以是边看，边百度，把自己查的资料整理下，由于本人能力有限，不能很好的讲解，就只是粗略的写了下，

开始总体看起来是(function(){}).call(this)讲解详见https://segmentfault.com/q/1010000002519489

1. 其实[].indexOf和

2. function(item) {

3.   for (var i = 0, l = this.length; i < l; i++) {

4.     if (i in this && this[i] === item)

5.       return i;

6.   }return -1;

7. };的作用是一样的;你懂得；

 

1. Util = (function() {return Util;})()//立即执行函数

2. function Util() {}

3. Util.prototype.extend = function(custom, defaults) {

4.   var key, value;

5.   for (key in defaults) {

6.     value = defaults[key];

7.     if (custom[key] == null) {

8.       custom[key] = value;

9.     }

10.   }

11.   return custom;

12. };

 

1. WeakMap=this.WeakMap || this.MozWeakMap || (WeakMap = (function() {return WeakMap;})())

 

3. function WeakMap() {

4.   this.keys = [];

5.   this.values = [];

6. }

7. 然后在WeakMap原型上扩展了get set方法；

8. WeakMap.prototype.get(key)返回key关联对象, 或者 undefined(没有key关联对象时)。WeakMap.prototype.set(key, value)在WeakMap中设置一组key关联对象，返回这个 WeakMap对象。关于WeakMap详见http://es6.ruanyifeng.com/#docs/set-map

 

1.  MutationObserver =(MutationObserver = (function() {

2.   function MutationObserver() {}

3.   return MutationObserver;

4. })());关于 MutationObserver 

5. https://developer.mozilla.org/zh-CN/docs/Web/API/MutationObserver

 

1. getComputedStyle = this.getComputedStyle || function(el, pseudo) {

2. return this;

3. }

4. Window.getComputedStyle() 方法给出应用活动样式表后的元素的所有CSS属性的值，并解析这些值可能包含的任何基本计算。关于getComputedStyle详见https://developer.mozilla.org/zh-CN/docs/Web/API/Window/getComputedStyle

 

6. http://www.zhangxinxu.com/wordpress/2012/05/getcomputedstyle-js-getpropertyvalue-currentstyle/

 

1. this.WOW = (function() {

2. return WOW;

3. })()

 

5. WOW.prototype.defaults = {

6.   boxClass: ‘wow‘,

7.   animateClass: ‘animated‘,

8.   offset: 0,

9.   mobile: true,//手机是否支持

10.   live: true,

11.   callback: null,

12.   scrollContainer: null

13. };

 

15. function WOW(options) {

16.   if (options == null) {

17.     options = {};

18.   }

19.   this.scrollCallback = bind(this.scrollCallback, this);

20.   this.scrollHandler = bind(this.scrollHandler, this);

21.   this.resetAnimation = bind(this.resetAnimation, this);

22.   this.start = bind(this.start, this);

23.   this.scrolled = true;

24.   this.config = this.util().extend(options, this.defaults);

25.   if (options.scrollContainer != null) {

26.     this.config.scrollContainer = document.querySelector(options.scrollContainer);

27.   }

28.   this.animationNameCache = new WeakMap();

29.   this.wowEvent = this.util().createEvent(this.config.boxClass);

30. }

31. 然后在Wow.prototype上扩展了方法init[初始化]; start ;stop ;sync[同步] ;doSync; show;applyStyle;animate;resetStyle;resetAnimation;customStyle;vendorSet;vendorCSS;animationName;cacheAnimationName;cachedAnimationName;scrollHandler;scrollCallback;offsetTop;isVisible;util;disabled；

 

 

WoW.js基本用法

 

详见：http://www.cnblogs.com/yangjunfei/p/6746926.html

具体动画效果，详见animate.css

具体css3动画效果详见：http://css.doyoe.com/

自己可以根据animate.css源码分析，只要了解css3动画的用法就好；

例如：1.   fadeInDown

在animate.css中有：

透明度从opacity:0到opacity:1;在外轴上平移：从-20px到0；

2.bounceInDown

 

3.rollIn

 

4.lightSpeedIn

 

5.bounceInRight 

6.flipInX

 

7.shake

 

8.swing

 

9.bounceInUp

 

 

10.pulse

 

11.bounce

 

12.flip

 

1. @keyframes flip {

2.   0% {

3.     -webkit-transform: perspective(400px) translateZ(0) rotateY(0) scale(1);

4.     -ms-transform: perspective(400px) translateZ(0) rotateY(0) scale(1);

5.     transform: perspective(400px) translateZ(0) rotateY(0) scale(1);

6.     -webkit-animation-timing-function: ease-out;

7.     animation-timing-function: ease-out;

8.   }

 

10.   40% {

11.     -webkit-transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1);

12.     -ms-transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1);

13.     transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1);

14.     -webkit-animation-timing-function: ease-out;

15.     animation-timing-function: ease-out;

16.   }

 

18.   50% {

19.     -webkit-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);

20.     -ms-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);

21.     transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);

22.     -webkit-animation-timing-function: ease-in;

23.     animation-timing-function: ease-in;

24.   }

 

26.   80% {

27.     -webkit-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(.95);

28.     -ms-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(.95);

29.     transform: perspective(400px) translateZ(0) rotateY(360deg) scale(.95);

30.     -webkit-animation-timing-function: ease-in;

31.     animation-timing-function: ease-in;

32.   }

 

34.   100% {

35.     -webkit-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1);

36.     -ms-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1);

37.     transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1);

38.     -webkit-animation-timing-function: ease-in;

39.     animation-timing-function: ease-in;

40.   }

41. }

13.tada

 

1. @keyframes tada {

2.   0% {

3.     -webkit-transform: scale(1);

4.     -ms-transform: scale(1);

5.     transform: scale(1);

6.   }

 

8.   10%, 20% {

9.     -webkit-transform: scale(0.9) rotate(-3deg);

10.     -ms-transform: scale(0.9) rotate(-3deg);

11.     transform: scale(0.9) rotate(-3deg);

12.   }

 

14.   30%, 50%, 70%, 90% {

15.     -webkit-transform: scale(1.1) rotate(3deg);

16.     -ms-transform: scale(1.1) rotate(3deg);

17.     transform: scale(1.1) rotate(3deg);

18.   }

 

20.   40%, 60%, 80% {

21.     -webkit-transform: scale(1.1) rotate(-3deg);

22.     -ms-transform: scale(1.1) rotate(-3deg);

23.     transform: scale(1.1) rotate(-3deg);

24.   }

 

26.   100% {

27.     -webkit-transform: scale(1) rotate(0);

28.     -ms-transform: scale(1) rotate(0);

29.     transform: scale(1) rotate(0);

30.   }

31. }