Adobe BrowserLab – 在线跨浏览器平台页面预览环境

Adobe近日推出了一款基于Flash(由于Flex Builder更名为Flash Builder,因此不要提Flex了)技术的网页调试工具。名为 Adobe BrowserLab – 点击这里进入

这款工具能够帮助Web设计师观看在不同浏览器中同一页面的表现形式。当然,功能和浏览器覆盖面上比早先推出的BrowserShots要业余得多,但体验上还是有相当独到之处的。

这种“独到”其实是我想要已久的,具体说,主要是其提供了“2-up View”和“Onion Skin View”的对比方式,可以非常精确地看出网页在不同浏览器中的差距:

普通对比:

洋葱皮对比:两张不同的渲染结果叠加对比(Safari VS IE7)

目前,支持的浏览器并不多,包括:

有IE6,我认为足够了:)

其实Flash技术在这款应用中扮演的角色好不复杂,渲染工作是交给后端完成的,我想这个项目也是一个很好的典范并不一定是那种极其复杂的Flash应用才能博得喝彩的。

Flash动画制作者入行者必读指南

原文来自这篇新浪博客。我非常认同这些观点(我对原文进行了排版并加粗,尤其是最后一句),我在2002年到2004年间从事过Flash动画设计工作,这个博客也有许多早期读者是冲着Flash的内容来的。可惜,我现在已经不做Flash动画设计了。也不知道这个博客早期(2005年)的读者还有几个会来看了:(

以下说的是关于FLASH动画入行的基本概念。主要针对想从事这一行业但还对此一无所知的朋友,个人动画师和发烧友爱好者不在此列,并且,仅仅针对制作者。这几点大概可以看做是一个FLASH动画入行简要守则。

一、什么是FLASH动画?

  1. 我们通常所说的FLASH动画,特指采用FLASH这种工具制作的动画。
  2. 它和传统动画有什么区别?区别在于采用的流程和工具的不同。传统动画一般采用手绘方式在纸上作画后拍摄,FLASH动画直接在电脑上制作并输出。
  3. 它是三维动画还是二维动画?普遍情况下,它是二维动画(aw补充:Adobe新的FlashPlayer API和AS3时代的Papervision3D已经可以和早期)。
  4. 它和传统动画谁更好?好坏在于制作者,而不在于制作方式。

二、为什么要学习FLASH动画而不是传统动画?

  1. 成本。学习FLASH动画的所需的时间相对较少,费用相对较低,门槛几乎没有,特别适合各位还未毕业或刚毕业的、对动画事业满腔热血但却对脚下道路一片漆黑的同学们。
  2. 前景。由于成本低,效率高(aw补充:一个好的Flash动画设计团队一定要配置一个JSFL开发工程师),FLASH动画已经逐渐占领了传统动画的市场份额。相信在不久的将来,它会成为新的动画行业标准。因此,它特别适合那些一边做动画一边寻找搪塞家长的借口的叛逆少年/青年/或者中年?
  3. 活力。任何新兴的行业都比传统行业更能孕育出新生的产业英雄。所以,它适合那些怀揣“中国宫崎峻”梦想高呼王侯将象宁有种乎的动画野心家。

三、想入FLASH动画的行需要什么条件?

  1. 美术基础。通俗的说就是你得会画画。什么才叫作会画画?掌握基本的透视原理,有基本的美感,画出来的东西或人不会丑得连自己的看不下去。
  2. 会操作FLASH软件。这一点要求很低,你仅仅需要学会FLASH里有关动画的几项功能就可以了,熟悉FLASH的绘画工具,理解时间轴。
  3. 掌握基本的动画运动规律。
  4. 一台电脑和一块手绘板,共计4000元。
  5. 需要学习AS吗?我可以很负责任的告诉你:如果你入的是FLASH动画的行,那就直接无视AS。(aw补充:如果您是一个优秀的行业设计师,把AS开发交给我们这些行业Developer就可以了)
  6. 不断思考的习惯;专注力、耐力和毅力。
  7. 恋人/朋友/家庭/家族的理解,以及在困境中坚持的自信。

三、我需要多长时间才能达到进入这个行业的水平?

  1. 如果仅仅是起步的水平,那不需要多长时间。当你能够在FLASH里画出看得过去的形象,并掌握基本的时间轴技法后,你就可以试着做出一个小东西,并拿去应聘了。
  2. 一般的说来,学习美术基础所花费的时间相对较长,短则三个月,多则一辈子。软件比较好办,对于不算太笨的人来说,1—2个小时足以。
  3. 动画的运动规律是一项考验每个人动画天赋的事情。不过不用担心,即使你这方面的天赋是负数,一样能做出合理的动作来。你需要的仅仅是
    A:一本随便什么教动画规律的书
    B:坚持不懈的对生活的观察。

四、什么办法能最有效率的让白纸一张的我达到入行的水平? (以时间先后为序)

  1. 报名去为期三个月的高考考前美术培训班。在那里你可以获得正规的、基本的美术基础训练。
  2. 打开FLASH,开始画画,直到你能用这个软件画到又快又好,就如你在纸上画的那样。
  3. 买一本随便什么教FLASH软件的书,首先把里面所有涉及到AS的部分全部撕掉,你会发现其实只剩很薄的几页,接下来,读懂剩下的,特别是关于时间轴的概念。
  4. 在FLASH里用形变动画、元件动画和逐帧动画这三种不同的方式分别做出一组动作来,并确认你已经完全理解了他们的区别。
  5. 让你做出来的动作流畅、合理,最好还能生动,不管你用什么方法。
  6. 把你做得最好的那组动作当作应聘作品发给你想去的公司。

五、入行后的生活是一幅什么样的景象?

  1. 暂时在相当长的一段时间里,你会挣扎于商业动画与原创动画这不可调和却又非得调和的矛盾中。
  2. 你或许会患上“紧盯某人所做的某个动作并试图模拟”综合症。
  3. 入行之前找女朋友。入行之后找男朋友。
  4. 不定期加班、不定期休息、不定期吃饭、不定期睡觉、不定期成长、不定期理想、或许还有不定期工资。什么都是不定期,除了房租。

六、我能赚大钱吗/我能出大名吗/我能做出很牛的的动画吗/或是其他?

  1. 暂时在相当长的一段时间里,不能,即使你自己干
  2. 暂时在相当长的一段时间里,不能,即使你自己干
  3. 暂时在相当长的一段时间里,不能,即使你自己干
  4. 嘿,放轻松点,虽然很多时候很无奈。可以当这是每天要过的生活,或是明天完不成就扣钱的订单,或是下个月的房租,或是一点一点成长的记录,或是一种什么样的心态,或者是梦想。

七、注意事项

  1. 对别人介绍自己时最好说:“我是做动画的。”而不要说:“我是做FLASH的。”(aw补充:现在“做Flash的”可以理解为“破解Flash的”)
  2. 少吸烟,最好戒烟;少熬夜,最好不熬。它们能确保你“中国宫崎峻”的野心不会因为你在30岁就挂掉而夭折。
  3. 不断的提高,确保自己不会被淘汰/一直向上走。
  4. 保持你的梦想,直到它实现的那一天。

最后,如果某天有人用鄙视的口气把你介绍给别人:“他是做FLASH的。”请敬上中指并告诉他:“$%^#——你做一个试试?”

强烈推荐一款很震撼的Flash时钟及N多类似作品

没什么比时间更伟大的事物了。这样一个你平时难以注意的概念,推动着历史的前进,创造了人类文明和我们一切的感受。

利用ActionScript技术,只需要一个简单的Timer来激发,就可以产生出各种有趣的效果。我很久前改进过一款时钟,今天看到一款更酷的!作者主页:http://leogeo.com/

音效和画面创意都非常不错。个人认为,如果用上ActionScript3的位图滤镜,可能会做出更好的效果:)

预览:

http://leogeo.com/img/28__timebeat.swf

建议全屏观看

原作者页面:http://leogeo.com/有很多非常有趣的类似的Flash创意。

PS:发现这个作者也用了一些位图滤镜:

比如这个作品《日夜》(Day and Night),由于声音比较杂,而且是自动播放的,就不输出Flash到RSS了。请谅解。

Continue reading “强烈推荐一款很震撼的Flash时钟及N多类似作品”

同一屋檐下的较量与共存 – WPF vs/and Flash

刚刚装上了WPF(没有装的朋友点这个link就可以了)

《接受WPF, Flex, Apollo, and Flash》
译文:aw (http://www.awflasher.com/blog/archives/755)
原文:http://theflashblog.com/?p=221
[转载请保留]

过去的几个月里,我一直在紧张地进行WPF和Flash的开发、设计。此前的很长时期直到今天,Flash一直都是我心中最好的交互、动画项目解决方案。所有关于WPF和Flash之间的口水仗,以及各种谣言最终被证实是毫无意义的。尽管在很多场合下,Flash和WPF会“短兵相接”,但Flash完全不用担心WPF会“抢占市场”。至少现在WPF还相当低调,等WPF浮出水面,我们再作结论会比较好。

虽然,Flash和WPF都是非常好的交互动画制作工具。但是他们的终端产品却完全不同!而且Flash开发设计者要想转移到WPF的开发平台,是非常容易的。C#/XAML架构非常类似于JS/HTML架构,WPF更加孤立界面和数据的分离,这对于编写高可维护性的代码是非常有利的。

Flash完全不用担心自己被取代,原因很多。别忘了,视频方面Flash可是拥有Web上垄断地位的(aw附:我个人也已经逐渐把公司的WMV技术过渡到FLV技术)
这一点,其他的技术想要战胜Flash需要太多的时间,几乎不可能在近期内撼动Flash的领先地位。我们这些Flash开发者(aw附:尤其是开发者黏度)会使得潜在的竞争对手很难攻下这篇领域。MS不是什么大坏蛋,Adobe也不是需要你同情的弱者。 Continue reading “同一屋檐下的较量与共存 – WPF vs/and Flash”

FlashEngine for SVG

首先要知道,什么是SVG (可伸缩矢量图像)
可以去这里看看

Flash-based SVG engine.
05年五月的内容,仍然值得学习。尤其是其想法。

这里就有三个地方可以学习:
1、Apache的重写技术(URL rewrite) 例如访问:
codeazur.com.br/stuff/svg/flashenabled.svg
甚至
codeazur.com.br/stuff/svg/awflasher.svg

2、高效的Flash-XML交互技术。

3、Flash绘图API的使用。

补充一点:在我毕业前,隔壁班一个mm考上研究生,研究方向就是JS、SVG相关的东西(寒,研究生研究Ajax、SVG……),当时就列举了SWF诸多“罪状”(其实还是挺有道理的)。当时最大的特点就是SWF兼容性不好。不过这下好了,SWF可以兼容SVG,而且可以帮助不兼容SVG的浏览器来显示SVG!而SVG估计很难兼容SWF了。包括Fajx等项目,更进一步证明了Flash在Player这种强大proxy-engine的支持下,跨平台性还是优于js的。注意,我并不是说SVG不好……

猜心术 ~ 忒神了……还是我头晕了

迷信?!这个忒神了?(在这里看到 – http://sskb.cn)

1分钟后更新……
上个厕所后想明白了,我怎么这么傻……(看来我真的衰老了……)

10x+y-x-y = 9x (x=1,2,3…9)

也就是说,只可能是9,18,…
然后你注意观察,每一次点击水晶球,9、18……81这一组图标都在变!哈哈~~我有空也出一个中文版的来忽悠

—————–

你现在想一个二位数(10-99),然后用这个二位数减去其个位、白位之和。比如
你想象的数字为:52
那么你得到52-5-2 = 45
然后你点这个按钮,看看是不是45对应的图标……

太累了,明天仔细研究一下这个里面的原理……

[酷站]一个不用点鼠标就可以浏览的网站

整个浏览过程不用鼠标点击,个人觉得非常有创意。
A crazy website without a single click to visit!

http://dontclick.it

几个月不看了,突然发现增加了许多交互内容,而且后台改用SQL代替了纯文本数据。

例如:鼠标实验
attachments/200606/11_100236_dontck.gif

里面采用了我在毕业设计中原创的“滑过判决法”……哈哈^_^

而且该网站已经录入了DMOZ的人机交互设计类网站。