<![CDATA[Construction]]> http://hi.baidu.com http://hi.baidu.com http://img.baidu.com/img/logo-hi.gif http://hi.baidu.com/3tion zh-cn www.baidu.com 5 <![CDATA[[原创]Chrome浏览器对于flash渲染的一个特点]]> 我们的页面加载swf是用的swfobject这个js库。因为有50K的swf需要加载，swfobject只检测用户的flash客户端版本是否符合填写的参数，但是swfobject只能监视文档对象是否建立，没有办法监视swf中的对象是否加载完成，所以我修改了Main.swf的代码，在init的时候，会回调一个js函数。
我在swfobject加载swf的时候，先将swf容器的display样式设置为none，并在屏幕中间显示一段提示”正在加载Loader，请稍后“，然后等收到swf在init的时候触发的js回调函数后，将容器的display设置为block，并把提示给去掉。
swfobject.embedSWF("Main.swf", "altContent", "100%", "100%", "10.0.0",null,{}, params, attributes,callBack);

function callBack()
{
if ( !isComplete)
{
var tip = document.getElementById("tip");
tip.style.top = ( document.documentElement.offsetHeight  - 80) / 2 + "px";
tip.style.left = ( document.documentElement.offsetWidth - 320) / 2 + "px";
tip.style.display = "block";
swfobject.getObjectById("Main").style.display= "none";
}
}

function completeCallBack()
{
isComplete = true;
document.getElementById("tip").style.display = "none";
swfobject.getObjectById("Main").style.display= "block";
}
修改好js脚本后，测试FF，IE，Opera，Safira，都正常，
不过Chrome不正常了，始终显示那段提示文字，无法收到回调函数。
我推测，swf很可能并未真正被加载。
于是我尝试用visibility样式来隐藏swf，果然和我猜测的一样，Chrome可能对flash这样的plugin做了优化，当display为none的时候，根本不会去执行flash，这种情况下，只能放弃用display来控制隐藏/显示，而应该改用visibility样式来控制。
阅读全文
类别：脚本技术/javascript/flash 查看评论]]> 2009-09-25 15:12 http://hi.baidu.com/3tion/blog/item/afb7703fc4ed5ee655e723c0.html <![CDATA[[原创]Red5流媒体服务基于域的安全策略]]> 公司服务端的人忙着处理其他事情，于是公司安排我做Red5的架设工作。在网上找了些资料，Red5配置起来还是比较简单的。网上的教程有一堆，这里就不累述了。
因为flash客户端用NetConnection连接Red5的时候，是不需要像连接socket或者是http那样要提交一个<request-policy-file/>的请求去请求一个crossdomain的字符串。
而视频，音频服务在我们整个服务中所占的IO是最大的。如果Red5服务没有做任何连接的验证，其他人通过反编我们的swf文件，得到我们的red5服务的地址后，就很容易让其他人来使用我们的服务器。
对于这种问题，通常可以使用连接Red5时，要求客户端提交一个由服务端生成的密钥来做验证，但是这样就涉及到Red5和Socket直接的通信问题（或者是通过查询临时表等方法），无疑会给本来已经事情很多的服务端的同事们增加麻烦。
于是我采取通过检测flash客户端的swf文件URL这种基于域的检测方式。
首先，需要自己先写一个Red5的应用，并且把WEB-INF中red5-web.xml里面<bean id="web.handler" class="xxx.xxx.xxxx" />的class指定为你写的这个应用。
让你的应用继承ApplicationAdapter，然后重写connect
我在应用的根目录放置了一个crossdomain.properties文件。


package com._3tion.live;

import java.io.IOException;
import java.util.Arrays;
import java.util.Map;
import java.util.Properties;
import org.red5.server.adapter.ApplicationAdapter;
import org.red5.server.api.IConnection;
import org.red5.server.api.IScope;
import org.springframework.core.io.Resource;


/**
* @author 3tion
*
*/
public class Application extends ApplicationAdapter {
private static String swfUrl[];

//域检测文件名
private static final String CROSS_DOMAIN_FILE_NAME = "crossdomain.properties";

private static final String SEPARATOR = ";";


@Override
public synchronized boolean connect(IConnection conn, IScope scope,
Object[] params) {

if( swfUrl == null )
{
//检查策略文件
Resource resource = getResource(CROSS_DOMAIN_FILE_NAME);//resource的目录结构是从当前应用的根目录开始
if(resource.exists())
{
Properties props = new Properties();
try {
props.load(resource.getInputStream());
swfUrl = props.getProperty("swfUrl").toLowerCase().split(SEPARATOR);
} catch (IOException e) {
e.printStackTrace();
}

}
else //如果没有域安全文件，则视为所有域都允许通过
{
swfUrl = new String[1];
swfUrl[0] = "*";
}
}

Map<String,Object> map = conn.getConnectParams();
//检查连接参数中swfUrl的地址是否在安全文件中
if( Arrays.binarySearch(swfUrl,"*") > -1 || Arrays.binarySearch(swfUrl, map.get("swfUrl").toString().toLowerCase()) > -1 )
{
return super.connect(conn, scope, params);
}
else
{
return false;
}
}
}

这样，就可以在crossdomain.properties中控制你red5应用允许访问的文件了，如果写*，就允许任意文件访问。
允许http://test/Main.swf和http://test1/Main.swf访问。
则crossdomain.properties：
swfUrl    =    http\://test/Main.swf;\
http\://test1/Main.swf


阅读全文
类别：flex/flash 查看评论]]> 2009-09-14 10:17 http://hi.baidu.com/3tion/blog/item/9ce3e219fdd4be4f43a9adb5.html <![CDATA[[研究][原创]flash的socket连接安全策略文件(cross-domain)的相关研究]]> 然而，即便是负责回发策略文件的端口恢复正常，能回发策略文件了，flash客户端在不刷新的情况下，仍然无法通过flash的安全机制，和主socket服务端连接。

于是我自己用.net写了个服务端做了比较详尽的测试。
我们的flash客户端原本使用的单一的socket实例，当发现有安全错误以后，会提示客户端重新连接，重连的时候，仍然是调用的原有实例的connect方法。
于是我测试了把客户端改成每次重连的时候，创建新的socket实例。
测试后发现，这样的操作，并不会使flash客户端去重新向提供策略文件服务的端口去做请求。

然后，我做了另外一个测试，当遇到安全错误的时候，重新设置一个新的策略文件对应的端口，看flash是否会像新的端口请求。与此同时，我在服务端做了3个提供安全策略服务的端口。
结果我发现，flash客户端也不会重新向新的端口做任何请求。

翻阅adobe网站关于flash player的buglist，早在一年前，就有人提出了这个问题。
http://bugs.adobe.com/jira/browse/FP-67
不过adobe没有做任何改动。

通过我进一步试验，发现flash客户端在向服务端的安全策略服务提交请求失败以后，会向socket服务的主端口也会去发出一个"<policy-file-request/>\0"，并且这个请求是在没有得到安全许可的情况下，每次连接都会发此请求的。
所以只要socket服务的主端口做安全策略的认证，这样就不怕出现，主服务是ok的，但是策略服务出现问题在不刷新浏览器的情况下无法访问主socket服务的问题。

PS：测试还发现一点，一旦flash客户端获得了安全许可，即便我服务端关闭，然后把安全策略服务停掉，再开启服务端，客户端依然能正常连接socket服务端。

阅读全文
类别：flex/flash 查看评论]]> 2009-08-24 15:16 http://hi.baidu.com/3tion/blog/item/ed7d5b4665816e006a63e53b.html <![CDATA[FP10：使用Pixel Bender 和Shader Job来处理普通数据运算 [翻译]]]> 虽然Pixel Bender主要是用来处理图形任务，但他还有一个强大的用法-处理普通数据（generic number crunching)。Pixel Bender核心和ActionScript在不同的进程中运行，你可以利用这个特点来避免界面的假死（无响应）。提高复杂运算的速度。例如，我们在处理一个很大规模的数据集合，需要对每个数据进行复杂的数学计算（3D，声音引擎等等）。你可以使用Pixel Bender kernal来处理这些数据，最后再将处理好的数据交给AS代码，效果好的甚至会超过优化的很好的AS代码。

下面是个非常简单的例子，Pixel Bender kernel接受一个数组，然后返回一个包含源数组的平方根的新数组。

CODE:
  1. <languageVersion : 1.0;>
  3. kernel NumberCruncher
  4. <
  5. namespace : "AIF";
  6. vendor : "Ryan Taylor";
  7. version : 1;
  8. description : "Basic example of a generic number cruncher.";
  9. >
  10. {
  11. input image1 src;
  12. output pixel3 result;
  14. void evaluatePixel()
  15. {
  16. pixel1 value = pixel1(sqrt(sample(src, outCoord())));
  17. result = pixel3(value, 0.0, 0.0);
  18. }
  19. }
首先，注意结果是通过一个三元的pixel值返回回来的。当输出值低于三元的时候，目前版本的Pixel Bender工具，会抛出一个错误，并且拒绝生成字节码。Pixel Bender细则中描述是支持pixel1,pixel2,pixel3,pixel4输出的，所以这可能是一个Pixel Bender工具的bug。为了解决这个问题，我将后两个元素设置为0。
同样，输入的类型必须为image1。
在AS段，需要如下处理：
1.创建一个ByteArray对象，使用writeFloat方法来天津每个数据，确保endian设置为little endian。细则中虽说Vector.<Number>类型可以作为shader的输入数据，但是在使用这种方法的时候同样也出现了bug。
2.创建一个Shader实例来接受Pixel Bender的字节码。宽度根据你的数据数组的长度来获取。在ByteArray中，你需要将数组长度除以4。高度你只需要设置为1。input必须为一个集合。
3.创建一个ByteArray来储存shader计算的结果。同样确保endian为little endian。
4.创建一个ShaderJob实例类接受shader,设置好输入，高度，宽度几个参数，添加一个"complete"的监听，等Shader计算结束后，来处理输出的ByteArray。然后你可以使用start方法来执行shader。
这是as的代码示例：

  1. package
  2. {
  3. import flash.display.Shader;
  4. import flash.display.ShaderJob;
  5. import flash.display.Sprite;
  6. import flash.events.Event;
  7. import flash.utils.ByteArray;
  8. import flash.utils.Endian;
  10. public class Main extends Sprite
  11. {
  12. protected var _shader:Shader;
  14. protected var _shaderJob:ShaderJob;
  16. protected var _input:ByteArray;
  18. protected var _output:ByteArray;
  20. [Embed(source="/../assets/filters/NumberCruncher.pbj", mimeType="application/octet-stream")]
  21. protected var NumberCruncher:Class;
  23. public function Main()
  24. {
  25. init();
  26. }
  28. protected function init():void
  29. {
  30. _input = new ByteArray();
  31. _input.endian = Endian.LITTLE_ENDIAN;
  32. _input.writeFloat(4);
  33. _input.writeFloat(16);
  34. _input.writeFloat(100);
  35. _input.writeFloat(400);
  36. _input.position = 0;
  38. var width:int = _input.length >> 2;
  39. var height:int = 1;
  41. _shader = new Shader(new NumberCruncher());
  42. _shader.data.src.width = width;
  43. _shader.data.src.height = height;
  44. _shader.data.src.input = _input;
  46. _output = new ByteArray();
  47. _output.endian = Endian.LITTLE_ENDIAN;
  49. _shaderJob = new ShaderJob(_shader, _output, width, height);
  50. _shaderJob.addEventListener(Event.COMPLETE, onShaderJobComplete, false, 0, true);
  51. _shaderJob.start();
  52. }
  54. protected function onShaderJobComplete(event:Event):void
  55. {
  56. _output.position = 0;
  58. var length:int = _output.length;
  60. for(var i:int = 0; i < length; i += 4)
  61. {
  62. var output:Number = _output.readFloat();
  64. if(i % 3 == 0)
  65. trace("value -> " + output);
  66. }
  67. }
  68. }
  69. }

为了解决我早先提到的三通道输出的问题，我使用了取模的运算，在“onShaderJobComplete”方法中，最终结果是所有输入数字的平方根。

所以那是很好的。可以想象，等这些bug都消除以后，这江是个非常有用的东西。

阅读全文
类别：flex/flash 查看评论]]> 2009-07-27 15:04 http://hi.baidu.com/3tion/blog/item/10ae677a6f9736e42e73b380.html <![CDATA[[原创]flash效果，碎玻璃效果]]>
要做这个效果，首先需要将窗体截图，然后将截图随机分解成n个小三角形区域。
最先我考虑的方法是在图片的范围内随机生成几个点，然后让点两两相连，连成三角形，并且在连接的时候检测线条不能和其他线相交。
这样就需要有一个三角形数组，每画一条新的线段的时候，就要遍历这个三角形数组，来检测线段是否和三角形中的线相交。
同时，这样做在检查是否有某些部分没有被画上三角形也比较困难。
总之这种方法会消耗很多的资源，并且有可能有遗漏的地方。

于是我思考有没有简单切分随机三角形的方法。

三角形其实可以被认为是四边形，连上一条对角线而产生的。
那么只要将图形，先分成多个四边形即可。
只要确保，横，纵坐标的点数量一致，便可以画出四边形，然后分解成三角形。
转换成代码即为：
bmp为视图对象
_point为点的数组

_avgDist为四边形边长的平均值

for(var i:uint = 0;i<=row;i++)
            {
                _point[i] = [];

                for(var j:uint = 0;j<col;j++)
                {
                    if( i==row )
                    {
                        _point[i][j] = {x:x,y:bmp.height};
                    }
                    else
                    {
                        _point[i][j] = {x:x,y:y};
                    }
                    x += (_avgDist/2*(Math.random()-0.5) + _avgDist );
                }
                _point[i][j] = {x:bmp.width,y:y};
                y += (_avgDist/2*(Math.random()-0.5) + _avgDist );
                x = 0;
            }




然后就是如何将原来的图像渲染的问题了。
只要使用graphics.beginBitmapFill，然后以面板的截图作为参数即可。

面板截图的方法可以使用BitmapData类的draw来画出。
实际上，每一行
就是n个小四边形组成，而每个小四边形则由两个三角形组成，渲染上原图，变成代码以后就是



            var shape:Shape;
            for( i = 0; i<row;i++)
            {
                for(j=0;j<col;j++)
                {
                    shape = new Shape();
                    shape.graphics.beginBitmapFill(bmp.bitmapData);
                    shape.graphics.moveTo(_point[i][j].x,_point[i][j].y);
                    shape.graphics.lineTo(_point[i][j+1].x,_point[i][j+1].y);
                    shape.graphics.lineTo(_point[i+1][j].x,_point[i+1][j].y);
                    shape.graphics.lineTo(_point[i][j].x,_point[i][j].y);
                    _triangles.push(shape);

                    shape = new Shape();
                    shape.graphics.beginBitmapFill(bmp.bitmapData);
                    shape.graphics.moveTo(_point[i+1][j].x,_point[i+1][j].y);
                    shape.graphics.lineTo(_point[i+1][j+1].x,_point[i+1][j+1].y);
                    shape.graphics.lineTo(_point[i][j+1].x,_point[i][j+1].y);
                    shape.graphics.lineTo(_point[i+1][j].x,_point[i+1][j].y);
                    _triangles.push(shape);

                }
            }
其中_triangles是用来保存三角形的数组。


这样就将一张完整的图片，分解成了大小不等的n个小三角形。

然后就是破碎效果了。

首先我让每个三角形的x，y坐标在图形大小的两倍范围内随机分布。alpha初始值为0，
rotation则为0~360度中的一个随机值。

然后使用TweenLite让其最终能回到0,0坐标，alpha回复为1。

写成代码则为：
            var len:uint = _triangles.length;
            for(var i:uint=0;i<len;i++)
            {
                var triangle:Shape = _triangles[i] as Shape;
                triangle.x = width*2*(Math.random() - 0.5 ) + width;
                triangle.y = height*2*(Math.random() - 0.5 ) + width;
                triangle.rotation = 360*Math.random();
                triangle.alpha = 0;
                addChild(triangle);
                TweenLite.to( triangle , 0.5 , {x:25,y:25,rotation:0, alpha:1});
            }


最终破碎的图形会在0.5秒之后，组合成为一个整图。
但是面板上原来可能是有按钮的，在效果开始前，需要先隐藏面板，效果结束后，需要将所有三角形移除，并且将面板显示出来。

这样就需要将 TweenLite.to( triangle , 0.5 , {x:25,y:25,rotation:0, alpha:1});
改为：
TweenLite.to( triangle , 0.5 , {x:25,y:25,rotation:0, alpha:1,onComplete:tweenCompleteHandler});

通过tweenCompleteHandler这个函数来处理效果结束后的事件。

        private var _c:uint;
       
        private function tweenCompleteHandler():void
        {
            var len:uint = _triangles.length;
            if(++_c == len)
            {
                bmp.visible = true;
                for(var i:uint=0;i<len;i++)
                {
                    removeChild(_triangles[i]);
                    delete _triangles[i];
                }
            }
           
        }

其中_c是用来记录次数，当次数达到和三角形的数量一致时，说明所有三角形都到达正确的位置。





阅读全文
类别：默认分类 查看评论]]> 2009-01-02 01:41 http://hi.baidu.com/3tion/blog/item/b39b852ac5febd9c023bf6ed.html <![CDATA[[原创]flash人脸抓取技术，半成品]]> 需要用户选择一张照片，然后将头像放大，缩小并移动到一个64×64的范围。
这些功能都通过javascript实现，然后上传到服务端，然后在flash端，将用户上传的头像，放置在一个头部容器中，这样，卡片中人物的头像就会随着预先设定的舞蹈运动。

但是通过指定64×64的方格而选定的头像是没有办法将背景去除的，我想到以前我做.NET项目的时候，用到的一个被称为木刻的算法，会将图像极端化，处 理成只有黑和白的两种颜色。而在人像摄影中，脸部的边缘部分会因为阴影的原因产生一个比较大的色差，最后使用木刻算法会有一个明显的边缘。那么我是否可以 利用这种算法，将人脸的轮廓取出呢？

带着这个问题，我开始了我的测试。

首先说说木刻算法：由于24位图片的储存规格实际是一个宽×长的矩阵，其中每个点储存的是一个24位颜色值，可以转化为红(Red)，绿(Green)，蓝(Blue)三个颜色的分量。
每个分量是个8bit值，即能保存0~255(2的8次方)种值。
而木刻算法就是通过找到R,G,B三个分量中最大值和最小值，然后得到(最大值+最小值)/2之后的中间值（还有一种算法是直接找到R,G,B三个分量的平均值）。
此中间值大于我们预先定义的一个阀值，则让颜色值为0xffffff（即白色），否则让颜色值为0（即黑色）。
以前我是用C#写的，现在需要先修改成AS3的代码：

        private function WoodCarving(bmpData:BitmapData):BitmapData
        {
            var newData:BitmapData = new BitmapData(bmpData.width,bmpData.height,false);
            for(var y:int = 0;y<bmpData.height;y++)
            {
                for(var x:int = 0;x<bmpData.width;x++)
                {
                    //取得颜色值
                    var color:uint = bmpData.getPixel(x,y);
                    //取得RGB分量
                    var r:uint     = color>>16;
                    var g:uint     = color>>8 & 0xff;
                    var b:uint    = color & 0xff;
                   
                    var min:uint = r;
                    var max:uint = r;
                   
                    if (g < min)
                        min = g;
                    if (b < min)
                        min = b;
                    if (g > max)
                        max = g;
                    if (b > max)
                        max = b;
                    //获取中间值
                    var gr:uint = (int)((min + max) / 2);
                    if (gr < _value)
                        gr = 0;
                    else
                        gr = 0xffffff;
                    newData.setPixel(x,y,gr);
                }
            }   
            return newData;
        }

这可以将

转换为


然后我的思路是建立一个3*3的矩阵（除去中间点的8个点）。
var arr:Array             = [[0,-1],[1,-1],[1,0],[1,1],[0,1],[-1,1],[-1,0],[-1,-1]];
让检测点为中心点，探测每一个黑色（颜色值为0）的像素周围的8个点中，如果白色点超过2个以上，我将该点视为边缘点。
bmpData为木刻效果之后的图像数据：
var shapeData:BitmapData = new BitmapData(bmpData.width,bmpData.height,false,0xffffff);
var xPixel:Array = [];
for(var y:int = 0;y<bmpData.height;y++)
            {
                for(var x:int = 0;x<bmpData.width;x++)
                {
                    var tt:uint = bmpData.getPixel(x,y);
                    if( tt == 0 )
                    {
                        var blackCount:uint = 0;
                        var whiteCount:uint = 0;
                        for each( var zz:Array in arr )
                        {
                            if( bmpData.getPixel(x + zz[0],y+zz[1]) == 0 )
                            {
                                blackCount++;
                            }
                            else
                            {
                                whiteCount++;
                            }
                        }
                        var dis:uint = blackCount > whiteCount ? (blackCount - whiteCount) : (whiteCount - blackCount);
                        if( whiteCount > 2 )
                        {
                            xPixel.push(x);
                            shapeData.setPixel(x,y,0xff);
                        }
                    }
                }
            }
我将数据保存在shapeData这个新的bitmapData中。
将x坐标保存到xPixel中。

先将可能的轮廓点找到：
得到这个图像：


创建左数组var leftPixel:Array = [];
以及右数组var rightPixel:Array = [];

先找到图像的中心：
xPixel.sort(Array.NUMERIC);
var middleX:Number = (middleX[0] + middleX[openPixel.length-1])/2;
以保证leftPixel数组中保存的都是在middleX左边的坐标，而rightPixel数组中保存的都是在middleX右边的坐标。

获取leftPixel和rightPixel的数据信息：

            var lastPoint:Object;
            for(y = 0;y<shapeData.height;y++)
            {
                if(lastPoint )
                {
                    if( lastPoint.x > middleX )
                    rightPixel.push(lastPoint);
                }
                var count:uint = 0;
                for( x=0;x<shapeData.width;x++)
                {
                    if( shapeData.getPixel(x,y) == 0xff )
                    {
                        if( !count )
                        {
                            if( x < middleX )
                            leftPixel.push({x:x,y:y});
                        }
                        lastPoint = {x:x,y:y};
                        count++;
                    }
                }
            }

最终使用画线的方法将需要做遮罩的区域绘制成黑色。
            var shape:Shape = new Shape();
            shape.graphics.beginFill(0,1);
            shape.graphics.lineStyle(1,1);
            for( var txx:int = 0;txx<rightPixel.length;txx++)
            {
                if( txx==0)
                {
                    shape.graphics.moveTo(rightPixel[txx].x,rightPixel[txx].y);
                }
                else
                {
                    shape.graphics.lineTo(rightPixel[txx].x,rightPixel[txx].y);
                }
            }
           
            for( txx = leftPixel.length-1;txx>=0;txx--)
            {
                shape.graphics.lineTo(leftPixel[txx].x,leftPixel[txx].y);
            }
            shape.graphics.endFill();
并将其作为图像的遮罩：
最终效果：

我的方法在最终绘制的时候还存在一定问题，按我想象应该是可以采取顺时针找点的方式，但是我始终没有研究出确实的算法，所以人脸抓取只能算个半成品吧。

头像为公司一帅哥Eric，单身，收入稳定，有意者请于本人联系 阅读全文
类别：flex/flash 查看评论]]> 2008-12-14 16:26 http://hi.baidu.com/3tion/blog/item/8986b82464a2ca064c088d9e.html <![CDATA[上海帮]]>
离开大学已经3年多，几经辗转来到了上海工作。大学同学中，读研究生的也基本上都毕业，天南海北分散到各个省市。留在武汉的有不少，去北京的有一对刚刚完成了婚礼。南下广东，广西，福建的也有不少。而我则脱离武汉帮，加入了上海帮。
现在在上海的，除我以外就有4人。佩佩还在同济继续深造。小上海则毕业以后便回到了自己的故乡上海，现在从事着游戏3D建模的工作。秀萍刚刚硕士毕业，被聘用到了一家在南京路上有一栋大楼，拥有全甲资质的公司上班。Abla Wolf现在也在一家游戏公司做策划工作。
由于我们大学的专业是园林设计，而上海植物园离秀萍还有Abla Wolf的住所只有5分钟的步行距离，于是小上海便邀约我们一起去植物园玩。


一进2号门没多远就会看到由水杉做行道树的笔直马路，一直通向园区中央。

巨大的蜘蛛模型。
一块陨石，介绍说陨石上有一些石刻，可惜我未能找到。

鸭脚半熟色犹青，纱囊驰寄江陵城。
银杏的叶子已经泛黄，掉落，让我想起了另外一个同学莉莉，她研究生的时候就是专门研究银杏的，现在毕业了，回到宜昌，跑到一个小县城当上了干部。
于是大家聊了下其他同学，居然发现没几个真正在做园林设计了。而我们这几个在上海做事的，居然都进入了IT行业。
于是又有了这个感悟：以前的事情并不重要，重要的是你现在想要什么，你希望以后得到什么。

幽静的园区

象征和平的鸽子永远是最受游人喜爱的生物
蝙蝠形态的风筝，还能扇动它邪恶的翅膀
只剩下枯枝的桃树，证明着现在已经是寒冬季节
孩子们开心的游玩着
硕果累累

我什么时候能拥有第三片叶子呢？

枝叶已经溃败，却掩盖不住花朵的娇嫩


平静的湖面


移植树木后留下的大坑

找了个草坪开始吃吃喝喝
合影留恋

下午4时，太阳快要落下，气温也开始变低，我们决定起身出园，我也把相机交给了小上海。下面是他拍摄的一组照片。

这个建筑是温室

我们离开了上海植物园

离开植物园后，我们来到了秀萍和Abla wolf他们合租的住所，由Abla wolf亲自下厨烧制了武汉风味的小菜。有种回到了家乡的感觉。与组织取得了联系，以后这样游玩的机会就更多了。
阅读全文
类别：默认分类 查看评论]]> 2008-11-30 11:46 http://hi.baidu.com/3tion/blog/item/c4d08116b4b4ef1f962b432a.html <![CDATA[冬天来了，春天还会远吗？]]>
A7重新布局，搭建办公桌。

由于公司有很多货物都放在C2，所有男同事发扬了当年《解放军占领巴黎》的精神

协力合作，将活物搬到A7
现在已经是21世纪，光靠人力是不行的，我们必须调用机械化部队。
动车组：
老大的SUV也是体现它价值的时候了：

公司目前财政状况虽然没有以前好了，但是我相信通过公司全体员工的努力，公司一定会好起来的，也许以后公司能租下整个园区。
C2，我们还会回来的。 阅读全文
类别：默认分类 查看评论]]> 2008-11-29 10:14 http://hi.baidu.com/3tion/blog/item/9a85d644c7fe584b510ffea0.html <![CDATA[flash在iframe之上的bug]]> google之后，发现这个bug居然已经存在了1年多，firefox2，flash8的时候被人提出，到现在flash10出来了，firefox升级到3.1版本，依旧没有解决。
相关bug描述：
firefox网站的
https://bugzilla.mozilla.org/show_bug.cgi?id=448567
adobe网站的
http://bugs.adobe.com/jira/browse/FP-289

一老外的所谓解决方案，当然没有什么实际价值，不过可以贴出来做个参考，也许别的地方能用到他这些思路。
That's one of several limitation of Flash on Firefox which is
acknowledged on various Adobe support pages. No doubt you're using Flash
with wmode=transparent or even wmode=opaque. You might not have noticed
yet, but things will be even worse in Safari. There are a few
workarounds, none of them are nice, but it beats serving Firefox with a
lesser experience.

One is to switch to wmode=window for Firefox. I imagine that you need
the transparency though, so we'll ignore that for now.

Another is to actively hide the iframe as you move over it. Each time
you move the DIV your Flash is on, look at all the iframe objects on the
page and just do some intersection math to determine if you're over it.
If you are, then you hide it. As you stop intersecting (or hide your
DIV) then you make it visible again. This can also be necessary if your
transparent flash finds itself over another flash object with
wmode=window, or if you move over a HTML select dropdown menu. All of
these things can bleed through your Flash, and they do it more on
Firefox and even more on Safari.

Another option is to create an iframe mask. You create an extra DIV
layer with the same position as the one your Flash is on, except this
has a z-index one lower than yours. On this new div you set the
background color to white and put an iframe tag on it with src="". This
iframe div will block the iframe that you're seeing bleed through your
Flash. Simply move this div as you move your own Flash div. It will
block out the nasty bleedthru objects that were bothering you. Of course
this itself is a big white rectangle, so can spoil your transparency
(although you never said you were running wmode=transparent, so it might
still be an option). Even if you are running in transparent mode, you
might be able to customize the size of this div (or have multiple divs)
so that your links aren't affected. I've tried creating a transparent
iframe mask but it doesn't work. The iframe masking only works when the
DIV is white, and it has an iframe tag on it.

A final option is to have an image object (using a fully transparent
GIF) which is on an extra DIV with a higher z-index than your Flash. It
can use the usemap tag of the IMG to catch clicks and do the appropriate
action.

Sorry if you want to follow up on any of these points, I'm just about to
unsubscribe from this newsgroup.

阅读全文
类别：脚本技术/javascript/flash 查看评论]]> 2008-11-26 16:21 http://hi.baidu.com/3tion/blog/item/d09558f7b401a425730eec75.html <![CDATA[小野洋子个人展]]> 而我的座位正对窗口，虽然她很低调的走近会场，不过还是被我狙到。
走在最前面的便是74岁的小野洋子。

到了周六也就是她个人展开幕的晚上，三辆mini cooper开进园区。
我最喜欢的车之一，再来张30秒曝光，不开闪光灯的。我们公司作为专业的动画制作公司，三脚架这样的行头，自然随便就能找的到，也不用花自己银子了。

不久之后，园区里面人山人海
虽然下着小雨，大家仍然十分激动，看来小野洋子的名气还是挺大的。
接着，有工作人员将我们的请帖换成了一个精巧的手电，据说是等下需要大家配合小野一起表演。
小野洋子出场，大家掌声一片。
手电筒派上作用了，小野奶奶告知大家跟着她的节奏闪烁手电筒
i
ii
iii
代表着i love you。
大家也很配合的跟着一起打手电筒，最后将光线射向宇宙，表明对外星人也要充满爱！

接着就是排队入场了。由于人很多，必须分批入场，由于天空下着雨，不少等得不耐烦的观众，离开了园区。我则继续跟着大部队，伺机拍摄。
等待入场的混乱人群

经过一个多小时的等待，终于入场

一大群人围着几个作品看

原来不是MY MIMI IS BEAUTIFUL

因为还有性器官的，不知道会不会因为这幅图被百度封号


巨大的蚕茧，让我想到了西部瘟疫之地的臭蛆。

由于公司只拿到一张VIP的票，我上不了3楼，随意的转了下，便回到了公司，另外一个拿到VIP票的同事，拍了一段小野的热舞，可惜居然转码以后图像就有严重问题了，我就只截几张图片上来吧。


小野奶奶和观众一起热舞

最后show一把战利品：
阅读全文
类别：默认分类 查看评论]]> 2008-11-23 14:48 http://hi.baidu.com/3tion/blog/item/04ee800920ceaa85d1581baa.html