网页在GreenBrowser下的兼容问题

Posted in 杂项 on May 26th, 2010 by Adam

从没用过GreenBrowser,但是没想到它有这么烦人。
没办法,客户要求用GreenBrowser浏览网站没问题,但是偏偏遇到只有它才有的问题:
1. 页面右边多出一页的空白:最外层table不要用align=”left”
2. 恼人的空白:一对td标签内部最好不要有换行

3. 页面右边多出一页的空白:Body标签内最好包上一个DIV,并设置width:100%;overflow:hidden;

Tags: ,

2009-08-24存档

Posted in 杂项 on August 24th, 2009 by Adam

AS3实时光影追踪渲染(Flash ActionScript 3.0 Raytracer)
p20090824101711
source: http://www.strille.net/works/as3/raytracer/
默认画面在双核2G处理器的电脑上不太流畅,双核2.6G十分流畅,内存均为2G. 用PV3D来尝试做出类似效果,先用ShadedMaterial和ShadowCaster测试,参考zupko.info的casting shadow:

shadowCaster.setType(ShadowCaster.DIRECTIONAL);

shader = new EnvMapShader(light, envMap.bitmapData, envMap.bitmapData, 0×333333);
bitmapMaterial = new BitmapMaterial(pv3dBitmap.bitmapData, false);
bitmapMaterial.smooth = true;
var shadedMaterial:ShadedMaterial = new ShadedMaterial(bitmapMaterial, shader);
shadedMaterial.interactive = true;

bmdEnvSphere.draw(viewport, matrixEnvSphere);

速度在2.0G的CPU上巨慢,效果也不太理想,改为环境材质伪造光线追踪:

var envBlur:BitmapData = new Bitmap(new rayTracingImg(200,200)).bitmapData
envBlur.applyFilter(envBlur, envBlur.rect, new Point(), new BlurFilter(4, 4, 3));
var em:EnvMapMaterial=new EnvMapMaterial(light, envBlur);
em.smooth=true;
em.tiled=true;

速度稍快,但是已经失去了光线追踪的意义,效果也是马马虎虎,看来要做到网页Flash实时三维渲染,我还有很长的路要走.


AS3 Phongshader材质渲染

高阶的光线追踪渲染可以看看这个CUDA的教程: CUDA ray tracing tutorial

基于MVC架构的Javascript免费开源框架 – JavaScriptMVC

CSS渐变背景(Firefox 3.6)

Tags: , , , , ,

2009-08-19存档

Posted in 杂项 on August 19th, 2009 by Adam

利用规范链接(Canonical Link)避免网站重复内容,防止被搜索引擎惩罚:Canonical Link Element (by Matt Cutts)

在< Head >中添加:
< link rel=”canonical” href=”http://example.com/page.html”/ >

更多关于规范链接(Canonical Link):Learn about the Canonical Link Element in 5 minutes

URL Rewrite: 把无www域名301导向到www前缀域名

RewriteCond %{HTTP_HOST} ^domain\.com
RewriteRule ^(.*)$ http://www.domain/$1 [R=permanent,L]

匹配所有gif.jpg.png图片,名称不分大小写。
< FilesMatch “\.(?i:gif|jpe?g|png)$” >
Allow from all
< / FilesMatch >

更多关于:PCRE
注意:有些版本Apache可能不支持i和?的用法,出现如下错误:

.htaccess: Regex could not be compiled
Apache version 1.3.41 (Unix)

样式表:旋转九十度

.rotate{
-webkit-transform: rotate(-90deg);
-moz-transform: rotate(-90deg);
filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
}

效果如下:

p20090819112931 p20090819112921

CSS3讲解:

更多:CSS Current Work

Tags: , ,
RSS Feed