这个可以和最早那个历年角色连连看配成对
我本来想继续做导航来着，结果被我发现一个绝佳可供改造的消消乐游戏，那当然是扒了代码拿来用了
游戏链接：戳这里
捣鼓了一天终于完工。横版游戏，手机党请自觉横过来。
消消乐玩法：选中图标可移动位置，横排or竖行 相同图标大于等于三个可消除，视分数决定各角色排名顺序（咦？）
最后选出第一名就是你最爱的角色啦
我连标题页都给做了，标题就叫“谁是你的最爱”（噗）
目前一共出场7名人物
虽然号称历代角色，但其实混入了两个现代人物凑数（我姑且一个命名演员，一个命名歌手
）
等以后唐三和顾魏出来再加入吧，一次最多出场6名，但后台可以无限加人物。
背景音乐用了水月洞天的bgm（暴露年龄）
游戏时长故意设置了100秒，正好把音乐听完。
一切大功告成后，我用手机试了一下，发现一个悲剧，PC端是没什么问题，可手机无法拖曳？？
。。。遇事不决查百度
原来是jQuery UI draggable不适配移动端
那就没有解决办法了么？怎么可能
发动我引以为傲的搜索大法查找，虽然有诸如jquery.ui.touch-punch所谓的插件，其实根本没什么用，最后还是靠代码解决，代码万岁
这里也一并记录一下
- // This is a fix for mobile devices
- /iPad|iPhone|Android/.test( navigator.userAgent ) && (function( $ ) {
- var proto = $.ui.mouse.prototype,
- _mouseInit = proto._mouseInit;
- $.extend( proto, {
- _mouseInit: function() {
- this.element
- .bind( "touchstart." + this.widgetName, $.proxy( this, "_touchStart" ) );
- _mouseInit.apply( this, arguments );
- },
- _touchStart: function( event ) {
- this.element
- .bind( "touchmove." + this.widgetName, $.proxy( this, "_touchMove" ) )
- .bind( "touchend." + this.widgetName, $.proxy( this, "_touchEnd" ) );
- this._modifyEvent( event );
- $( document ).trigger($.Event("mouseup")); //reset mouseHandled flag in ui.mouse
- this._mouseDown( event );
- //return false;
- },
- _touchMove: function( event ) {
- this._modifyEvent( event );
- this._mouseMove( event );
- },
- _touchEnd: function( event ) {
- this.element
- .unbind( "touchmove." + this.widgetName )
- .unbind( "touchend." + this.widgetName );
- this._mouseUp( event );
- },
- _modifyEvent: function( event ) {
- event.which = 1;
- var target = event.originalEvent.targetTouches[0];
- event.pageX = target.clientX;
- event.pageY = target.clientY;
- }
- });
- })( jQuery );
于是手机端也可以玩了，我可真是搜索小天才
迄今为止做过的游戏：
1.历年角色连连看
2.硬核拼图
3.竞速拼图
4.看图猜谜
5.趣味问答
6.神经衰弱
7.打鼹鼠（这个没用他的图，我只是纯粹不爽新浪，遂做了个大眼怪版本，没事上去锤两下= =）
8.夷陵老祖抽卡池（new）
加上这个消消乐就是第九个了，开的新坑越来越多
能想到的小游戏都囊括了吧。。大概只剩下抽王八了吧（喂）
不可思议，我明明离开微博才半个多月，如果不离开那里，这些我根本想都没想过去做。。。
人生真是不可思议
