【自制小游戏】肖战历年角色消消乐

Leave a comment

这个可以和最早那个历年角色连连看配成对

我本来想继续做导航来着,结果被我发现一个绝佳可供改造的消消乐游戏,那当然是扒了代码拿来用了

游戏链接:戳这里

捣鼓了一天终于完工。横版游戏,手机党请自觉横过来。

消消乐玩法:选中图标可移动位置,横排or竖行 相同图标大于等于三个可消除,视分数决定各角色排名顺序(咦?)

最后选出第一名就是你最爱的角色啦

我连标题页都给做了,标题就叫“谁是你的最爱”(噗)

目前一共出场7名人物

虽然号称历代角色,但其实混入了两个现代人物凑数(我姑且一个命名演员,一个命名歌手

等以后唐三和顾魏出来再加入吧,一次最多出场6名,但后台可以无限加人物。

背景音乐用了水月洞天的bgm(暴露年龄)

游戏时长故意设置了100秒,正好把音乐听完。

一切大功告成后,我用手机试了一下,发现一个悲剧,PC端是没什么问题,可手机无法拖曳??

。。。遇事不决查百度

原来是jQuery UI draggable不适配移动端

那就没有解决办法了么?怎么可能

发动我引以为傲的搜索大法查找,虽然有诸如jquery.ui.touch-punch所谓的插件,其实根本没什么用,最后还是靠代码解决,代码万岁

这里也一并记录一下

  1. // This is a fix for mobile devices 
  2.   
  3. /iPad|iPhone|Android/.test( navigator.userAgent ) && (function( $ ) { 
  4.   
  5. var proto =  $.ui.mouse.prototype, 
  6. _mouseInit = proto._mouseInit; 
  7.   
  8. $.extend( proto, { 
  9.     _mouseInit: function() { 
  10.         this.element 
  11.         .bind( "touchstart." + this.widgetName, $.proxy( this, "_touchStart" ) ); 
  12.         _mouseInit.apply( this, arguments ); 
  13.     }, 
  14.   
  15.     _touchStart: function( event ) { 
  16.          this.element 
  17.         .bind( "touchmove." + this.widgetName, $.proxy( this, "_touchMove" ) ) 
  18.         .bind( "touchend." + this.widgetName, $.proxy( this, "_touchEnd" ) ); 
  19.   
  20.         this._modifyEvent( event ); 
  21.   
  22.         $( document ).trigger($.Event("mouseup")); //reset mouseHandled flag in ui.mouse 
  23.         this._mouseDown( event ); 
  24.   
  25.         //return false;            
  26.     }, 
  27.   
  28.     _touchMove: function( event ) { 
  29.         this._modifyEvent( event ); 
  30.         this._mouseMove( event );    
  31.     }, 
  32.   
  33.     _touchEnd: function( event ) { 
  34.         this.element 
  35.         .unbind( "touchmove." + this.widgetName ) 
  36.         .unbind( "touchend." + this.widgetName ); 
  37.         this._mouseUp( event );  
  38.     }, 
  39.   
  40.     _modifyEvent: function( event ) { 
  41.         event.which = 1
  42.         var target = event.originalEvent.targetTouches[0]; 
  43.         event.pageX = target.clientX; 
  44.         event.pageY = target.clientY; 
  45.     } 
  46.   
  47. }); 
  48.   
  49. })( jQuery ); 

于是手机端也可以玩了,我可真是搜索小天才

迄今为止做过的游戏:

1.历年角色连连看

2.硬核拼图

3.竞速拼图

4.看图猜谜

5.趣味问答

6.神经衰弱

7.打鼹鼠(这个没用他的图,我只是纯粹不爽新浪,遂做了个大眼怪版本,没事上去锤两下= =)

加上这个消消乐就是第八个了,开的新坑越来越多

能想到的小游戏都囊括了吧。。大概只剩下抽王八了吧(喂)

不可思议,我明明离开微博才半个多月,如果不离开那里,这些我根本想都没想过去做。。。

人生真是不可思议

【自制小游戏】神经衰弱初级篇

Leave a comment

之前还说要做马里奥呢,可能要花很久呢。事实证明,找对模板方法,分分钟的事。

我感觉可以把能想到的小游戏都给做了。我连阴阳师的抽卡界面都下载好了,ssr的语音都想好了。不过这个是个大工程,以后再说。

先丢个小游戏上来。

游戏链接:戳这里

选图和icon直接沿用以前做过的游戏里的素材,循环利用,挺好的

这个是最简单的版本,回头再做个可调难度的,最高翻转100枚,真・神经衰弱

导航界面

Leave a comment

其实wordpress有一个导航栏来着。。。就是杵在最上面那一行。但是我嫌弃它功能不够,于是另做了一个

那么问题来了,我明明可以换个模板

哦不,还有什么模板可以拥有如此大的版头让我放图?坚决不换!

新捣鼓了一个专门的导航界面,可是在如何“点击左面菜单,跳转至右边框架内显示内容”上费了一番功夫

在查找了div,css,js,ajax等诸多方法后,我最终决定,还是用iframe省事得了

事实证明,即便你没上过什么java课,只要掌握基本搜索能力,没有什么是办不到的!

放一下我辛苦搜寻的代码,全部在html页面修改即可

首先在</head>前面添加这一段

  1. <script type="text/javascript">   
  2. function showConent(url) {   
  3.     var p = document.getElementById("right_content");   
  4.     p.src=url;   
  5. }   
  6. </script> 

左侧菜单栏,链接url地址更改为

  1. <a href="javascript:void(0);" onmousedown="showConent('url')"></a> 

右侧显示内容区,更改如下

  1. <div class="body_right"> 
  2. <iframe src=""  id="right_content" scrolling="yes"  style="width:100%;height:100%"></iframe>  
  3.    </div> 

大功告成!

好了,我继续捣鼓去了

心路8/1

Leave a comment

最近,资金陆续从支付宝转到微信,基本理财产品有个共识,只要看那些被抢光,不知何时会放出来的产品就够了

因为,大家都不傻。有价值的,人人争破头去抢。

适用世间万理。

诚然,艺术没有高低之分。

一直有种声音在引导,仿佛他找到了真正想做的事,笑止。这年头,害人都能找到这么清丽脱俗的理由了。照这种说法,被迫流放的一个个都去喜马拉雅山找到人生真谛了呢。来,大家一个个拉下来吧,一个个去找旷野吧。

事业高峰期被人用下作的手段拉下来,还给他冠个美名,看呀,这才是你想做的事。要不要脸??

又回到昨天说的“得病反而是件好事”的洗脑包言论了。最终不过遂了别人的愿,自救就自救,别拔那么高的高度。看着尴尬不尴尬,这是想拿诺贝尔和平奖吗?

我也不想看到,我躲过了微博,还得被迫在twi看到。。。话说,twi有没有屏蔽关注的人按钮。。。话又说回来,我屏了小组还是得看到。。。

经过这件事,我更确定了一点。

我还真的是路人,如假包换。诚然一阵子受到影响,加了超话,但其实,我对本人,真的没有太多感情。

正如同当年会对老娘舅节目的弱势方愤愤不平一样,我所有的情绪都是为了自己。

从今往后,还是回归角色粉吧

也许一开始就是,只是深陷其中而不知

等一切尘埃落定

绵绵就可以离开,去找远道了。

——————分割线——————-

冷静下来了,我所有的烦恼,全来自网络,更确切说,来自网络上的言论。就算没了weibo,还有twi。只要我还和他的粉群有联系,这层枷锁不斩不行!

我只有不带任何情绪地专注作品本身,才能获得安宁。

不用引用什么国外名言,老祖宗早就有云

每日三省吾身

1 目前已远离weibo等公共言论区,继续保持

2 视频已关弹幕,禁断症状早已消失,继续保持

3 降低粉群联络频率,有些事隔几个小时,隔几天知道无伤大雅

4 一辈子屏蔽粉群言论不现实,按照马斯洛需求理论,精神需求也需要有空间发泄。人有分享的需求,哪怕只是3,5人的小群,从中获得参与感,认同感,对自身精神构建有利。但需注意,一切目的都只是为了提升愉悦度,却不可为此伤身。

5 学会调节情绪。以我的性格,若真能做到心如止水,根本也不会蹚这次浑水。正义感的宣泄,也是精神需求的一环。那么势必又回到4,一旦发现情绪不对,应立即主动切断源头。

以上都只是理想状态,我大概率仍然会不停地处于发怒——冷静——发怒——冷静的循环。但1和2已经做到,可以期待后续。

我失去的:信息获取的速度与广度。前者通过小组群聊弥补,反正我啥都不干,都会自动报备。后者,没必要事无巨细一一了解。一旦不去在意“人”,“言论”,有些事似乎也变得不需要再知道了。相比之下,有限的时间内,追求自己真正在乎的信息,扩大它的深度。

我得到的:安宁

目前阶段,后者对我比较重要

脸依然健在

Leave a comment

帅哥的脸依然健在

帅哥的脸依然健在

帅哥的脸依然健在

重要的事情说三遍

好了,说完了

那侧脸真是绝了,我心安了

然而。。。不管是公益还是这个,和我想看到的活动还是大相径庭。。。我只想回到去年年底那样的状态,别的偶像干什么,他也干什么,就这么简单而已,怎么就这么难,这么难呢。阿里的资本竟就如此一手遮天么?

看到日饭转了推上的翻译。。其实我个人不是很喜欢今天的主题。因为总会让我下意识地想起以前喜欢堂本刚的时候,他说过的话。

那时,他刚患耳疾,身边有人对他说,你现在受的这份苦,将来也会成为你的助力,得了这场病说不定还是好事呢。堂本刚表示十分不解,我如果能够不得这个病的话,不是皆大欢喜么,得病就是坏事,根本不会变成好事。

他那句话,当时给我留下了很深的印象。

因为,他那个所谓身边人的话,其实也是我们生活中常听到的话,很长时间以来,我也是一直被这样的说辞洗脑。但仔细想想,根本就不对!

人总有股倾向,受了罪,会想办法给它找正当的理由,去找出它有意义的一面。恕我直言,这固然有积极的一面,但更多只是心理安慰疗法罢了。最简单的例子,被家暴的人,往往会自己给自己找被打的理由。

为什么就不能承认,这个社会有纯粹的恶?

难不成有人被强奸了,还要去感谢强奸犯么?

什么是有意义的,把行恶之人绳之以法,匡扶正气,才是对社会做贡献,最有意义的事。这才是最积极的思想!

以前,上海有档老娘舅的调解节目,我妈特爱看,我特别不喜欢看,每次看都一包火。在我眼里,调解就是一个恶之名。法律好歹还有100%全责的概念呢,调解,不过是恶之方为了免除部分责任,牺牲善之方利益的手段罢了。那个时候,主持人总喜欢找利益受损一方的茬,以证明两个都有错,让我非常之不爽。

然而可悲的是,这个观念依然健在。事实证明,对完美受害者的苛求,不是网络时代才有的事,自古就有。

相比之下,我还是喜欢法律。

然而,现在也看到了,即便有法律,即便法律规定了100%全责,做不到执行,不过是虚有其表,等于无法。

算了,打着打着心情又不好了,我是真的不喜欢他现在每次出现,都必须带着各种沉重的正能量话题

我就想无脑,无脑无脑,无脑追个星而已

哎,算了,算了,把积攒的斗罗看起来吧

—————————分割线—————————–

「社会貢献を第一に考える影響力のある芸能人」という生き方を半年強いられた。

被逼干了半年“优先考虑社会贡献的一个有影响力的艺人”

来自日饭的评论,一语中的把我心底一直不爽的那个点说出来了,就算国别不同,果然大家的心境都是一样的。

普通の仕事をはやくさせてあげて