微信H5小游戏之「挖红薯大赛」

挖红薯大赛虽然说一直都没有停止过做让自己玩起来都觉得很有意思的游戏的尝试,从最初H5的解密游戏「Metispace」,到基于AIR的跑酷游戏「Rabit Hole」,再有Android原生的「Circle Cutter」,以及到后来参与了朋友的iOS解密游戏「Part of Me」。当然,也还有无聊的时候一些奇奇怪怪的尝试,不过基本都停留在自娱自乐的阶段,最多投投比赛,从没想过把一个游戏呈现到广大用户面前会是怎么样的,适逢微信H5的热潮,就和朋友一块尝试做了一个基于HTML5的微信游戏——「挖红薯大赛」。

这是一个帮线下实体店设计的一个相当简单的游戏,玩家需要做的仅仅只是滑动屏幕,移动人物去挖红薯,并且使得自己挖到的分数尽可能的大,和其他微信游戏一样,你还可以在朋友圈和其他朋友分享你挖到的分数。

不过难以置信的是,就这么一个简单到不能再简单的游戏,还没有开始推广,并且宣传游戏奖励的情况下,仅仅因为测试人员在朋友圈的分享,就取得超乎意料的活跃度,还有相当数量玩家连续好几天重度一样的玩。甚至游戏在地方形成话题,并且有根本不认识的人为其撰写我都没研究出来的游戏攻略,一直都在媒体上在看人讨论微信朋友圈的力量,这回真是真的切切实实的感受到微信社交圈子的可怕。

虽然说只是一个营销用的小游戏,虽然说也和以前一样有着「其实还可以做得更有趣」这样的遗憾,不过每一次的尝试都还是觉得挺开心的。如果亲也很无聊,那也来微信扫一扫下面的二维码解解闷吧(咦

 

2014-11-04-2228317230

 

イナズマイレブンは永久に不滅だ!

イナズマイレブンは永久に不滅だ

今天总算是收到了闪电十一人 Dream Match的DVD,一场不到15分钟,却期待了不知道多久的比赛。附录的视频收录了一段三个月小剧场上映时的LIVE活动影像,片后寄予中TPK吼出的这句话放在当时满载着感动,而现在却有了更多忧伤的意味。在系列五周年之际,宣告暂告一段落,而在上个月,TPK这个陪伴了大家这么多年的组合也宣布了停止活动。

目指せ世界一

回想起五年前,还在高中的时候,从杂志上的游戏介绍,开始接触这一部作品,在热血、感动伴随下走过了高中和大学时光,因为这部作品结识了许多好多朋友。每一周准时的追着直播,生肉、熟肉一遍又一遍,每年年底的游戏也基本是一年的定番,而TPK的歌更是每日一燃烧的动力。而现在大概就是回看着无印假装着还在直播,重新翻起「123元堂守传说」假装还有新游戏了吧。

イナダン家族

追了不少番,但本命的番真不多,但都赶上今年,同为L5社的ダンボール戦機似乎没那么幸运,年初在没有任何发表的情况下,以一场FINAL LIVE解散了同为系列OP担当的Little Blue boX不能不说是难以抹去的痛。暑假的时候正巧碰上了原Little Blue boX主唱hie的Birthday Live,最后庆生时回忆过去的日子,大家跟着音乐唱起「一緒に歩こう」,而hie也表示未来的新的阶段新的展望。现在想想在系列情况不明的情况下,对艺人来说,解散也并非是件坏事,在未来的新的起点,去创造更多的可能性。

在小剧场看到イナダン的主角们元气的再一次聚在一块看两个系列最后的影像时真的不能更为感动,也期待着两个系列复活的那一天!

夏休み

在拖延症的陪伴下,不知不觉就已经到了9月,暑假又要渐渐远去。这个暑假对于我来说,注定是一个非常不寻常的暑假。

毕业

不管有没做好心理准备,毕业的日子也悄然而至,和四年的同学道别,和呆了四年的宿舍、还有照顾了我们四年的楼妈道别,开始了租房的日子。身边熟悉的面孔渐渐消失不见,有些甚至没来得及在离开前再见一面。离开学校的日子,甚至连学校都开始大变了模样。我还在这里,但是过去的日子再也回不来了。

旅行

毕业总少不了一场说走就走的旅行,总感觉以后不知道还能不能有这样的机会。但也这注定是次难忘的旅行,这次旅行汇聚了太多的第一次。第一次的一个人旅行,第一次自由行,自己安排行程计划、自己订酒店、自己准备签证材料。虽然时不时感慨居然这么麻烦,每天的梳理行程和整理帐单,脚痛似乎也成了晚上回到旅馆的常态,但感觉自己倒爱上了旅行,有种向往自由的心被放出去了就难以收回来的感觉。

虽说一直惦记着写游记,不过最后还是没写出来,要有机会的话,希望能够好好理理。

お台場メモリアル

選ばれなかった及川たち如果要说童年,能说起的作品很多,DM并不是唯一,但DM对我来说确实最为特别的一部作品,那个夏日的冒险让我坚信着梦想,那振翅高飞的蝴蝶指引着我不断前进的方向,在DM的指引下更让我结识了很多珍贵的朋友。今年又恰是Digimon Adventure动画的15周年,也在今年,实现了不知在心底期盼多久的在台场过8.1的梦想。

虽然只是没有被选中的及川,错过了8.1官方的台场纪念活动。不过脱猪脚兽的福,去了FAN LIVE,见到了处处爆发出“DM狂热粉丝”气场的宫崎步,为DM作曲无数的太田美知彥,还有ヤマト的CV风间勇刀,满心的激动和热血都不知道该怎么表达。

在回来的飞机上补看了当天错过的8.1官方活动的影像,重新唱起那些经典的歌曲,GUEST聊起曾经的故事,AiM和Kouji时隔多年的再度握手,DA还有剧场版的BD Box,还有最后宣布续作的消息,全程满满的泪点。

从光丘出发 8.1 in お台場 太一家

回来之后没被选招的及川们的聚会还在继续,僕らの冒険はまだ終わらない!

聚会  聚会 聚会 by 星语

 

私、やっぱりデジモンが大好きだわ!

 

在iOS中使用Phonegap防止Webview被上下拖动

在使用PhoneGap制作App的时候,iOS作为承载App页面的容器的Webview,在手指向下或者向上滑动屏幕时,除了页面本身的滚动外,还经常会看到整体页面底部和屏幕底部被拖动出黑屏

为了防止这一滑动,可以通过修改修改项目中的MainViewController.m,重新设置WebView来实现


- (void)webViewDidFinishLoad:(UIWebView*)theWebView
{
// Black base color for background matches the native apps
theWebView.backgroundColor = [UIColorblackColor];

[(UIScrollView *)[[theWebView subviews] objectAtIndex:0] setBounces:NO];

return [superwebViewDidFinishLoad:theWebView];
}

Windows Azure 在存储中删除VHD 出现错误

试用Azure过程,建立了几个VM,然后因为要在不同区域设置存储,却发现存储到达上限了,于是需要把系统默认的存储删除,但是把该存储相关的虚拟机都删除之后,进入该存储,依旧无法删除存储下面的VHD,提示

There is currently a lease on the blob and no lease ID was specified in the request.

重新回到Virtual machine,检查确认确实没有关联的VM,但是为什么还是无法删除呢。

于是翻看Virtual Machine下面的Image和Disk标签,发现在Disk标签下面依旧有这个VHD的记录,虽然没有被挂在到任何的VM,可能是之前删除操作执行过程中没有勾选合适的删除造成的。

QQ20140508-1

于是在Disk标签下删除该关联磁盘,然后重新回到存储下面就能够正常删除VHD和存储了

使用HTML5 CORS特性进行Ajax跨域POST请求

跨域一直以来都是个非常神奇,又非常普遍的问题。出于安全等因素的考虑,通常情况下,浏览器通常会仅限制资源的访问,XHR(Ajax)的跨域请求是不被允许的。

但跨域的需求却一直都在,为了跨域,勤劳勇敢的程序猿们想出了许许多多的方法,例如,jsonP、代理文件等等。但这些做法增加了许多不必要的维护成本,而且应用场景也有许多限制,例如jsonP并非XHR,所以jsonP只能使用GET传递参数。

在移动应用风生水起的如今,托HTML5的福,Mobile Web,甚至Hybird App也逐渐火起来,在本地文件系统的Web页面,也有需要获取外部数据的需求,而这些需求也必然是跨域的。同时,HTML5也来带了叫“Cross-Origin Resource Sharing”的新特性,来赋予开发者权力决定资源是否允许被跨域访问。

Access-Control-Allow-Origin
CORS通过服务器增加一个特殊的Header[Access-Control-Allow-Origin]来告知客户端跨域的限制,如果浏览器支持CORS的话,如果判断Origin通过的话,就会允许XHR进行请求,而不需要再使用jsonP或者代理文件。

使用这个Header返回被允许请求跨域请求的来源域,例如网站duelist.cn设置了下面的Header
Access-Control-Allow-Origin: http://smdcn.net
这样设置之后,通过http://smdcn.net下的页面对于duelist.cn进行ajax请求就会被允许,而其他网站对duelist.cn依旧会被阻拦,通过这种方式网站拥有者可以自己对此进行限制。

当然,如果不想限制来源,可以通过
Access-Control-Allow-Origin: *
来允许任何站点对该资源进行跨域请求


关于CORS的浏览器支持情况(caniuse cors):
Can I use CORS
* 主流的移动浏览器:√

如果想要需要对于IE8和9支持CORS:可以使用jquery.iecors


设置CORS
对于客户端来说,一般来说不需要进行额外的设置,只要保证浏览器支持CORS即可
对于服务端,需要给支持CORS的资源增加Access-Control-Allow-Origin的Header。
可以通过HTTP服务器进行统一的Header设置,如果执行的是程序脚本,也可以在程序脚本中加入。
例如,PHP的话,使用

Header(“Access-Control-Allow-Origin:*”);

更多关于CORS的使用参考:http://enable-cors.org/


关于Android浏览器的注意事项
在某些版本的Android浏览器中,因为缓存的原因,第一次进行CORS是正常的,但是第二次进行的时候则会失效,对于这个问题,可以通过在Header中增加Cache-Control: no-cache 阻止缓存的方式来解决这个问题


关于跨域请求读取Cookie的需求
CORS的跨域请求默认情况下不发送本地cookie,同时也不接受来自服务器的cookie。
在跨域请求中读写Cookie并不被推荐,但是如果非要使用Cookie的话,需要在服务端返回是增加Header:

Access-Control-Allow-Credentials:true

同时ajax请求时,对XMLHttpRequest对象设置withCredentials = true;

var xhr = new XMLHttpRequest();
xhr.open();
xhr.withCredentials = true;

「对话」互联网教育:翻转课堂

之前去央视参加「对话」节目录制,已经是好几周前的事情了,而目前节目也已经播出,传送门点这里

其实,去电视台,参加节目,录制节目早已不是什么稀罕事,小学的时候就也经历过,而上个月在TBS研修的经历也还依旧在脑海中浮现。不过这一回能有机会参加央视的「对话」节目,还是忍不住心中的兴奋之情,并不因为说这是央视的节目,而是因为这期节目讨论的话题是互联网教育,而主要嘉宾是沪江的阿诺。

结识沪江大概已快4个年头,虽然一直都并不算社区的活跃用户,但一直觉得这是一个非常有意思的社区,更为关键的是,沪江也是自己第一个主动花钱报班参与的网上学校,虽然中学阶段也使用过很多所谓1.0版的网校,但沪江则是让人眼前一亮,原来可以在互联网上这么学习,也让人燃起了网上学习的热情。当然,我第一门通过晚上学习完成的课程只是「50音」罢了。当然,现在,所谓募课兴起,我也还在Coursera和edX上参加一些课程。

在毕设中期检查的时候,第一次看到我的毕设的老师这么说:“就是一个募课客户端嘛”。不知不觉,互联网教育、募课,已经成为目前被炒得有些过火的一个话题,以至于如今都被央视搬上了大众的视线。而在两年前,因为自己的一时兴起,准备在申报创新计划的时候报关于互联网教育的项目时,还是受到了很多的质疑,用阿诺的话来说,互联网教育在很长的时间里,是一个“没什么人看得见,就算看见也不待见的领域”。但如今,大量资本的进入,也让这个领域变得热闹起来。

cccat

因为业内的讨论的增多,加上老师朋友的许多建议和想法,每隔一段时间,就会产生一些疑惑,到底我自己所期待的产品是怎么样的,完全是脑子过热的节奏。在听完阿诺的阐述之后,真是感受「和智者对话」的意味,录制过程也听到了许多互联网圈外的普通人对于互联网教育的看法,大脑一下便也就豁然开朗,全程没想提问,因为自己一直的疑惑都得到了答案,四个多小时说来不短,但真的很兴奋。

当然,更开心的是还收到沪江的吉祥物CC猫啦。

在Android WebView中使用HTML5的video标签播放本地视频

因为毕设需要,这段时间就一直在做基于HTML5 video定制的播放器,因为开发和测试过程也一直都是配合Nexus7的Chrome进行测试,所以本以为Android上应该会是最为顺利没有问题的,但是在经过PhoneGap封装测试时,发现在iOS上完全正常,但是在Android上反而没办法播放了。

问题出现在用Android的Webview在播放应用assets中视频的时候,但我尝试把视频地址改为互联网地址的时候就正常了。

经过反复测试,发现使用HTML5访问应用资源目录的时候会存在Android权限限制的问题,不过访问sdcard是能够正常使用的,也就是地址是:file://sdcard/ 下的就可以正常使用了。(对于远程文件下载到本地后播放直接下载到sdcard自己的目录即可;如果原先视频文件已经在assets目录的,则可以在启动WebView前复制到sdcard)

上述测试的环境为 Nexus 7 (with Android 4.4.2) / Android 4.4 SDK

PS:

网络上还有说HTML5播放视频需要在AndroidManifest.xml开启硬件加速

<application android:hardwareAccelerated="true"

我用PhoneGap的时候默认生成的就已经是开启的了,就没作另外的测试。

2013年的浏览器 A-Z

打开浏览器输入首字母后自动补完的网址

看人发了挺好玩的,于是就也自己试了下,

不知道在新的 一年会有什么变化呢

  • alipay.com
  • bangumi.tv
  • coursera.org
  • dnspod.cn
  • evernote.com
  • facebook.com
  • google.com
  • hjenglish.com
  • iqiyi.com
  • jw.cuc.edu.cn
  • kuaidi100.com
  • lixian.xunlei.com
  • mail.google.com
  • ourocg.cn
  • plus.google.com
  • qiniutek.com
  • renren.com
  • share.dmhy.org
  • tieba.baidu.com
  • u2.dmhy.org
  • v2ex.com
  • weibo.com
  • xiami.com
  • youku.com
  • zhihu.com

2014 Rebirth

2013转眼就这么成为了过去。一整年下来过得总体相对还是比较平稳,甚至大半年的时间基本处于低谷。12年底辞掉实习开始自己的一些创作实践,并取得了一些收获,外加上2013年离开校学生会,2013总体上基本就转入修整的状态了。

当然,2013年也还是有特殊意义的一年:

第一次走出国门,也是第一次在国外过春节

虽然并不是一个特别善于游玩的人,但其实也倒没少玩,国内也还转了些地方,甚至在魔都还在网友家里寄宿过,现在在帝都倒也生活了有三个年头,外教的课倒也上过,不过走出国门这件事之前倒也从来没有想过,虽说经济方面的问题是一方面,另一方面还是自己也没有那么迫切的想法吧。在听说学院正好有这么个合作多年的短期交流项目的时候,还是报名了,在墙内待太久也需要去国外多见识见识新东西。而在CDM的日子也确实收获了很多。而这回出去的时间又正好赶上春节,于是也就在国外过了次春节,不过还是得要感慨下枫叶国的华人实在是有点多。

迎来大学的第四个年头

参加完09的毕业典礼,送走了最亲近的师哥们,心情真是一下就变得十分的微妙,大四了,面对于各种变化、挑战去开始考虑自己的未来。身边的同学准备出国的努力学习英语,准备考研的也都开始了征程,还有就是在各种实习、找工作了。而我更多的可能是不安和不知所措。暑假就也一直待在帝都没有回家,不是特别好的状态基本持续到暑假快结束,直到看到一个比较有趣的实习招聘,就抱着试一试的心态去投了,但也非常有幸结识了人特别好的mentor还有特别聊得开的同事,整个大四上半学期过得还是相当开始。虽然说期间也因为自己的种种问题,错过了不少机会。13年的最后一天和12班帝都党重聚,听到的也基本都是大家准备各奔东西的消息了,虽然自己还是留在帝都,但接下来也是新的征程了。

MOOCer

要说网络教育,其实初中的时候就开始接触和使用所谓的网校,参与网络学习,不过那个时候更多的还是作为平时基础文化知识的补充,甚至说是因为升学压力,加上自己有很多地方太薄弱而选择的适合自己的方式。到了大学,倒是因为自己的兴趣在沪江上参与公开课以及网校的一些课程。Udacity《HTML5 Game Development》也让人感受了不一样的技术课程的教学方式,今年更是被Coursera上PKU的《人群与网络》这门课吸引,参与到学习当中,到算是真正向MOOCer迈进了。

入手MBP

13年年中时就开始考虑换本的问题,不过因为台式也才刚买不久,本加了内存之后也还算相当坚挺,事情也就被搁置到年底,最后确定换MBP还是做了相当多思想斗争的。然后也正因为有台式了,所以本就更应该能够舒服的做开发,所以也就决定用Mac啦。不过因为定制的问题,拿到也已经2014年了 TvT

2014 Rebirth

总体来说,2013年基本算是都在为2014年积蓄力量,不论是研究生的事、TBS的事、实习的事,还是说目前换新电脑 🙂

矫情也好,中二也罢,都已经过去了,2014年就真是要迎来毕业、离别,还有迈向人生的一个新的阶段了,迎接新的挑战。