codepen

玩转 CodePen

回到前端行业快半年了,工作之余喜欢逛逛 CodePen,这里不仅适合新手磨练前端技术,还有很多创意工作者在发表优秀作品。于是也注册了一个帐号,没事的时候写点东西玩玩。 CodePen 简介 CodePen 的工作界面很简洁,三个编辑器和一个预览容器。分别可以输入 HTML,CSS 和 Javascript——展示一个创意所需要的全部东西。 此外,CodePen 还支持预处理器。例如你可以用 Haml/Markdown/Slim/Pug 语法来写 HTML;也可以用 LESS/SCSS/Sass/Stylus/…

Matrix

黑客帝国字幕流效果

翻收藏夹的时候发现压箱底的 yupoo 图床居然还活着,里面放了一些以前折腾过的东西。其中有一个动图是 08 年的时候用 Flash 做的黑客帝国字幕流特效: 第一感觉是:哇塞我居然做过这个!当时高中的时候用的是 Nokia 3110c ,内置塞班 S40 系统。这玩意儿居然支持 Flash 屏保。于是就写了上面这个程序,可惜性能太差,在手机上运行非常卡,最后导出成了屏幕录像凑合着用了。 现在又回来做前端了,想试着在网页上重新实现这个特效。但这么多年过去了,原来的源文件也不知道哪里去了,只好从零开始。好在基本的思路还在脑子里: 有个长度为 N 的字符串和…

FileSystem

几个与文件系统有关的坑

入职 Monkii 后,按自己的喜好选了 iMac 作为工作环境。不料一上来就给我安排了一个用 .Net 作后端的项目,让我负责前端。人在江湖身不由己,只好折腾起 Windows 。 Case-sensitive 在这之前想做一次系统迁移,把之前配置好的环境从另一台 iMac 弄过来。苹果的迁移助手非常厉害,直接通过 Wifi 就可以迁移系统。不过这次不灵了!迁移助手无法在 Case-sensitve Filesytem 与 Case-insensitve Filesystem 之间做系统迁移!这才意识到,在用的这台电脑在装机的时候被老大搞成了大小写敏感的文件系统。 Steam…

GUI

Egret 的 GUI 框架分析

本系列的第二篇,以 egret 为例,看看其如何实现基于事件的 GUI 框架。 Egret 是另一款基于 html5 的国产开源游戏引擎。其框架结构大量参考 Flash ,并且使用 TypeScript 这种强类型脚本语言,特别适合早期的 ActionScript 3.0 游戏开发者迁移到 Egret 的开发环境。 虽然我并没有用它做过比较大的项目,但是对它的实现也是保持了一点的好奇心。同第一篇一样,我将 egret 框架中与 GUI 有关的类绘制出来,方便理解: 通过与上一篇的…

Game Engine

Cocos2d-html5 的 GUI 框架分析

本系列的第一篇,以 cocos2d-html5 为例,分析其如何实现基于事件的 GUI 框架。 Cocos2d-x 是当下非常流行的跨平台游戏引擎,其衍生版 Cocos2d-html5 是使用 Javascript 编写并运行于浏览器的 Canvas 的版本,非常符合我的口味。源码可以在这里下载。 经过简单梳理,我将源码中与 GUI 相关的几个类以及主要函数提取并绘制成类图,方便理解: 从这张图里可以总结出一些有趣的概念: 场景树(Tree) GUI 之所以称为 Graphic User Interface,首先它是基于图形的。Cocos2d…

GUI

浅析事件驱动的 GUI 原理

从中学时期做 Flash 开发,到大学期间学 App 开发,到毕业后当了几年手机游戏开发者,再到现在转行做 Web 前端。在脑海里一直挥洒不去的疑问就是「如何从 0 开始实现一个 GUI 框架」。 期间间断性地尝试过找一些书看,但大部分都是教如何用现成的桌面 GUI 框架(例如 Java Swing,Qt,WPF 等)写一些软件或者 APP 。而非我想要的那种偏实践性的,从概念介绍 GUI 架构并一步一步实现的文献。 不过在经过使用那么多框架后做了各种各样的项目后,…

Life

写在 26 岁末

2015 去年的这个时候,我从厦门勇仕网络离职,准备了一个月雅思。虽然首战口语成绩不理想,但刚过完 26 岁的生日后就迫不及待乘上了厦门直飞墨尔本的航班,与远在他乡的 LP 团聚。 在飞机上的 10 个小时真是无比漫长,晚上飞机的轰鸣声,以及狭小的空间让人难以入睡。不过想着马上能见到亲爱的 LP ,这点小折磨根本算不上什么。 听 LP 描述的墨村,是个很荒凉的地方,半夜出门是看不到活物的,也没有可以吃宵夜的小店。当飞机抵达墨尔本上空的时候是上午,我正好坐在窗边,往下望去,没有看到什么高楼大厦,只见一小撮有点繁华的村中城,也就是 CBD 。 飞机顺利着陆,…

Life

iPhone 失而复得记

周六和朋友出去玩,回来走在路上还聊得很嗨。晚上回家歇了一个小时才发现 iPhone 不在口袋里。不紧不慢的让 LP 给我手机打个电话,看看房间里有没有声响。结果半天没有动静,这才想到会不会是丢了。两个小时前还在甜品店玩 Royale Clash Clash Royale[1],然后去了趟人满为患的华超。不至于招贼了吧! 赶紧让 LP 打开了 Find my friends ,平时我们一直都用这个分享位置,而且我的 Location Service 也一直都开着。结果一看,手机真不在家里!定位显示在…

Blog

博客迁移记录

木匣子 2010 记得是大一暑假的时候,我去了厦门网宿科技研发部的流媒体实验室,做 Flash 流媒体播放器的开发实习。赚了点零花钱,于是在 gegehost 买了 mutoo.im[1] 这个域名,以及一个 100 元/年的新手型主机,机房位于美国[2]。真是物美价廉,它是一个基于 cPanel 管理的 LAMP 共享主机,麻雀虽小五脏俱全。然后架了个 Wordpress 开始码字,记录大学期间的一些学习笔记。 木匣子…