YY in Limbo 混沌海狂想 » OpenSource http://www.limboy.com 这里既空虚又充实，没有规则，没有约束，创造来自思考，生存依赖想像，现实源自梦想 Fri, 07 Oct 2011 19:33:20 +0000 http://wordpress.org/?v=2.9.2 en hourly 1 一个美术宅的传奇 http://www.limboy.com/2011/05/02/tiles-legend/ http://www.limboy.com/2011/05/02/tiles-legend/#comments Mon, 02 May 2011 01:12:33 +0000 Dexter.Yy http://www.limboy.com/?p=401 不论2D还是3D时代，游戏开发总是“美术密集型”的项目，假如把程序比作骨架和器官，把剧情设定和gameplay之类都比作灵魂，那么美工创造出来就是实实在在的血肉，是游戏中绝大部分的“内容”。对于非美工出身的独立游戏创作者，这些“内容”的来源总是一个大难题，当然总有些取巧的题材或设计能绕过这个槛，但是也总能看到那些成功的例子都离不开丰满的视觉内容，甚至是独特的艺术风格，比如iOS平台上最火的那些“小制作”：有Grimm的Edward Gorey式维多利亚哥特，有Rolando搭上的芬兰插画家，还有最近Sword & Sworcery EP那“淡淡忧伤”的像素画风……

实际上对那些想要制作游戏的宅男们来说，美工背景有天然优势，程序员离不开心灵手巧的美工，而美工却能不依赖可怜的程序员，这主要是因为程序员们有一种根深蒂固深入骨髓的恶习叫作“抽象”和“复用”，他们总是不甘心只把想要的东西简简单单实现出来，总是忍不住去把其中通用的、不变的、能反复利用的部分提取出来，完善成库、框架、引擎和工具，有极少数头脑发热耳鸣眼花鼻塞手贱腿抽筋的人甚至会继续折腾出一套“不需要编程”就能自由创作的强大工具……在这些资源和技术宅的帮助下，很多美术宅和性幻想达人们都顺畅的踏上了游戏制作之路……可参考《欢迎加入NHK!》里的山崎薫和佐藤，或现实世界里的武内崇和奈须蘑菇……

好罢以上都是“技术宅你们伤不起”系列的吐槽，其实不会写程序就像束缚了手脚去爬山，同样很辛苦。我想说的是，相对于代码和软件，可复用的美术资源实在是太稀缺了，如果你也曾经在网上搜寻过免费完整的游戏开发资源，一定体验过那种浪费大量时间仍一无所获的挫折感。

而今天要讲的，是一个站出来挑战这种现状的平凡宅男的故事。

国外有一些独立游戏为了回馈社区，会释出一些自己使用的代码和资源，如果留意过相关的声明，会发现很多开发者都注明“图像来自Reiner Prokein”，其中Ambardia网站上提供下载的那些帖图（tile）资源最壮观最让人惊喜：

而这些也都是同一个人创作的。

这个人没有wiki词条，在mobygames上没有介绍，一点名气都没有，但他有一个叫Reiner’s Tilesets的网站（旧版，新版），提供更海量的资源，全部是自己绘制，全部以freeware形式提供下载，没有任何好看的许可协议（比如CC-BY或GPL），没有任何限制，允许商业使用，允许随意修改，唯一的要求是你确实用它们做游戏（不准直接转卖），并且在商业作品的Credits名单里要包含他的名字。

那是一个更传奇式的名字，叫作Reiner “Tiles” Prokein，他是德国人，一直梦想制作自己的电脑游戏。最开始他不懂编程——他基本上什么都不懂，但他没有放弃，没有畏首畏尾，从99年秋天开始，他决定寻找一种不用编程就能制作游戏的软件。

他找到了前辈ambro的神帖：Ambrosine’s Game Creation Resources & Classic Game Links

他逐个尝试，最后喜欢上rpgmaker 95，开始制作自己的第一个小型RPG。这个游戏完成了，但从来没有公开过，因为他后来得知破解版的rpgmaker有合法性方面的问题。

在这个过程中，他发现网络上缺乏用于制作游戏的免费图像资源，便开始自己绘制，最初他一个像素一个像素的手绘，接下来他发现了TrueSpace（Caligari公司推出的3D图形和动画渲染工具，现在已经被微软收购，用于虚拟地球项目，可免费下载），开始学习所有跟图像渲染有关的知识。

因为不会编程，Reiner制作游戏的努力始终伴随着挫折感，而学习编程看上去又遥不可及。但他没有放弃，他继续搜寻，又发现了rpgmaker.net，在这个社区里能找到大量处于beta甚至alpha阶段的游戏制作软件，他开始参与到rpgstudio的开发中，为它创作帖图资源，并且从那个时候起开始建设自己的主页，也就是“Reiner’s Tilesets”，那是2000年春天。

但是要完成一个像rpgstudio这样的项目，所需时间远超他的想象，而这个项目最后也被废止了。

他仍然想要做游戏，这次他找到了MMF（Multimedia Fusion）的主页，来自法国Clickteam公司的这款软件前身就是著名的《游戏工厂》（TGF），只需要点击和托拽就能完成程序逻辑，还有大量扩展，Reiner觉得他终于找到了自己想要的，全心全意的投入其中。已经是2000年冬天。

2007年，Reiner在主页上更新了自己的近况，七年过去了，他没有拿出什么引入注目的游戏，不过他声称在尝试开发3D游戏，他现在主要用3D Gamestudio ，MMF有时也用，这意味着他不再像以前那样惧怕编程了，至少学习了一点lite-C（脚本语言）

2010年，Reiner再次更新，原来过去三年他都在克服某些身体健康方面的问题，从Caligari公司接的一些软件测试工作也耗费了他很多时间，总之他没有完成那个3D游戏，但是跟以往的文字一样，他喜欢在段落的末尾用笑脸代替句号：“But i never give up, and i don’t stop dreaming :)”

2011年春天，Reiner用wordpress重建了自己的tileset网站，没有德国游戏门户4players.de和广告的支持，他必须自己支付服务器费用了，末尾仍然没忘记笑脸：“But i am more than willing to pay this price :)”

这个故事还没结束，在99~00年的高潮之后，也许一直都会这么平淡无奇，但不知为什么让我觉得很温暖，忍不住分享一下。

【UPDATE】 刚才仔细查了一下mobygames，在《Eschalon: Book I》（Basilisk工作室著名的独立RPG）的Credits里，看到了Reiner Prokein的名字！

]]> http://www.limboy.com/2011/05/02/tiles-legend/feed/ 3 Google I/O大会keynote摘要 http://www.limboy.com/2010/05/20/google-io-summary/ http://www.limboy.com/2010/05/20/google-io-summary/#comments Wed, 19 May 2010 19:10:19 +0000 Dexter.Yy http://www.limboy.com/?p=274

  1. VP8开源，免专利费，发布新的web视频格式 WebM



  2. 几乎所有浏览器厂商都宣布支持VP8：


  3. Adobe发布HTML5开发工具

    • dreamweaver的HTML5 Pack：http://labs.adobe.com/technologies/html5pack/
    • 同时测试多种浏览器设备（Multiscreen Preview panel）
    • 支持编辑和渲染CSS3，包括动画，有一个demo看上去很像用flash开发广告banner


  4. Chrome Web Store

    • 帮助用户寻找web app，可以在Chrome app tab上创建软件的快捷方式：http://code.google.com/chrome/apps/
    • 内建支付系统，支持付费软件
    • 包含flash软件
    • 包含Native Client应用（原生程序＋HTML5 API），3D游戏可以全屏运行
    • 包含出版物，演示了HTML5 magazine


  5. Google Wave正式开放，包含一堆API和扩展机制，跟gmail整合


  6. API更新


  7. Google Web Toolkit 和 Google Ap Engine

    • 跟VMware合作，整合 GWT 和 Spring（SpringSource Tool Suite， Spring Roo）http://www.springsource.org/node/2595
    • GWT 2.1 Widget Libraries，支持移动设备
    • Google Ap Engine企业版
]]> http://www.limboy.com/2010/05/20/google-io-summary/feed/ 4 继续补充vim配置技巧——上次的vimrc还不够强力 http://www.limboy.com/2009/06/07/vim-setting-more/ http://www.limboy.com/2009/06/07/vim-setting-more/#comments Sat, 06 Jun 2009 18:52:27 +0000 Dexter.Yy http://www.limboy.com/2009/06/07/vim-setting-more/ picture-4.png首先要补充一些MacVim的配置，其实写上篇文章的时候我还在用已经过时的基于Carbon界面的vim for osx，更接近传统的unix版本，但是好久没更新，只支持vim6.0，soureforge上有一个7.2的版本，bug诸多，其中的乱码和字体抗锯齿的问题让我完全无法忍。而MacVim是基于Cocoa开发，支持到7.2，还含有很多讨好mac用户的设计，比如对标签的良好支持，华丽的界面（背景颜色支持透明度，字体抗锯齿更漂亮，几乎跟TextMate的效果没区别）……非常后悔以前没仔细试用这个版本！目前为止只发现行高linespace的设置会无法生效，不过这个bug在最新的快照版里已经修正了。

插播一个道歉：由于spam太多，我前段时间在wordpress黑名单里加了一个很苛刻的条件，把所有评论都挡到待审核列表里去了，好像还直接删了一部分……咳……

我在.vimrc里增加了一些专门针对MacVim的设置：

  1. if has("gui_macvim")
  2.   "取消默认的快捷键
  3.   let macvim_skip_cmd_opt_movement = 1
  4.   let macvim_hig_shift_movement = 1
  5.  
  6.   "设置背景透明度
  7.   set transparency=2
  8.   "隐藏工具条
  9.   set guioptions-=T "egmrt
  10.  
  11.   "绑定自己需要的cmd快捷键
  12.   macm File.Save                              key=<D-s>
  13.   macm File.Save\ As\.\.\.                    key=<D-S>
  14.   macm Edit.Undo                              key=<D-z> action=undo:
  15.   macm Edit.Redo                              key=<D-Z> action=redo:
  16.   macm Edit.Cut                               key=<D-x> action=cut:
  17.   macm Edit.Copy                              key=<D-c> action=copy:
  18.   macm Edit.Paste                             key=<D-v> action=paste:
  19.   macm Edit.Select\ All                       key=<D-A> action=selectAll:
  20. endif

之所以要取消MacVim默认的一些快捷键是因为它们都占用了cmd苹果键，而我习惯用这个键来替代ctrl在vim里的作用（在mbp的键盘上就算我想用ctrl也不方便……），不过其中有几个快捷键是非常非常有价值的，比如保存（省去了输入:w的麻烦），全选（否则要摁六下：ggVG），复制粘贴剪切（否则为了使用剪贴板，比如猛摁这种玩意：”+y，还不能在插入模式下使用 ），幸好它们的快捷键都不跟vim其他操作冲突，所以自己设置。为了完全删除MacVim默认的cmd快捷键，还需要打开app中自带的vimrc文件（可以这样编辑：:tabe $VIM/vimrc ），删除末尾那些macm开头的代码。


MacVim的安装包里包含一个mvim，是像gvim一样的脚本，用来在命令行中调用GUI版的vim，但是mvim默认会在新窗口打开文件，我相信多数人都喜欢在当前窗口的新标签页里打开罢，需要在命令后加–remote-tab参数，不过这篇文章里给出了直接修改脚本的方法，把mvim底部从# Last step: fire up vim开始的部分删掉，改成：

  1. tabs=true
  2.  
  3. # Last step:  fire up vim.
  4. if [ "$gui" ]; then
  5. if $tabs && [[ `$binary --serverlist` = "VIM" ]]; then
  6.     exec "$binary" -g $opts --remote-tab-silent ${1:+"$@"}
  7. else
  8. exec "$binary" -g $opts ${1:+"$@"}
  9. fi
  10. else
  11. exec "$binary" $opts ${1:+"$@"}
  12. fi

P.S. 上面给出的那个blog不能直接打开，也许是需要翻墙，不过我顺便介绍一个很方便的利用google网页快照的方法～ 用谷歌翻译打开这个网址 XD


刚安装好的MacVim打开gb编码的文件仍然把中文显示成乱码（好无奈，GBK编码是土豆网的历史遗留问题，页面里的script标签也几乎都没加charset=”utf-8″，所以大部分js文件都只好用gb18030的编码，textmate正是因为不支持gb编码才被我降为二等公民的，其实我有正版cdkey……），我在.vimrc里加上了encoding似乎能解决这个问题：

  1. set encoding=utf-8
  2. set fileencodings=utf-8,ucs-bom,gb18030,gbk,gb2312,cp936

解释一下：对于编码，vim里有三个设置选项，encoding是设置vim以何种编码显示文件（缩写enc），fileencoding是当前文件实际的编码（缩写fenc）， 而fileencodings指示vim如何解码（缩写fencs），因此vim在打开一个文件时实际上会先根据fileencodings里的列表反复测试，直到成功解码，转换成encoding指定的编码，然后正常显示，转码的过程是用iconv实现的（所以windows上用vim还要配置iconv的dll路径和参数……麻烦），保存的时候会根据fileencoding来保存，跟是否显示为乱码没有关系。

所以如果想转换一个文件的编码，比如从utf-8转换到gb18030，可以在编辑器中直接输入两个命令：

  1. :set enc=gb18030
  2. :set fenc=gb18030

然后保存就ok了～其实如果不用继续编辑的话，第一行都可以省去，因为它的目的只是让编辑器用gb18030来显示当前文件，避免乱码，但是并不影响文件保存时的编码和正确性。

以前我都是依赖mac上的Coda来转换编码（确实最方便）……vim又成功了抢了它的饭碗……


MacVim还有一个问题是会显示一个很宅很不人性的标签栏名称，比如我编辑/usr/local/bin/mvim这个文件，标签栏上写的是“/u/l/b/mvim”，如果目录结构再深一点就看不到真正的文件名了，在.vimrc里加入下面这行可以让标签栏只显示文件名：

  1. set guitablabel=%t



上次的.vimrc里还增加了两处很重要的设置，主要是受这位老爷写的《vim使用进阶》的启发，首先是让.vimrc每次编辑保存后自动生效，避免重启：

  1. autocmd! bufwritepost .vimrc source ~/.vimrc

autocmd实际上是vim脚本的事件机制，表示在某个事件触发后自动执行的命令


接下来要实现的是保存和恢复编辑器的当前状态，类似Eclipse的Workspace，不过vim的session更强大，几乎可以还原一切状态……Easwy老爷介绍的命令比较繁琐，缺乏“一键恢复”的快感……身为一个习惯使用“高级语言”的程序员，在这种时候就抑制不住继续封装和提高抽象层的欲望……所以自定义了以下两个命令：

  1. function! GetMySession(spath, ssname)
  2. if a:ssname == 0
  3. let a:sname = ""
  4. else
  5. let a:sname = "-".a:ssname
  6. endif
  7. execute "source $".a:spath."/session".a:sname.".vim"
  8. execute "rviminfo $".a:spath."/session".a:sname.".viminfo"
  9. execute "echo \"Load Success\: $".a:spath."/session".a:sname.".vim\""
  10. endfunction
  11.  
  12. function! SetMySession(spath, ssname)
  13. if a:ssname == 0
  14. let a:sname = ""
  15. else
  16. let a:sname = "-".a:ssname
  17. endif
  18. execute "cd $".a:spath
  19. execute "mksession! $".a:spath."/session".a:sname.".vim"
  20. execute "wviminfo! $".a:spath."/session".a:sname.".viminfo"
  21. execute "echo \"Save Success\: $".a:spath."/session".a:sname.".vim\""
  22. endfunction
  23.  
  24. " load session from certain path
  25. command! -nargs=+ LOAD call GetMySession(<f-args>)
  26.  
  27. " load session from certain path
  28. command! -nargs=+ SAVE call SetMySession(<f-args>)

为了用最简单的方法选择路径，使用时需要先在终端的初始化脚本（比如~/.bashrc，在我的OSX系统里通常用~/.profile）里添加相应的环境变量，比如我常用的三个路径：

  1. export TUISVN="/Users/dexteryy/Sites/Tudou/ui/ui/"
  2. export TUIDEV="/Volumes/ui.tudou.com/"
  3. export MYWEB="/Users/dexteryy/Sites/www/"

当我在MYWEB的路径下做项目的时候，如果需要保存当前状态，只要输入:SAVE MYWEB 0就行了，这里的0是因为考虑到在同一个工作目录里可能需要使用到不同文件组合的工作区，提供的一个简单的版本号，这段命令执行后会在/Users/dexteryy/Sites/www/目录里生成两个文件： session.viminfo和session.vim，如果版本号是大于0的整数，比如2，文件名会是session2.viminfo和session2.viminfo

需要恢复的时候只要输入命令：:LOAD MYWEB 0 就行叻～

喔对了，为了能在VIM命令里使用bash中定义的变量，你需要在MacVim的preferences里把“Launch Vim processes in a login shell”勾选，熟悉Mac应用的同学应该都能想到这个设置会记录在/Library/Preferences/或~/Library/Preferences/里的某个配置文件里，MacVim对应的是~/Library/Preferences/org.vim.MacVim.plist，所以你也可以直接用这个命令在终端里修改：

  1. defaults write org.vim.MacVim MMLoginShell 1

如果使用的是Gvim或windows版本的vim，也可以直接把路径变量写在.vimrc里，比如：

  1. let g:TUISVN="/Users/dexteryy/Sites/Tudou/ui/ui/"

然后修改上面的两个函数GetMySession和SetMySession，把a:spath前面的$都删掉…………因为VIM里的变量只能由大写字母开头……

完整的.vimrc在这里…………呃好罢我发现google code真是备份和维护配置脚本的好地方XD


最后继续讨论一下插件～

首先是Taglist，这是一个能让vim具备类似Aptana的Outline View的功能，还能像JAVA的IDE那样通过类名和方法名直接跳转到相应的源码，它借助了一个叫ctags的工具，可以解析源码生成标签文件（在同一个名录下，叫tags），详细的介绍请参考Easwy老爷的文章，记得务必安装最新版的Exuberant Ctags……我是用MacPorts装的：sudo port install ctags

Exuberant Ctags号称支持34种语言，包括javascript，但是它对javascript的理解非常OUT……比如现在定义JS方法几乎主要依靠匿名函数了，ctags却无法识别这种形式……

已经有人在尝试自己添加匹配规则，我自己也写了一大坨：

  1. --langdef=js
  2. --langmap=js:.js
  3. --regex-js=/[ \t.]([A-Z][A-Z0-9._$]+)[ \t]*=[ \t]*[0-9"'\[\{]/\1/n,constant/
  4. --regex-js=/([A-Za-z0-9._$]+)[ \t]*=[ \t]*\{/\1/o,object/
  5. --regex-js=/['"]*([A-Za-z0-9_$]+)['"]*[ \t]*:[ \t]*\{/\1/o,object/
  6. --regex-js=/([A-Za-z0-9._$]+)\[["']([A-Za-z0-9_$]+)["']\][ \t]*=[ \t]*\{/\1\.\2/o,object/
  7. --regex-js=/([A-Za-z0-9._$]+)\.prototype[ \t.=]/\1/c,class/
  8. --regex-js=/([A-Za-z0-9._$]+)[ \t]*=[ \t]*\(function\(\)/\1/c,class/
  9. --regex-js=/['"]*([A-Za-z0-9_$]+)['"]*:[ \t]*\(function\(\)/\1/c,class/
  10. --regex-js=/var[ \t]*([A-Za-z$][A-Za-z0-9_$()]+)[ \t]*=[ \t]*function[ \t]*\(/\1/f,function/
  11. --regex-js=/function[ \t]+([A-Za-z$][A-Za-z0-9_$]+)[ \t]*\(([^)])\)/\1/f,function/
  12. --regex-js=/['"]*([A-Za-z$][A-Za-z0-9_$]+)['"]*:[ \t]*function[ \t]*\(/\1/m,method/
  13. --regex-js=/([A-Za-z$][A-Za-z0-9_$]+)[ \t]*=[ \t]*function[ \t]*\(/\1/m,method/
  14. --regex-js=/([A-Za-z0-9_$]+)\[["']([A-Za-z0-9_$]+)["']\][ \t]*=[ \t]*function[ \t]*\(/\2/m,method/
  15. --regex-js=/([A-Za-z0-9._$]+)[ \t]*=[ \t]*\[/\1/a,array/
  16. --regex-js=/['"]*([A-Za-z$][A-Za-z0-9_$]+)['"]*:[ \t]*\[/\1/a,array/
  17. --regex-js=/([A-Za-z0-9._$]+)\[["']([A-Za-z0-9_$]+)["']\][ \t]*=[ \t]*\[/\1\.\2/a,array/

匹配以下语法形式，其中粗体部分是标签名称：

  1. var MY_CONSTANT = 250; //constant
  2. ns.myobject = {}; //object
  3. myobject: {}, //object
  4. ns["myobject"] = {}; //object, 生成的tag是”ns.myobject“
  5. ns.myclass.prototype.myfunc = function(){}; //class
  6. ns.myclass = (function(){return {};}); //class
  7. ns["myclass"] = (function(){return {};}); //class, 生成的tag是”ns.myclass“
  8. var myfunc = function(){}; //function, 必须有var, _开头的忽略
  9. function myfunc(){}; //function
  10. myfunc: function(){} //method
  11. ns.myfunc = function(){}; //method
  12. ns["myfunc"] = function(){}; //method, 生成的tag是”ns.myfunc“
  13. ns.myarray = []; //array
  14. myarray: [], //array
  15. ns["myarray"] = []; //array, 生成的tag是”ns.myarray“

使用方法是建一个~/.ctags文件，把上面那段代码放进去就行。为了在taglist窗口里显示类别（比如class和method），还需要在.vimrc里设置一个变量：

  1. let g:tlist_javascript_settings = 'javascript;f:function;c:class;o:object;m:method;s:string;a:array;n:constant'



另一个要强烈推荐的插件是NERD Commenter，从名字能看出跟上次推荐的NERD Tree是同一个强者写的，功能是针对各种文件类型快速的添加和删除注释，除了单行，多行，还提供“sexily”的注释……比如js里添加文档内容时常用的那种（如果首行写成/**，在aptana里会认作script doc格式）

不过这个插件默认使用了大量,c开头的快捷键……而,在vim里一般都用作自定义的键（的默认值是\，很显然小拇指没食指方便……），我没有找到相关的设置选项……所以直接修改了插件脚本……


唔唔就先写到这里罢，虽然vim无论日常使用还是hack都很爽，但是写起来还是挺枯燥的，头有点晕555……

]]> http://www.limboy.com/2009/06/07/vim-setting-more/feed/ 10 面向前端开发者和TextMate粉丝的vim配置 http://www.limboy.com/2009/05/30/vim-setting/ http://www.limboy.com/2009/05/30/vim-setting/#comments Sat, 30 May 2009 14:21:23 +0000 Dexter.Yy http://www.limboy.com/2009/05/30/vim-setting/ vim-editor-icon1.pngtextmate.pngvim是编辑器中的神器，但是因为学习曲线比较陡，界面也仿佛从石器时代穿越，广大fashion的前端工作者们难免对其有距离感。其实vim最大的萌点有两个，其一是百科全书般的文本编辑功能，其二是可以随意定制，满足任何与编辑器相关的需求和偏好，比如下面这张便是我在macbook pro上运行vim的截图，不仅语法高亮可以冒充TextMate，功能也几乎一致。

picture-4.png

首先是做一个初始化配置脚本，在我的OSX10.5里是是~/.vimrc文件，这里只列出一些需要补充进去的设置：

  1. "设置语法高亮的配色，在GUI界面里使用我自定义的yytextmate.vim
  2. if has("gui_running")
  3. colorscheme yytextmate
  4. else
  5. colorscheme slate
  6. endif
  7. "查找编码的规则（vim7默认都用utf-8，打开包含gbk字符的文件会出现乱码）
  8. set fileencodings=utf-8,ucs-bom,gb18030,gbk,gb2312,cp936
  9. "GUI界面里的字体，默认有抗锯齿
  10. set guifont=Monaco:h12:cANSI
  11. "行间距，如果默认值太小，代码会非常纠结
  12. set linespace=4                                                                       
  13. "用<>调整缩进时的长度
  14. set shiftwidth=4
  15. "制表符的长度，统一为4个空格的宽度
  16. set tabstop=4
  17. "初始窗口的宽度
  18. set columns=195
  19. "初始窗口的高度
  20. set lines=45
  21. "初始窗口的位置
  22. winpos 52 42
  23.  
  24. "显示行号
  25. set number
  26. "行号栏的宽度
  27. set numberwidth=4
  28.  "禁止自动换行
  29. set nowrap
  30. "在输入命令时列出匹配项目，也就是截图底部的效果
  31. set wildmenu
  32. "显示光标位置
  33. set ruler
  34. "分割窗口时保持相等的宽/高
  35. set equalalways
  36.  
  37.  "匹配括号的规则，增加针对html的<>
  38. set matchpairs=(:),{:},[:],<:>
  39. "让退格，空格，上下箭头遇到行首行尾时自动移到下一行（包括insert模式）
  40. set whichwrap=b,s,<,>,[,]
  41. "取消自动备份
  42. set nobackup
  43. "保存关闭文件之前保留一个备份
  44. set writebackup
  45.  
  46. "js语法高亮脚本的设置
  47. let g:javascript_enable_domhtmlcss=1
  48.  
  49. "设置自定义的<leader>快捷键
  50. let mapleader=","
  51. let g:mapleader=","
  52.  
  53. """"""""""""""""""""""""""""""
  54. " bufExplorer插件的设置
  55. """"""""""""""""""""""""""""""
  56. let g:bufExplorerSortBy='mru'
  57. let g:bufExplorerSplitRight=0     
  58. let g:bufExplorerSplitVertical=1    .
  59. let g:bufExplorerSplitVertSize = 30 
  60. let g:bufExplorerUseCurrentWindow=1 
  61. autocmd BufWinEnter \[Buf\ List\] setl nonumber
  62.  
  63. """"""""""""""""""""""""""""""
  64. " winManager插件的设置
  65. """"""""""""""""""""""""""""""
  66. let g:winManagerWindowLayout = "BufExplorer,FileExplorer|TagList"
  67. let g:winManagerWidth = 30
  68. let g:defaultExplorer = 0
  69. nmap <silent> <leader>wm :WMToggle<cr>
  70.  
  71. """"""""""""""""""""""""""""""
  72. " netrw插件的快捷键
  73. """"""""""""""""""""""""""""""
  74. let g:netrw_winsize = 30
  75. nmap <silent> <leader>fe :Sexplore!<cr>
  76.  
  77. """"""""""""""""""""""""""""""
  78. " NERDTree插件的快捷键
  79. """"""""""""""""""""""""""""""
  80. nmap <silent> <leader>nt :NERDTree<cr>
  81.  
  82.  
  83. "把常用的ctrl快捷键映射到苹果键上（只保留cmd+c/cmd+v/cmd+z原有的功能）
  84. map <D-y> <C-y>
  85. map <D-e> <C-e>
  86. map <D-f> <C-f>
  87. map <D-b> <C-b>
  88. map <D-u> <C-u>
  89. map <D-d> <C-d>
  90. map <D-w> <C-w>
  91. map <D-r> <C-r>
  92. map <D-o> <C-o>
  93. map <D-i> <C-i>
  94. map <D-g> <C-g>
  95. map <D-p> <C-p>
  96. map <D-n> <C-n>
  97. map <D-a> <C-a>
  98. cmap <D-d> <C-d>

2009.6.7更新：最新的vimrc和其他脚本已经上传到google code的项目仓库里了


=================步骤二的分割线===================


然后在个人配置目录里添加语法高亮脚本（~/.vim/syntax/），其中html和css可以直接把vim7自带的脚本复制出来（$VIMRUNTIME/syntax/），js的脚本则推荐用这个：

JavaScript syntax : Better JavaScrirpt syntax support

包含更多的关键字以及自动折叠代码的功能，也能在html文件内支持js语法高亮，需要注意的是如果要支持dom方法的关键字，需要在.vimrc里设置一个全局变量javascript_enable_domhtmlcss

我还用了这里的html.vim。


=================步骤三的分割线===================


接下来就可以对照着syntax脚本，给每个语法组设置颜色，配色脚本需要放到~/.vim/colors/里，然后在.vimrc里用colorscheme命令选定。colors脚本只需要一个，因为syntax脚本末尾都会把自定义的语法组链接到标准语法组，比如：

  1. HiLink javaScriptDocComment  Comment

所以只需要定义一套针对标准语法组的配色方案，再通过修改syntax脚本里来调整相应语言的配色。我尝试过针对不同文件类型使用不同的配色方案，发现相当麻烦，需要在切换/打开/关闭缓冲区和窗口的时候都用colorscheme重置配色：

  1. autocmd BufNewFile,BufRead,BufEnter,WinEnter,FileType *.html,*.htm colorscheme delek

而且colorscheme会影响整个窗口（一个vim进程实例），如果在窗口内同时分割显示了几个文件，即使文件类型不同，也会同时改变颜色……

我平时最喜欢TextMate的Blackboard主题（大概是因为里面有橙色罢XD），在Aptana上也仿制过（配置文件：yytextmate.col），这次是直接在vim的slate主题基础上修改出来的，比vim.org上面那个blackboard.vim要更完善～

我的colors脚本：yytextmate.vim
我调整过的syntax脚本：javascript.vim, html.vim


=================步骤四的分割线===================


按照由外向内的顺序，现在该折腾功能了，首先是缩进插件，vim也自带有智能缩进功能，需要开启autoindent和smartindent参数，但是在编辑js代码的时候效果很不好，对于python这种靠缩进活命的语言就更不能忍了，因此至少需要装以下三个插件：

IndentAnything : Write indentations or enhance existing indentations without writing code
Javascript Indentation : Indentation for Javascript
indent/python.vim : An alternative indentation script for python

第一个放到~/.vim/plugin/里，后两个放在~/.vim/indent/里


=================步骤五的分割线===================


textmate.png接下来终于要来实现TextMate最重要的功能了，TextMate之所以被称作地上最贵麦上最强的编辑器，就是因为支持大量可以通过tab或其他快捷键发动的强力Bundles，这些Bundles可以分为两种类型，一种是针对编辑器的内容执行指令（称作command），比如直接执行shell脚本，压缩js代码，对html转义，格式化JSON，编译swf等等，而指令界面是vim的核心，不但可以直接执行shell命令，也可以通过设置键位映射和宏，把复杂的操作绑定成简单的快捷键，因此这类功能原本就是vim的强项。

另一种类型的Bundles主要用来帮助程序员快速开发，通过简短的缩写＋tab键直接生成所需的代码模板（称作snippet），然后依然用tab在模板中需要改动的位置之间跳转，整个过程不需要鼠标定位，非常高效，是一种比大型IDE里常见的”code hinting”更实用的智能补全功能。

snipMate : TextMate-style snippets for Vim

上面这个非常“新”的插件让vim也具备了同样的功能，而且几乎是跟TextMate完全兼容的移植，比如这是从TextMate里取出的snippet源码：

  1. ${1:class_name}.prototype.${2:method_name} = function(${3:first_argument}) {
  2.     ${0:// body...}
  3. };

${}标签是代码插入后可以通过tab跳转的“可编辑”位置，其中的序号表示跳转顺序，冒号后的字符是默认内容。这段代码只要在前面加上snippet proto就可以直接放进~/.vim/snippets/javascript.snippets里，通过proto触发

把常见的程序结构抽象成snippet可以节省很多重复输入，比如这是我定义的一个module模式：

  1. snippet module
  2.     /**
  3.      * ${5:Describe what this module does}
  4.      * @param {object} ${6:paramName}
  5.      */
  6.     var ${1:classname} = (function(){
  7.         var $1Object = {
  8.             ${2:privateMethod1}: function(){
  9.                
  10.             },
  11.             ${3:privateMethod2}: function(){
  12.                
  13.             }
  14.         };
  15.         return function(opt){
  16.             var publicObj = {
  17.                 options: {},
  18.                 $2: $1Object.$2,
  19.                 $3: $1Object.$3${4:,} 
  20.             };
  21.             $.extend(publicObj.options, opt);
  22.             return publicObj;
  23.         };
  24.     })();

修改过程中会看到$1,$2,$3自动更新成你键入的名字。

我修改过的完整javascript.snippets：http://code.google.com/p/yy-vimscript/source/browse/trunk/snippets/javascript.snippets

实际上还有一个比较老牌的插件也致力于实现同样的snippet功能：

snippetsEmu : An attempt to emulate TextMate’s snippet expansion

但是它支持的模板语法比TextMate差很多，跟上面相同的prototype模板要通过这种形式定义：

  1. let st = g:snip_start_tag
  2. let et = g:snip_end_tag
  3. let cd = g:snip_elem_delim
  4.  
  5. exec "Snippet proto ".st."className".et.".prototype.".st."methodName".et." = function(".st.et.")<CR>{<CR>".st.et."<CR>};<CR>".st.et

缩进容易出错，不支持用序号设定跳转顺序，安装过程也比snipMate繁复，所以被我毫不留恋的淘汰了……

为了实现更广泛的智能补全，还需要一个必装插件：

SuperTab continued. : Do all your insert-mode completion with Tab.

SuperTab让任意字符都可以通过tab补全，比较取巧的是，它会在缓冲区的上下文中寻找匹配的词来补全，因此不需要附带很庞大的API数据。


=================步骤六的分割线===================


下一步需要增强的是文件/项目管理，vim虽然自带一个FileExplorer（直接编辑一个目录时会调用它，比如:e .），还有上面提到过的wildmenu的强力辅助，但是与常见的GUI编辑器和IDE相比，仍然不太直观，因此以下插件值得一装：

The NERD tree : A tree explorer plugin for navigating the filesystem
我最喜欢的文件导航工具，设置了快捷键,nt直接在侧面打开

bufexplorer : Buffer Explorer / Browser
缓冲区导航

winmanager : A windows style IDE for Vim 6.0
把bufexploer和FileExplorer集成在左侧，类似IDE的效果，这个功能不足以让我放弃NERDTree……而且这个插件似乎很久没更新了，连支持Vim7的版本都没有，但是很多人喜欢，所以也推荐一下……

TaskList.vim : Eclipse like task list
实现Eclipse的任务列表

project.tar.gz : Organize/Navigate projects of files
项目导航工具，不过没有Eclipse好用，需要写配置脚本，跟TextMate那种拖来拖去的drawer就更不能比了……


=================步骤七的分割线===================


最后推荐的插件都是开发工具：

vcscommand.vim : CVS/SVN/SVK/git integration plugin
SVN/git管理工具，这个是必备罢。没有GUI菜单，不过快捷键也很方便，而且VimDiff是很棒的比较工具

javaScriptLint.vim : Displays JavaScript Lint warnings in the quickfix error window
看仔细啦～这个不是道格拉斯老爷子的JSLint，那个东西虽然强大（以前没觉得，最近在《代码之美》里看到道格拉斯老爷子描述了“递归下降分析”＋“运算符优先级技术”的动态语言解释器，才知道原来JSLint和JSON parser只是老爷子晒技术的承载体……），但是由于把规范约束在一个JS的安全子集上，适用面不广，设置起来也麻烦，在实际开发工作中未必实用。而这个Lint就很中规中矩，当然也没自己折腾解释器啦，直接用了Mozilla的js引擎，安装也很方便，提供一个conf文件可以设置警告条件。这个vim插件装上后，保存js文件时都会自动校验代码并显示一个提示信息窗口。

matchit : extended % matching for HTML, LaTeX, and many other languages
vim里的%命令可以在嵌套字符之间跳转（比如括号和引号，我在上面的.vimrc文件里增加了html的<>），这个插件将它的功能扩展到嵌套标签和语句

To be continue…

]]> http://www.limboy.com/2009/05/30/vim-setting/feed/ 25 用synergy在Mac和双屏幕PC之间共享鼠标键盘 http://www.limboy.com/2008/11/25/synergy-on-mac-and-pc/ http://www.limboy.com/2008/11/25/synergy-on-mac-and-pc/#comments Mon, 24 Nov 2008 16:13:20 +0000 Dexter.Yy http://www.limboy.com/2008/11/25/synergy-on-mac-and-pc/ picture-3.png其实去年5月的时候我就在ibook和公司的PC上装过synergy，后来完全抛弃了windows环境，那台PC长期闲置，有没有键盘鼠标都无所谓，所以就没再装过这个工具。未想到风水轮流转——

先是在封闭开发黑豆的时候，我只把macbook pro和宽屏显示器带进了小黑屋，完全不用PC测试，自以为凭借经验和美学智慧已经足以预判和规避一切浏览器兼容问题……结果测试阶段被ie里relative定位的一系列渲染问题折腾得很囧。

然后是testing team抛弃了Bugzilla，开始“严肃的”使用Mercury QC，虽然它繁复的操作和用activex开发的客户端都让我很不屑，但是这玩意的可怕之处在于严谨的（或者说死板的）权限和缺陷状态管理，没有哪个testing team的姐姐能帮我绕过流程，由于我长期不接受也不关闭任何bug，每周五邮件里的统计结果就很不好看。

再加上最近又开始大萧条，为了遵从开源节流现金为王的教诲，我也只好腆着脸登陆公司里那个界面更烂的OA系统申请报销手机费。

这些事情都让我越来越离不开IE，对了，windows上的软件也越来越有吸引力，比如httpwatch和chrome，相反mac上有吸引力的软件却恰好不能在我的工作环境中使用，比如textmate和coda，eclipse 3.4也经常假死或者弹一些莫名其妙的报错窗口。

还有一个重要的因素是，mac里的flashplayer绝对是资源大户，虽然有flashblock这类插件帮忙，但是由于我经常要反复刷新各种带有flash广告和播放器的页面，cpu还是会被折腾到接近80度，你可能会说这没什么大不了的，但是我坚持认为：windows里的浏览器更适合进行这些测试！公司采购的机器更适合承担这些耗损！

鉴于以上总总，我终于忍无可忍去申请换了配置更高的PC，装上了windows2008，决心给自己的工作环境增加一些效率和新鲜感。

不好意思其实本文只是想简单的分享synergy的设置方法，现在回到正题。

synergy是一个可以让多台机器共用一套鼠标和键盘的工具，除了能在指针跨越屏幕的时候切换操作对象，它还能在多台机器之间共享剪贴板内容，关联键位，总之作为一个软件实现来说是很好很强大的。而且这个软件虽然挂了GPL的牌子，但是好像从06年到现在都没更新过，可见功能很健全，bug很少。

在mac里以前只能用命令行和配置文件来使用synergy，GUI好像也有很多，比如quicksynergy，但是问题很多。感谢Patrick同学在youtube上发布的视频教程，我这次尝试了synergyKM，很轻松的就设置成功了。

下载后直接执行镜像里的SynergyKM.prefpane，会添加到系统设置面板里。跟windows的设置界面类似，如果想使用其他电脑的键盘鼠标，直接设置为client，填入那台电脑的ip地址，然后运行，如果那台机器上已经在运行synergy的server，就会提示connected，一切ok。

如果想把这台机器的鼠标键盘共享给其他机器用，可以设置为server，然后在后续的configuration里添加机器，screen name就是电脑的主机名，在windows的设置界面里直接点左下角的info就可以查到，在mac里可以在这个设置面板的“共享”里查到，比如我的：

picture-1.png

注意是“.local”前面那个名字

包括server本身也要添加进去，然后就可以运行起来等待其他客户端来连接了。SynergyKM界面里的图标位置表示鼠标在屏幕之间移动的方式，比如我的台式机（PC）是接双显示器，笔记本放在它们中间：

用synergy在PC的双屏幕和macbook之间共享鼠标键盘

而鼠标指针只能通过进出一个方向的屏幕边缘在两台机器之间切换，所以我设置的是从笔记本屏幕顶部移出进入台式机的显示器（而且如果从顶部偏左的位置移出，就会进入左边的显示器，很赞）

picture-2.png

当然也不能忘了把mac里的command键（苹果键）关联到windows的ctrl键……

windows机器做server的设置：

synergy.png

完整的设置过程可以看Patrick的视频：

]]> http://www.limboy.com/2008/11/25/synergy-on-mac-and-pc/feed/ 7