RIA大讲堂 - Flex开发免费培训

4月 15th, 2009

RIA大讲堂是由RIAMeeting策划并且和Adobe一起组织的针对Flex开发社区的免费培训活动,旨在让更多的RIA开发者了解并学习Flex技术,帮助大家从更深的层次上理解Flex技术,并学到实用的开发技巧。

如果时间允许我会来主讲这次的培训. 这次培训的地点在北京. 其他城市暂时不会涉及.

培训提纲(暂定):

第一期培训分4次,每周六培训一次(即4个周六)

课程设置:

Day1

时间

课程

说明

上午(9:00 – 12:00)

Flex概述

Flex,Flash,Flash Player,AIR概述

了解Flex Builder

Flex Builder工作空间

了解Flex预编译组件

了解MXML

下午(13:30 – 17:00)

数据与事件

组件的数据绑定

处理用户事件

了解事件对象

使用ActionScript添加事件侦听器

使用HttpService获取数据

Day2

时间

课程

说明

上午(9:00 – 12:00)

组件与布局

DataGrid中显示数据

布局容器的使用

创建自定义的MXML组件

实现Value Object

下午(13:30 – 17:00)

自定义事件

创建自定义事件

创建自定义事件类

自定义项目渲染器

探索 Flex Bulider 的使用小窍门

Day3

时间

课程

说明

上午(9:00 – 12:00)

数据验证

数据验证

使用远程对象来传输数据

格式化数据

下午(13:30 – 17:00)

拖放与过滤

从列表控件中拖放数据

使用E4X来过滤XML

部署FlexAIR应用

Day4

时间

课程

说明

上午(9:00 – 12:00)

外部资源

执行导航容器

嵌入图像

嵌入字体

创建基于约束的布局

MXML组件应用样式

下午(13:30 – 17:00)

皮肤与状态

结合Adobe CS3制作组件皮肤

创建视图状态

动画:行为和特效

结合绘图API绘制图形

编码实现组件皮肤

扩展组件

主要培训对象:

  1. RIA开发人员
  2. 对RIA技术感兴趣的在校学生

要求:

  1. 对Flex可以是零基础,但为了更好的学习,希望你事先了解一些Flex的概念
  2. 有自己的笔记本电脑,培训过程需自备电脑
  3. 请安装所需软件:Flex Builder(下载),Flash CS4 (下载)

请愿意参加的朋友从下面的地址报名

http://www.riameeting.cn/register-for-schoolroom/

ND3D 一个超轻量级的AS3 3D Engine

4月 9th, 2009

ND3D是一个超轻量级的AS3 3D Engine, 它的最大特点就是轻, 全部引擎文件编译后只有10K. 最新版本为0.2

基本的3D功能都满足, Mesh Loader, interactive 3DObject, Basic Light System, Custom renderer等, 当然功能上和Away3d以及Papervision3D还是没法比, 但是确实很小巧, 适合那些没有很复杂的3D场景的应用.

nd3d_teaser.jpg

  Project at GoogleCode | API Documentation

从结构上看 NV3D的结构不是很合理, 比如Camera放在了Objects package里. 比如Renderer的功能太复杂, 其实应该把不同的功能拆开进行封装等. 不过最近看到的ND3D的更新很是兴奋, 如果大家不需要过于复杂的场景和交互, 简单的3D应用ND3D基本上够用.

Papervision3d with MD2

4月 8th, 2009

新版本的Papervision3d已经支持MD2和3ds的文件格式了, 原来都是用away3d来做, 现在也试试papervision3d. 它现在不仅仅只是Dae和Ase文件的模型文件的导入, 现在大家选择的余地更多了一些. 下面的例子就是导入md2的实例. 

什么是MD2? 请看这里

下面是源文件, 直接拷贝就可以看到效果了. enjoy!

原文件

Bruce Lee on my hand

4月 7th, 2009

最近简单研究3D+视频的东西, 分享一下视频, 正在想能怎么应用.

papervision3D也支持md2的导入了, 不过功能比away3d还是差一些. 基本上流行的格式都支持了.

对于那些youku看不了的同学就凑活看screenshot吧

3.jpg

Silverlight 3 新特性

4月 2nd, 2009

上次在twitter上说了一下Silverlight3的新功能被微软的人看见后因为是NDA的内容, 马上删除了. 这次发布后就可以随便说了, 其实也就差几天的时间. :(

Video/Audio

Silverlight除VC-1外还支持H.264视频格式。这是YouTube等使用的新兴业界标准格式,并在很多设备上有硬解码。Silverlight也支持AAC音频。二者都以MP4容器格式实现(如.MP4或.M4A格式文件)。

另外还支持F4v, Adobe的高清格式. 可惜的是在3.0这个版本中Silverlight还不支持Camera. 听说下一个版本会加入, 大家还需等待一年.

GPU Acceleration

这是Silverlight 3运行时中opt-in的特性,in-browser和out-of-browser都可以。在HTML中的Silverlight tag中,添加一个EnableGPUAcceleration=true参数来启用GPU加速。

3D Support

Silverlight 3带有透视3D,对于一个父元素,你使用一个Projection attached property,如:

<Border.Projection>
   <PlaneProjection x:Name=”p3” RotationY=”-30” />
</Border.Projection>

这个perspective 3D也只是将平面对象转换成立体的对象, 而非真正的3D渲染引擎. 而Silverlight中还没出现Flash中的pv3d一类的3D engines.

Animation Easing新加入了很多easing的function, 和Flash里的Tween类似.

Custom Dialogs

Silvelright 3现在支持SaveFileDialog。出于安全原因,我们不返回路径给开发者,相反,你可以从结果中打开文件:

mySaveFileDialog.Show();
if (mySaveFileDialog == true)
  return mySaveFileDialog.OpenFile();

关于上传下载FlashPlayer10有一些新的更新. 另外我觉得如果禁止修改的, 打开文件也可以加上.

Effects

Silverlight 3中引入的Effects提供低级手段来影响视觉效果。我们内置提供阴影和模糊两个效果,你也可以创建自己的效果。自定义效果以HLSL Shaders来实现——用DirectX SDK工具编译成byte code供Silverlight 3使用。Shaders允许开发者在UI元素渲染前修改每个像素。

如果Silverlight也支持bitmapdata的话, 那么Effects的加入会对它的绘图功能提高很多.

Pixel和Media APIs

你现在可以从位图中读/写像素。这个功能有两种使用方式:in-memory位图或保存visual到位图。同时支持的还有raw audio/video API实现动态声音生成,自定义视频codec,或者alpha video channels。

in-memory位图或保存visual到位图, 这个就是微软学习FlashPlayer的bitmap的方式加入的新功能, 效率问题还没有测试.
另外动态声音生成在新版本的FlashPlayer 10 也加入了.

Local Messaging

在多个Silverlight插件间传递消息曾是个挑战。现在我们支持类似”命名管道”的消息,不但垮同一网页上的对象,甚至跨多浏览器的多个Silverlight实例。例如一个Chrome实例中的Silverlight和Firefox中的另一个实例通信。

Flash中用localConnection来实现, 另外Flash中的localConnection还有垃圾收集的特别功效, 这点微软好像没有加入哟 :).

Out of Browser

通过一个manifest对每个应用程序启用(标准Silverlight 3模板中就有这个段落,你只要uncomment它)。一个用户可以右击Silverlight内容,或者点击应用里的一个按钮来启动Silverlight out-of-browser应用。

这个功能很不错, 可以让用户将web应用部署到本地, 增加用户对当前web应用的依赖. 不知道Adobe会不会加上, 其实就是在它的swf文件和AIR文件中做一下关联, 在发布的时候同时发布两个文件, 然后用户可以将这两个文件同时部署到Server side上. 就类似Flex中的view source功能一样.

Tooling

Silverlight 3工具会包含新的压缩算法,XAP文件的大小会缩小10~30%。

感谢Felix Wang的提供

Silverlight toolkit

3月 3rd, 2009

Silverlight toolkit是一套微软提供的control和component集合, 类似的Flex SDK中的mx package. 对大家都开发很有用, 这次在MVP Summit 2009里听了这个session, 感觉有个不少更新, 更贴近了开发者的需求, 帮助设计师和开发者进行了不少基础工作, 提高了效率. 他们最近还会加入不少的controls, 大家可以关注这个blog: http://www.jeff.wilcox.name/ jeff wilcox是微软总部silverlight toolkit development team的成员.

resources:

download the latest version:
http://silverlight.codeplex.com/Release/ProjectReleases.aspx?ReleaseId=19172

online sample(类似Flex的components explorer):
http://silverlight.net/samples/sl2/toolkitcontrolsamples/run/default.html

Silverlight toolkit overview part 2 chart:
http://silverlight.codeplex.com/Wiki/View.aspx?title=Silverlight%20Toolkit%20Overview%20Part%202&referringTitle=Home

Codeplex上的Silverlight toolkit page(这个toolkit是开源的, 大家可以看到source code, 大家不妨看看微软是怎么实现这个庞大的组件架构的, 很有帮助,另外所有的微软开源程序例如那个linux上的Silverlight - moonlight就是在这里发布的):
http://www.codeplex.com/Silverlight

80s on NewWebPick

2月 23rd, 2009

80s studio 2009已经被NewWebPick收录, 挺荣幸.

已经在首页加入了NewWebPick的logo.

感觉人家做设计的比较会截图, screen shot比我截的有感觉.

另外两则消息:

1. The Legend Returns|80s studio 2009 会有一些修改, 比如会支持3D动画的播放控制.

2. 下月会在RIAMeeting上讲一下Flash 3D相关的topic. 大家有什么意见和想法请去RIAMeeting投票或者在下面留言

The Legend Returns[80s Studio 2009回归]

2月 15th, 2009

经历了2008年的沉寂后, 我们决定回来了. 80s studio(www.80s.net.cn)已经很久没有更新了,甚至出现了只有80s team blog 而不见主站的局面. 以至于圈里的很多新来的朋友都问我80s是不是就一个blog, 没有其他的东西了. 这次80s studio的回归就是我给大家最好的答案.

这次我们采用了Bruce Lee的创意, 虽然比较简单, 但是从中大家足以见到我们的用心, 希望我们的作品能给大家带来一些新鲜感 – 原来Flash还可以做这个, 原来Flash还可以这样做.

screen_shot_002.jpg

screen_shot_001.jpg

以下是将我们的创意分阶段实施的步骤:

第一阶段/Phase 1:
用户可以看到一个真正的3D李小龙并且可以任意的切换视角, 选择李小龙的动作.
For user can realize the Flash is ready to create a real 3D web
application without any activeX or Plugin.
第二阶段/Phase 2:
用户可以用我们动作库中的很多李小龙的标志性动作自己创建李小龙动画并且可以把完成好的动画发给朋友
User can access the website to customize their own Bruce Lee real time
3D animation with lots of landmark actions from our action library.
And send the completion animation to friends.
第三阶段/Phase 3:
用户可以上传自己的照片替换掉李小龙的脸,制作真正意义上的”自己的李小龙”.
User can make an own Bruce Lee by uploading their own profile photos.

您现在正在观看的是我们计划的第一阶段.
Now all you can see on the web page is Phase One.

因为时间和精力有限, 整个site在创意和实施过程中的时间都比较紧促, 有什么不足还请大家发意见给我们. 下面就请大家来欣赏[The Legend Returns|80s studio 2009]

Flex builder到手

12月 15th, 2008

期待中的Flex Builder终于到手了.  看图说话:

Away3D Tutorial update

11月 28th, 2008

Flash 3D Basics 

Installing Away3D for Flash, Flex or Flashdevelop 

Away3D Basics 1 - A simple Away3D class explained 

Away3D Basics 2 - The View and the Scene 

Away3D Basics 3 - The Camera(s) 

Away3D Basics 4 - Manipulating 3D objects 

Away3D Basics 5 - Primitives (Part 1) 

Away3D Basics 5 - Primitives (Part 2) 

Create the Earth and heavens in less than an hour with Away3D

Supporting tutorials: Using Actionscript projects in Flex or Flash 

Using Flex Actionscript files with Metadata in Flash CS3

相比较而言我觉得和PV3d的文档比起来也确实是刚起步, 不过好多其他爱好者出的文档已经可以补充了, 希望away3d能多收集一些在自己官网上, 这样也省得大家找了

AIR版的Flash Console

11月 24th, 2008

大家一定都为在非IDE下得到Flashplayer的trace信息而头疼过吧? 比如你要验证FlashVar是否传入, 想把传入的值trace出来, 原来的做法是比较麻烦, 用getURL调用javascript的alert, 或者用document.write写到html里, 后来出现了external interface, 依然比较烦人. 不过FireFox的出现使得我们可以用addon的方式将trace信息拿到. 不过大家都scenario不同, 一个理想的方式就是无论你字啊任何脱离IDE的情况下都可以得到trace出来的信息. 那么就需要一个不是寄生于浏览器的Flash Console了.

r_un6m2l1fsq1_v3.jpg

非常好用, 只要你安装了FlashPlayer的debug version. 之后要follow它的step做一些简单的设置就可以实现.

如果不明白大家看这里

另外这个Flash Console的项目也是个开源的, 大家可以基于这个项目做一些扩展的开发,毕竟根据公司个项目的不同会有不同的scenario.

这里是他的Google code地址:

http://code.google.com/p/flash-thunderbolt/wiki/ThunderBoltAS3Console

微软大礼包

11月 21st, 2008

首先我要感谢Bill Gates 启动MVP这个活动, 之后我要感谢Steven Ballmer把这个活动发扬光大.

从飞机上投下了一个小集装箱.

打开后基本上所有的同事都围到了周围了, 基本上达到了轰动的效应.

这个lifeCam还不错, 不过我基本上用不到.

这个是我比较喜欢的Geeks rule水壶, 精致而有重量.

这Tee确实质量不太好, 不过有了前几次在US买东西的经验, Size倒是比较合身.

Geek 系列大合照

由于Zune是US only的, 没有国内的质量认证, 所以只能帮人带了一个Car pack

个人最中意这个5000的bluetooth鼠标, 不过我已经有了一个8000的presenter了, 这个也就那么回事了.

这个基本上是这一集装箱里最贵的组合了, 不过多介绍了, 熟悉的同志都知道这个是最新的7000 vista套装版, 牛X大了.

Desktop Darts,   小巧的桌面游戏

Adobe ActionScript Reference

11月 10th, 2008

这个是上周末RIAMeeting的奖品之一, 不过老马开玩笑说还有很多隐藏API没有放到里面来.

另外, 我们还将这些API做成很大的海报, 这样就更方便大家都查阅了, 我们争取会在下次RIAMeeting上把Poster发放给大家.

RIAMeeting[北京]第八次会议

10月 29th, 2008

近来Adobe出招频繁,随着Flash Player10的正式发布,还有让人万分期待的Adobe CS4创作合集,都无疑给RIA市场注入了兴奋的动力,身为RIA开发者的你,是否跃跃欲试?

Show Time!RIAMeeting第八次开发者聚会将在11月8日召开,具体信息如下:

这次的会议的主题:
Flash Player 10的新特性

时间:
2008年11月8日 下午

地点:

Adobe中国研发中心
北京海淀区中关村东路1号院 清华科技园 科技大厦 A座 21层

会议日程:

1:30 - 2:00 签名入场(收集名片,最后抽出5个幸运奖,有惊喜奖品哦)

2:00 - 3:00 Flash Player 10新特性演示

3:00 - 3:20 休息,并收集大家的问题

3:20 - 5:00 根据问题展开分组讨论

本次会议特别邀请7yue作为我们的现场嘉宾,和大家一起畅谈RIA话题

本次报名将采用系统报名的方式,请使用下面的地址报名:

http://www.riameeting.cn/register/

如有问题,请咨询邮件:contactus@riameeting.cn

AOL Mail RIA Beta! base on Silverlight

10月 24th, 2008

Created using Microsoft® Silverlight™, AOL® Mail RIA offers fast performance, exclusive themes and video preview capabilities. We also make it easier to view and share videos using Truveo, the leading video search engine!

AOL® Mail RIA offers a variety of themes that allow you to personalize your email experience.

check it out here: http://ria.aol.com

Flash CS4彩蛋

10月 15th, 2008

点”FL”那两个字母的”L”的最上面就可以看到,如下图所示:

20081015_6cda78e7d57a958a94034vlqssvd5rws.jpg
这个人是谁?答对有奖~~~

AOL Widget 开发者俱乐部活动

10月 12th, 2008

2008年10月22日(星期三),下午2点到5点,我们(AOL Widget Team)将在AOL中国办公室举办AOL Widget开发者俱乐部活动.
在会议上我们有来自齐据互动以及资深的个人开发者来和大家分享一些Widget开发中的苦与乐,并有MySpace,校内等国内平台提供商和大家一起探讨Widget开发中的注意事项.当然AOL Widget Team也会带来很多国外的成功的Widget开发以及营销的成功案例以及经验.
对Flash开发Widget应用的开发者是一个好机会来了解Widget的开发,盈利,以及将自己的经验分享给其他同行.
具体的安排以及填写报名表个请看这里:
http://spreadsheets.google.com/viewform?key=pqpC7-SA96ZMU7-JdV_QbWA

关于JavaScript,Flash/Flex/AIR以及Silverlight/WPF

10月 8th, 2008

这里是关于的一篇评论,不是认可他的观点,只是想让大家从多个角度去看待这几项技术的优劣.

JavaScript,Flash/Flex/AIR以及Silverlight/WPF这些技术其实各有各的用途,不同的公司也会说这样那样的话,这些都是为了宣传,都是为了让你用它的技术,最后赚钱的是它们,不管通过何种方式,而买单的却恰恰是你,或者说你造就了它们的单.

这篇文章从另外的一个角度引申并表达了自己的观点,底下的评论也挺有意思,也有从其他角度说的,整体看下来还是很有收获的.

请大家不要再浪费时间再外面转悠,讨论它们的优略了,塌下心来研究研究才知道,才能有真正属于自己的判断.其他都是扯淡!

Open Source Flash Media Server

9月 28th, 2008

高兴的看到了这个,不过性能估计还不如red5,不过大家可以尝试,短期内不推荐作为商用,当然还是一如既往的推荐Adobe FMS给大家,其实FMS已经有三种协议价格可以考虑,具体的直接咨询Adobe China即可.
Open Source Flash Media Server
project is taking form (OpenFMS / http://openfms.net). Although still
in alpha, OpenFMS will be a full blown high concurrency C++ Flash
Media Server running on windows and *nix. It’s main purpose is to
spend as much time in kernel as possible.

features:
- streams all possible Flash codecs: h263, h264, mp3, vp6, etc…
- thanks to FFmpeg we have container support for almost every
thinkable format: mov, flv, mkv, mp3, etc..
- built from the ground up while looking and learning from red5 code
- easy vhosts structure in the form of plugins
- live / record publishing (uses FFmpeg’s flv muxer to store FLV format)
- fully asynchronous with one thread per CPU
- uses a modifed version of boost channel for message broadcasting

他们的官方网站:http://openfms.net

《博客三人行》第10期:Widget昨天,今天,明天

9月 28th, 2008

受ZDNet的同学之邀,去做了一期节目,录制节目还是一件挺有意思的事情,虽然不知道大家对用RIA技术开发widget或者app的情况是怎么样的,至少本人是很看好这个细分领域.
废话少说,点击下面链接观看节目:
http://soft.zdnet.com.cn/software_zone/2008/0723/1007111.shtml