哭笑不得

Flash又要死了？

forfun77@gmail.com(勤卓) — Mon, 08 Feb 2010 23:46:30 +0800

这不知道是我第几次听到这个说法了，狼来了叫多了真的来了，FLASH死了叫多了，真的死了？

最近IPad的发布，乔布斯为IPad不支持Flash而发表的一通言论，以及HTML5的推广，让一些互联网开发人员认为在不远的将来就可以对Flash说不，我得说他们想错了。

不管是互联网的纷纷扰扰，还是世界上的一切活动，无不围绕着一个“利”字，乔布斯这么说，是怕Flash攻陷Apple封闭的开发圈，HTML5是一个标准不错，但也不过是其他公司用来围攻FLASH的一个工具，归根到底还是市场利益决定了他们的行动。

对一个普通开发者来说，开放的心态要比执著于某一项技术要来得更重要，毕竟任何技术都不过是解决问题的工具，工具的好坏并不是决定你是否使用它的最大理由，做出为市场所普遍接受的产品才是你选用此项技术的最终目的，最大的原因可能还是在于你的老板决定使用哪个技术。

对于初学者来说，他们经常做的事情就是比较，PHP，JSP哪个好？AS，JS哪个有发展？我的回答是，随便选一个方向做下去，都很好。只精通某项技术的人我见的很少，做的好的大多都是杂家，各门技术都有涉猎，一专多能才是公司所喜欢的人才，他们才是活学活用的典范。

专注没错，但是眼界一样也要开阔。

再转回到HTML和FLASH，至少目前我看来，他们仍然是处于互补的状态，FLASH目前没有取代HTML的可能，但是HTML5想要取代FLASH也并非一朝一夕所能完成，不论是DHTML，XHTML还是AJAX，名称变来变去，他们最终也没有将FLASH致于死地。

我从来都不是一个技术至上的支持者，科技是第一生产力没错，但是得加上定语，转化了的科技才是第一生产力，从技术到生产要走的路还很长，HTML5也是如此。谁都没有必要妄自菲薄，做好手上的事，跟着市场走就好。

[推荐]李献计历险记

forfun77@gmail.com(勤卓) — Thu, 17 Dec 2009 14:59:11 +0800

Flash动画

在线播放

今天逛论坛看到个动画——李献计历险记，很喜欢，不论是动画的技术技巧，或是动画的剧情剧本，最让我感动的这个动画是作者一个人业余时间独立制作的，这更让我坚定了一下抱着自娱自乐的态度，要做些为大众喜闻乐见的作品出来的想法。

感谢这些纯粹的人们，让我知道还是有很多事情值得去做的。

VD下载地址：http://www.verycd.com/topics/2785835/

作者Blog：http://lixianjilixianji.blog.163.com/

作者原话：

关于动画：
其实想不出该介绍点儿什么，故事本身也没蕴含什么大道理，挺随性的一动画，好比里边儿插了段儿假预告片，就完全为了向《wanted》致敬。个人认为《wanted》是继《黑客帝国》以来又一次动作场面革命，哥们儿当时就给震了，可奥斯卡上他就只得了个最佳音效的提名，所以我这两年甭管碰见什么不公平的事儿，想想人家提莫·贝克曼贝托夫（wanted导演）同志的遭遇也就心宽了。
虽说致敬部分跟全片儿基调完全冲突了，可个人动画不就为了自己嗨么。
关于制作：
自己一人儿做的，只是我没勇气辞职，因为还得生活，还得给自己在乎的人们买礼物，这都要钱。用业余时间花了两年半做完，我就粗粗拉拉一做，你们也就嘻嘻哈哈一看，咱都为图乐子来的不是么。

[Actionscript][Away3D]Flash 3D相册

forfun77@gmail.com(勤卓) — Fri, 11 Dec 2009 14:22:59 +0800

在写我的第一个Away3D应用时，曾说打算写个3D相册，但实在是心无长性，没多久就抛之脑外，这次写Flash图片轮换，对Away3D又来了兴致，刚好在网上看到一个图片展示感觉不错，于是就用Away3D写了一个类似的。

用Flash也写了几个简单的3D应用了，目前感觉最主要的问题还是在于FLASH的执行效率，很多3D应用都占用大量CPU，用户体验并不好，另外还有一点很重要的是，很多情况是一味为了3D而3D，视觉效果做的不到位，反而不如传统的平面好看。

感觉目前使用3D就象当初让静止不动的网页动起来的阶段，用技术来吸引眼球，不过，可以预见的未来是，随着Flash技术的不断完善，3D应用将大量充斥网络，更多成熟且好玩的案例会不断出现，因此是值得继续在3D上下功夫的。

Demo在此：Flash 3D相册

[Javascript][Mootools]IntoTheSky JS版本

forfun77@gmail.com(勤卓) — Thu, 26 Nov 2009 15:22:37 +0800

在用AS写了上个Flash小游戏之后，我闲来无事，决定用Javascript将这个游戏重写一下，而使用的JS类库就是Mootools，因为Mootools在OOP式开发上提代了大量支持，尤其是Class.Extras中的Events类，让事件驱动开发成为可能。

由于JS和AS的同宗同源，把AS改成JS，并没有改动多少代码，如果对比这个游戏的JS和AS源码，就会发现游戏里的各个类结构基本是一样的。最主要的变化在于，将FLASH中的显示对象(DisplayObject)改成DOM对象显示，因此改写游戏并没有花费我多少时间。

最终游戏效果在IE下执行效率不好，在FF/Chrome下还可以，基本上和Flash相差不大，由于JS在图形处理上并不如Flash一般强大，所以游戏中的元素只是使用是最基本的DIV来意思一下。

这个游戏只是我个人一时冲动写来玩玩的，在目前各种浏览器执行效率相差迥异的情况下，用JS来写游戏是吃力不讨好的事情。但是，我仍然看到有人用Mootools写出了MMORPG在线游戏，vanthia就是这样的一个游戏，这真是让我敬佩，该游戏目前仍未正式发布，所以我很是期待看到他们完成的那一天。

游戏在这：IntoTheSky Javascript版

[Actionscript][Flash游戏]IntoTheSky

forfun77@gmail.com(勤卓) — Tue, 24 Nov 2009 15:19:45 +0800

前阵子因为有一阵子没有写AS，想要写点东西来暖下手，于是就想要模仿着写个游戏，这个游戏是几年前我提过的，当时就被作者所折服，那时对AS也不算很熟悉，虽然也有些想法研究下这游戏，但是一拖再一拖，直到AS3都出来这几年了，现在终于是决定用AS3将这游戏用自己的方法写一遍。

游戏所用元素以及游戏逻辑全与原作一样，因为只是自己写着玩，不会发布到其他网站，应该不会有什么问题。写这个游戏过程中，又因为工作原因去写了两个FLASH广告轮换，前后也花了我两周的时间，和以往以样，测试也占据大量时间。

原作者功底很扎实，虽然是使用AS2所写，也没有通过类的方式，但是游戏设计很精巧，图形以及音乐都浑然一体，对种细节的把握都恰到好处。对于游戏开发我的看法是，游戏策划是灵魂，而灵魂的好坏决定了游戏的品质。原作者还有大量精致的小游戏，以后有机会再细细体会。

用OOP的方式来写游戏的好处有很多，最基本的好处是有利于代码的维护修改，有利于多人协同开发，其实用OOP的方式来写游戏，更符合我们对世界日常的看法，一个游戏就是解决多个物体之间的互动关系，更容易理解代码。

我重写的这个，代码还是很粗糙，没有使用其他开源类库或框架，也没有使用设计模式，最基本的数据设定文件也没有做，不过也算是我对游戏开发所迈出的第一步，就象我给这游戏所取的名字一样，IntoTheSky, 开始起飞，希望自己将来能写出一些更好玩的东西。

游戏在这：IntoTheSky

[Actionscript][Away3D]Flash 3D图片轮换

forfun77@gmail.com(勤卓) — Tue, 17 Nov 2009 12:11:57 +0800

使用Away3D制作的图片轮换，由于对Away3D了解不多，制作过程中花了一些时间。

Away3D相对于PV3D来说，资料与例子要少得多，再加上不知道为何，Away3D的官网都被墙，导致我制作之前为了下载一个最新的版本都很是费了一些功夫。而且通过Google查找资料也经常是打不开网页，让我经常的遭受打击。

制作过程中碰到的一些问题记录如下：
1、使用MovieMaterial做贴图将会占用不少CPU，为了效率考虑，尽可能的使用BitmapMaterial。

2、使用多个View3D共用一个Scene3D时，将Scene3D的autoUpdate设为false，然后在View3D.render()之前，使用Scene3D.update();

这次制作倒影就是两个view共用了一个scene，但是带来的麻烦是倒影也具有了的点击行为。

3、MouseEvent3D的冒泡是设为false的，因此不能抓取事件来绑定行为。

4、通过Matrix来进行BitmapData变换时，并没有改变原始的像素点，要进行背面贴图，简单的方法是用PS来反转图片。

效果展示：Flash 3D图片轮换

[Actionscript]Flash图片轮换

forfun77@gmail.com(勤卓) — Mon, 16 Nov 2009 15:57:11 +0800

上周做的一个FLASH图片轮换，很常见的东西，没有什么可说的。

制作过程中，被IE会屏蔽弹出窗口困扰了一下，最后是使用调用JS的window.open()来解决。

 程序代码

if (Capabilities.playerType == "ActiveX" && ExternalInterface.available) {
    ExternalInterface.call('window.open("' +evt.target.urlLink + '", "_blank")');
}else {
    navigateToURL(new URLRequest(evt.target.urlLink));
}

效果展示：Flash图片轮换

[Javascript]Closure——Google Javascript Library

forfun77@gmail.com(勤卓) — Fri, 06 Nov 2009 11:37:17 +0800

一直走在Web Ajax应用开发前列的Google发布了他们所使用的Javascript类库——Closure。

这名字就很有JS特色，正是无比强大的Closure让JS拥有了让人欲罢不能的魔力。

这套类库包括三个部分，一个是代码压缩（Closure optimizer），一个是类库（Closure Library），还有一个是模板（Closure Templates），用来动态生成HTML代码。

Closure Library包括大量的可重用的UI组件，以及初级的JS实用函数，如DOM操作，AJAX，动画，单元测试等，我们可以从API 文档中得到更多的信息与示例。

我们可以通过研究源码得到更多的启发与帮助。

流水账——这个秋天有点短

forfun77@gmail.com(勤卓) — Wed, 04 Nov 2009 11:30:38 +0800

这月初，北京迎来了今年的第一场大雪，全国北方和中东部也大幅降温，周一上班，在人行道上都被风吹的迈不动步。甲流仍然在肆虐。

工作

事情不算多，经常有空去看些自己想要看的东西。

对大公司的工作方式有了更多的认识，我更认为人越多，效率越低，大企业病只怕是无所不在，但小企业也不会是天堂。

通过jQuery写了些JS代码，对前端开发又有了一些想法，也许会整理下，写一篇我对前端的认识。

几个月没有写AS，有些生疏，于是打算模仿做一个小游戏来练练手，现在进行中。

生活

十一前下轻轨把脚脖子给扭了，肿的就象一个馒头山，抗了几天，还是去医院看了，没多大事，不过拍了张片子，开了点药，收了二百多，不得不叫人感叹，健康才是最大的财富。

这两月的心情不算好，上天涯太多的后果吧，很多的新闻消息都叫我艰于视听，心情就如这天气一般冰凉，我仍然是那沉默的大多数。

说是要记录自己的生活，却仍然是疏于动手，大部分时间给了游戏，这也许更多的是一种逃避。

游戏

WOW在联盟的第二个号圣骑士到了七十，我第九个到七十的号，TBC玩到现在，对CWOW玩家来说更多的是一种无奈，这不，BS，WY，WHB这两天又开始对阵，不知道CWOW的未来让人是喜是悲。星际二等游戏的引进也恐怕将是一个杯具。

这阵子养成了中午看星际比赛视频的习惯，看多了，终于是下载了VS平台，告别了浩方群殴，上VS玩了几天单挑，现在刚升到六级，估计我的水平在上面顶多是八九级吧，关键还是操作不行，后期很差，经常被人翻盘。

看豆子玩了会《机械迷城》，这是一个用Flash实现的RPG解迷游戏，有几百兆大小，视觉效果不错，和当初看的漫画《铳梦》很象，Flash做这类游戏还是很适合的，开发起来效率不低。不过由于是单机，而且需要动脑子，在中国可没有太大的商业市场。

在朋友家玩了会WII，豆子也吵着要买，结果是自己没买，倒是又撺掇了另一个朋友买了。WII最近很是流行，也许体感类游戏会让游戏回归游戏的本质吧。

看片

被豆子带着看了日剧《神探伽利略》，此剧是根据东野圭吾的系列小说改编而成。主演是福山雅治，当年我认为最帅的日本男演员，到今天也略显老态，在片中表现也还可以，就是每次都安排他写公式就和日本动画一样公式化，让我觉得做作。还看了一个剧场版《嫌疑人X的献身》，这部我认为是最经典的，剧本比小说改的好，情节更紧凑合理，主演堤真一演技一流。

没两天，又在朋友家看了《永远的三丁目的夕阳2》，堤真一也有出演。这部电影是一个温情且温馨的怀旧电影，我没有看过第一集，但并不妨碍我欣赏这部影片，让我怀念起故乡的夕阳。

《9》机器人9号，视觉效果好出剧本太多，我只能给两星，就算影评家给这些机器人更多的意义，剧本里没有好的体现，我也认为他们只不过是一些符号。

《超速绯闻》是由车太贤主演的一个非常娱乐的韩国电影，彻底的执行了韩片的娱乐精神，片中笑点不断，又不乏各种温情场面，片中女主角朴宝英的海豚音让人惊艳，看了这片，让我的心情开始好了起来。

《斗牛》是朋友推荐的一部电影，黄渤主演，我先入为主的认为这是一部喜剧，却忘记了朋友是一个文艺青年，只看文艺片的，这片子很讨好文艺青年的口味，却不太适合我。牛和黄渤的表演一流，但我仍然没能理解为何叫斗牛。片子太多的细支末节，却少了很多的交待，剪辑的不好，经常叫我犯晕。影片想要表达的也许是，中国老百姓不管城头风云变幻，最向往的仍然是最基本的安定生活吧。

读书

这阵子没看什么书，看了几部东野圭吾的小说，他的小说思路倒是很特别，但书中的人物叫我难以置信。

看了本《再袭面包店》，村上春树的短篇集，最喜欢的是其中的《象的失踪》，我如果不看篇首翻译的点评，很难看出这六个小说的意义所在，而实际上我的人生规迹也与这几个故事别无二致，琐碎凌乱，就象浮在半空中一样，脚不沾地。

看了《Flex 3权威指南》和《JavaScript设计模式》，前者不错，而后者要想在实际工作中有所应用，还有待时日。

[Javascript][jQuery]kxbdTabs和kxbdAccordion

forfun77@gmail.com(勤卓) — Tue, 03 Nov 2009 16:10:24 +0800

又写了一个选项卡和Accordion，这次是用jQuery完成的，这两个plugin内部实现其实基本一样，连应用也基本一致，之所以分成了两个，主要是因为前台代码结构并不由我控制，kxbdAccordion是适用于当前的业务需求，而我为了更多的适应将来的需求而重构了一下，写了kxbdTabs，一般情况下，使用kxbdTabs就好。

两个plugin区别在于kxbdAccordion要求是固定的DOM结构，而kxbdTabs通过传入选项卡数组和内容数组，可以更灵活的适应于大多数情况。在具体应用上，kxbdAccordion要实现选项卡的效果，也必须在CSS上多编写些代码，

功能不多，就是常用的展示，包括轮换，一些效果的设定，能通过事件callback来应对更多特殊的要求。

kxbdAccordion　Demo示例

kxbdTabs Demo示例

 程序代码

/**
 * @description kxbdTabs
 * @author Aken Li(www.kxbd.com)
 * @date 2009-11-2
 * @dependence jQuery 1.3.2
 * @version 3.0
 */
;(function($){

    $.fn.kxbdTabs = function(options){
        var opts = $.extend({},$.fn.kxbdTabs.defaults, options),
            $tabs = this,
            $navs = (opts.nav!=false)?$tabs.find(opts.nav):$tabs.children().eq(0).children(),
            $contents = (opts.content!=false)?$tabs.find(opts.content):$tabs.children().eq(1).children(),
            current = opts.startIndex-1,
            autoId,
            length = $navs.length;

        if(opts.isAuto){
            startAuto();
            $tabs.hover( stopAuto, startAuto );
        };
        
        return this.each(function(){
            $contents.each(function(i){
                $(this).bind('show',{index:i},opts.funcShow).bind('hide',{index:i},opts.funcHide);
                if(i==current){
                    show(i);
                }
            });
            $navs.each(function(i){
                var timeoutId;
                $(this).bind(opts.tabEvent,function(){
                    if(opts.tabEvent!='click'){
                        timeoutId = setTimeout(function(){
                            showHide(i);
                        }, 1000*opts.delay);
                    }else{
                        showHide(i);
                    }
                });
                if(opts.tabEvent!='click'){
                    $(this).bind('mouseleave',function(){
                        clearTimeout(timeoutId);
                    });
                }
            })
            
        });

        function showHide(i){
            if(i==current) return;
            hide(current);
            current = i;
            show(current);
        };

        function show(i){
            $navs.eq(i).addClass(opts.currentCss);
            $contents.eq(i).addClass(opts.currentCss).trigger('show').hide();
            $contents.eq(i)[opts.effects[0]]();
        };

        function hide(i){
            $navs.eq(i).removeClass(opts.currentCss);
            $contents.eq(i).removeClass(opts.currentCss).trigger('hide');
            $contents.eq(i)[opts.effects[1]]();
        };

        function startAuto(){
            autoId = setInterval(function(){
                showHide(current+1==length?0:current+1);
            },1000*opts.timeAuto);
        };

        function stopAuto(){
            clearInterval(autoId);
        };
    };

    $.fn.kxbdTabs.defaults = {
        //funcShow:function(e){console.log('show'+e.data.index)},
        //funcHide:function(e){console.log('hide'+e.data.index)},
        funcShow:function(){},
        funcHide:function(){},
        isAuto:false,
        timeAuto:3,            //seconds
        delay:0.1,            //seconds
        nav:false,
        content:false,
        currentCss:'current',
        effects:['slideDown','slideUp'], //['show','hide'] or ['fadeIn','fadeOut'] or ['slideDown','slideUp']
        startIndex:1,
        tabEvent:'click'
    };
    
    $.fn.kxbdTabs.setDefaults = function(settings) {
        $.extend( $.fn.kxbdTabs.defaults, settings );
    };
    
})(jQuery);