April 7, 2011 at 11:06 pm · Filed under ActionScript
FlexPaper
The open source web based document viewer.
http://flexpaper.devaldi.com/
Yahoo flash developer center
http://developer.yahoo.com/flash/astra-flash/
Arduino
Arduino是一个开放的硬件平台,包括一个简单易用的I/O电路板,以及一个基于Eclipse的软件开发环境。Arduino即可以被用来开发能够独立运行,并具备一定互动性的电子作品,也可以被用来开发与PC相连接的外围装置,这些装置甚至还能够与运行在PC上的软件(如Flash,Max/Msp,Director,Processing等)进行沟通。
http://www.arduino.cc/
Flash 3D 换脸 - 相当强大
http://labs.mppark.jp/hige/
可以上传自己照片,自动识别人脸
Share This
April 3, 2011 at 3:47 am · Filed under Web Develop, Javascript
人脸识别API
Face.com 开放了一些API,提供了比较丰富的功能,比如判断是否为笑脸、眼睛和鼻子等器官的位置。
Sothink SWF Decompiler 5.1 多国语言注册版
http://www.xun6.com/file/33dd62e28/swfdec.zip.html
Google天气预报API
通过经纬度坐标作为参数执行 Google Weather API, 例如:
http://www.google.com/ig/api?hl=zh-cn&weather=,,,30670000,104019996
(30670000,104019996 为 成都, 中国大陆 的经纬度坐标)
通过城市名称的汉语拼音来查询,例如:以下是北京的天气
http://www.google.com/ig/api?weather=Beijing
Share This
April 2, 2011 at 12:56 am · Filed under ActionScript
http://lifeis.bbcearth.com/ 使用GreenSock引擎
Share This
April 2, 2011 at 12:50 am · Filed under ActionScript
http://bbs.9ria.com/viewthread.php?tid=56757
LoaderMax是一个新的As3加载系统,它不仅能将swf、mp3、css、video、image、text、binary、xml等文件加载到你的flash应用里,而且加载文件还可以简单得像吃晚餐一样,吃完一个菜,点下一个菜,再吃完一个菜,再点下一个菜。它微小的惊人。事实上,只有其他加载系统的一半,但是却实现了一些特殊的功能,有一些你可能用不到,但是却不想在生活没有它。这里有一些值得注意的特点:
http://www.LoaderMax.com
- 在要加载的swf里面集成加载器
- LoaderMax中自动解析XML
- 为任何加载器定义备用URL
- 为所有的加载器提供统一的属性和方法设置
- 可以为图片加载器、Swf加载器、视频加载器设置宽高,当其加载完,图片、swf、视频可以自动匹配你所设定的宽高
- 一个loader实例 可以隶属于不同的loaderMax实例
- 实时报告加载进度
- 在一行代码里设置多个事件监听:new LoaderMax({name:”mainQueue”, onComplete:completeHandler, onProgress:progressHandler, onError:errorHandler});
- 具有暂停加载及恢复加载的功能
- 对Flex很友好
1、线性化下载过程
一般的下载队列,是一口气推入n个loader,然后逐个下载,下载完了调用start,开始整个程序。
由于是线性过程,这个时候下载流程比较好控制。假如碰到被下载的一个swf中,又下载别的图片、音乐之类,就成了树形过程了。LoaderMax在这方面的处理是利用一个requireWithRoot 属性,指定该Loader隶属于哪个容器。一旦指定,那么这个Loader所下载内容,就当作容器的一部分。
比如 main.swf > (a.swf > a.mp3) > (b.swf > b.jpg), a.mp3 和 b.jpg都远大于两个swf。
当main在下载的时候,先下a.swf,完了下b.swf。而a.swf中会去下载a.mp3,b.swf则是下载b.jpg。所以很可能出现的情况是a,b.swf都下载好了,还在同时下载a.mp3和b.jpg。但这个时候main已经算下完了,要start了…
如果在a.swf下载a.mp3时设置requireWithRoot = root,b.swf也一样。那么main.swf在a.swf之后下a.mp3,直到a.mp3下载完了,才算a.swf下完。这样就把一个树形流程又改为线性的了。
2、预估文件大小
在下载文件时,都知道有个请求过程,这个过程中文件的总大小是不知道的。这样对显示进度就是个麻烦事儿。像以前碰到公司内网关上安了2b防火墙,进来的数据都隔那儿堵着,等cache满到一定大小才一下子返回。搞得每次在公司看loading都是一闪而过,这不是因为快,是因为前面堵着呢,只能傻等着….LoaderMax在这方面采用了预估文件大小,利用一个estimatedBytes 属性,先假设要下的文件大小是多少。这样一来,即使请求还没来,下载进度还是有的。如果网络不出问题,等到请求返回了,马上就拿精确的文件大小替换预估值,让进度始终保持在用户眼前,而不会傻等。这个属性的默认大小是 20000 (20k)。
3、tween式初始化
这个就不多说了,还是那句话,没用过TweenLite、TweenMax的人还有么?
4、显示对象的对齐
显示对象在下载后有个比较恼人的问题,就是定位和对齐。这个问题其实已经被TransformManager 很好的解决掉了。LoaderMax只是让操作更简单了。
只需在初始对象的属性里面增加width,heighth或scaleX,scaleY(前者优先权大于后者)再配合scaleModes属性就很轻松了。
5、选择性打包
实际上LoaderMax并不是一个万能下载器,他只是一个壳儿,具体的下载交给SWFLoader,XMLLoader,MP3Loader…等等,这样的话,项目中要啥就选啥,可以节约文件大小。编译的时候也不会浪费不必要的时间。
6、并行下载
一般的下载队列,就是逐个下载吧?LoaderMax有个maxConnections 属性,可以设置同时下载数。默认为2。
7、下载信息
还有件比较烦人的事情,就是在定义一个loader后,有时候还要再为之定义个变量,指向下载对象。该指向还必须得在下载好以后才能设置。
这点LoaderMax也封装掉了。LoaderMax.getContent(),而且由于Loader事先就是有类型信息的,像CSSLoader,MP3Loader,所以content在使用上有着很高的可读性。
Share This
March 25, 2011 at 12:53 am · Filed under Mobile
http://www.lis186.com/?p=2030
近年來smartphone大行其道,iPhone和Android的能見度越來越高,這些裝置內建的瀏覽器功能進展快速,對於HTML5和CSS3的支援程度有時候更勝於電腦上的瀏覽器。就因為如此,對於熟悉網站開發技術的開發者而言,這是一個跨入Mobile App的絕佳機會。因為我們不一定需要去學習Objective-C或Java這些不熟悉的語言才能開始撰寫行動裝置上的應用程式。就如同在在開發一般網路應用程式一樣,選擇一套好用的framework,絕對是事半功倍。很幸運的是因為時勢所趨,目前Mobile Web App Framework選擇性其實不少,不過到底有哪些?要怎麼選?就變成一個困難的課題了。
這些不同的Mobile Web App Framework,我認為在功能上應該可分為三大部份。
UI Component:提供適用於觸控螢幕的UI元件
Javascript Library:讓開發更有效率的Javascipt函式庫。
Wrapper:把Mobile Web App包裝成原生軟體 (Native App),同時提供一些function讓javascript可以存取一些底層的功能(例如:相機、檔案系統、各類sensor)。
如果只是要開發Mobile Web App,就不需要Wrapper。如果想包裝成native app上App Store或Android Market去賣,就得用上Wrapper。而UI Component和Javascript Library則是可以依照自己的喜好選擇用或不用。
下面的表格就是依照上面三大部份和支援的裝置整理出來的清單,轉跳後有各framework的簡要說明。

baseJS

官方網站:http://paularmstrongdesigns.com/projects/basejs/
最後穩定版本:1.0rc1 (2009/1/12)
檔案大小:8k
一套為Safari, Firefox和Mobile Safari設計的輕量化javascript framework,目前和以後都不支援IE。
iAd JS

官方網站:http://developer.apple.com/iad/
最後穩定版本:1.1.1 (2010/7/23)
檔案大小:225k
iAd JS是Apple為了iAd廣告而設計的javascript framework,只支援iOS4以上的iPhone和iPod Touch。不過已經有開發者把它用於app的開發。需要和Apple付費申請iOS Developer Program才能使用。
iUI: iPhone User Interface Framework

官方網站:http://code.google.com/p/iui/
最後穩定版本:0.31 (2009/10)
檔案大小:115k
iUI是一套包含Javascript library, CSS和影像的iPhone web app framework,能夠讓web app有和native app相同的外觀,並提供螢幕旋轉偵測。
Jo HTML5 mobile app framework

官方網站:http://joapp.com/
最後穩定版本:0.2.0 (2010/9/25)
檔案大小:41k
另一個為行動裝置設計的輕量javascript framework,對於HTML5的支援較其他framework豐富,包含WebQL, Audio。設計上比較特殊的部份在於UI元件的抽象化,因此能夠在不同的裝置上顯示對應的UI。
jQTouch

官方網站:http://www.jqtouch.com/
最後穩定版本:1.0beta2 (2009/10/6)
檔案大小:12k (別忘了還得加上jQuery的57k)
jQTouch是一個jQuery的外掛,jQuery的開發者能夠用最短的時間開發iPhone web app,支援自訂主題和extension。
jQuery Mobile

官方網站:http://jquerymobile.com/
最後穩定版本:預定於2010年底釋出
jQuery和jQiery UI的行動版本,強調跨裝置(Smartphone和Tablet)跨平台( iOS, Android, BlackBerry, bada, Windows Phone, webOS, symbian和MeeGo ),提供jQuery核心與UI widget。
PhoneGap

官方網站:http://www.phonegap.com/
最後穩定版本:0.9.1 (2010/6/8)
PhoneGap是一套開發原始碼的包裝軟體 (Wrapper),能夠把Mobile Web App包裝成原生軟體,支援iPhone/iTouch, iPad, Google Android, Palm, Symbian和Blackberry。透過PhoneGap所提供的Javascript library,便可以取得聯絡人、加速計、位置資訊,還能控制震動。
Sencha Touch

官方網站:http://www.sencha.com/products/touch/
最後穩定版本:beta 0.96 (2010/10/1)
檔案大小:80k
由ExtJS、jQTouch和Raphael(一個SVG library)整合而成的HTML5 mobile web app framework,支援iPhone, iPad與Android觸控裝置。具有完整的touch event (tap, double tap, swipe, tap and hold, pinch和rotate)、data integration (Ajax, JSONp及YQL)和完善的UI元件。
iWebKit

官方網站:http://iwebkit.net/
最後穩定版本:5.04 (2010/3)
檔案大小:4k
一個輕量的iPhone mobile web app freamework,主要功能在於利用CSS3模擬navitve app的外觀。
MooTouch
http://dailyjs.com/2010/03/24/mootouch/
官方網站:http://gist.github.com/341230
最後穩定版本:(2010/3/31)
檔案大小:37k
MooTools javascript framework的外掛,目的在於模擬iPhone native UI。
Titanium Mobile

官方網站:http://www.appcelerator.com/products/titanium-mobile-application-development/
最後穩定版本:1.2.1 (2010/4/7)
Titanium Mobile讓你使用javascript、HTML5和CSS3就能打造iPhone和Android native app。因為它與OS深度整合,因此它能夠使用Camera、存取檔案系統、本地資料庫,在通訊方面則支援SOAP和YQL。如果功能還不夠,Titanium Mobile也允許使用Objective-C和Java擴充,再運用javascript呼叫。
PastryKit
官方網站:無
原始檔:
http://help.apple.com/iphone/3/mobile/dist/PastryKit-ug-compact.js
http://help.apple.com/iphone/3/mobile/dist/PastryKit-ug-compact.css
Apple官方自己使用的javascript library,在iPhone上Safari預設書籤裡的iPhone使用手冊(用iPhone打開才看得到效果)就是使用PastryKit打造而成的。PastryKit能夠讓Mobile Safari有著和native app有相同的外觀(隱藏網址列、固定位置的工具列、重新定義頁面捲動)。因為不是公開的framework,因此目前沒有正式的文件,目前僅有零星幾篇介紹和功能說明。
UiUIKit
官方網站:http://code.google.com/p/iphone-universal/
最後穩定版本:2.1 (2008/9)
UiUIKit是一個模擬iPhone native UI的HTML/CSS3 framework,並提供原始的PSD影像檔。
Unify

官方網站:http://unify.github.com/unify
最後穩定版本:1.0 (2010 Q3)
檔案大小:41k
在destop, smartphone和tablet上模擬native app的web app framework,能夠與Adobe AIR和Phone Gap整合,算是支援平台最廣的framework,不過在2011 Q3才會提供tablet的UI元件。
WebAPP.Net
官方網站:http://webapp-net.com/
最後穩定版本:0.5.2 (2010/2/6)
檔案大小:25k (javascript部份)
一個輕量化的javascript iPhone web app javascript framework,提供基本的UI元件與AJAX功能(附php proxy供跨網域存取)。
XUI

官方網站:http://xuijs.com/
最後穩定版本:1.0.0 (2010/5/28)
檔案大小:7.8k
PhoneGap的開發團隊認為現代javascript framework (例如:jQuery, Ext, MooTools等)在行動裝置上載入過於緩慢。因為這些framework都有很強大的跨瀏覽器相容性,而在手持裝置上這些並沒有必要。於是他們打造了為行動裝置瀏覽器最佳化的XUI。XUI目前支援WebKit, Fennec和Opera,未來也有計畫IE Mobile和BlackBerry。
語法與jQuery相近,實作了方便的選取器, DOM操作, Event handeling, Style, Fx與XHR。
zeptojs
官方網站:http://github.com/madrobby/zepto
最後穩定版本:(2010/10/8)
檔案大小:1.6k
為行動裝置最佳化的javascript framework,相容於iOS 4+, Android 2.2+和webOS 1.4.5+,語法與jQuery相近。
以上就是我所知的Mobile Web App Framework,如果有任何錯誤或需要增修的地方,歡迎在下面留言。
Share This
March 24, 2011 at 12:21 am · Filed under ActionScript
Away3D
功能的比PV3D完整,还有Lite版。
Box2D
物理引擎
as3corelib
adobe 的官方开源类库,包括JPGEncoder、PNGEncoder、MD5、JSON、日期格式化等
http://code.google.com/p/as3corelib/
exif-as3
jpeg头文件解析包。用于获取如相机型号,光圈,感光度,焦段等数据。
http://code.google.com/p/exif-as3/
oauth-as3
http://code.google.com/p/oauth-as3/
客户端的ActionScript 3 oAuth实现库,以便在Flash,Flex和AIR应用。
opensocial-as3-client
as3版本的opensocial客户端封装库。
http://code.google.com/p/opensocial-as3-client/
openscial是google发起的一个开放协议,目前很多网站都实现了openscial版开放接口。国内的如人人网,51.com,聚友等。
as3crypto
http://code.google.com/p/as3crypto/
as3crypto是一个使用ActionScript3编写的加密库,它提供了几种常见的算法。这个版本还引入了一个TLS引擎(TLS是SSL的俗称)。•协议: TLS 1.0 支持(部分)
•证书: X.509 Certificate parsing and validation, built-in Root CAs.
•公开秘密匙加密: RSA (加密/解密, 签名/验证)
•密钥加密: AES, DES, 3DES, BlowFish, XTEA, RC4
•保密模式: ECB, CBC, CFB, CFB8, OFB, CTR
•散列算法: MD2, MD5, SHA-1, SHA-224, SHA-256
•Paddings available: PKCS#5, PKCS#1 type 1 and 2
•其它: HMAC, Random, TLS-PRF, some ASN-1/DER parsing
swfupload
http://www.swfupload.org/
一个使用flash和javascript实现的上传工具。
pulse-particle
一个可以快速使用as3创建粒子系统的库。而且为设计者提供了.mxp扩展。
http://www.rogue-development.com/pulseParticles.html
alivepdf
个开源的pdf类库。可用于在flash,flex,AIR工程中生产PDF。
http://alivepdf.bytearray.org/
Share This
March 23, 2011 at 11:39 pm · Filed under ActionScript
转载:http://kevincao.com/
GreenSock Tween Platform
GreenSock Tween是我最常用的一个功能强大的Tween类库,详细可以见我之前的介绍。但是要注意这个类库对商业项目并不是免费使用的,可以替代的选择有很多:GTween,Tweener等等。
Bulk Loader
Bulk Loader解决的是AS3中各种不同类型文件的加载问题,实现了对各种数据类型统一的加载接口,调用非常简便。此外还具有有批量加载、优先级设置等高级功能。
Gaia Framework
Gaia是一套完整的互动网站制作框架。它定义了网站的基本数据流,采用xml进行结构配置和资源管理。各个页面之间以transitionIn,transitionInComplete,transitionOut,transitionOutComplete等步骤串联在一起。Gaia强大的自定义和事件侦听功能使用户可以很方便的更改网站逻辑。此外Gaia还整合了SWFAddress,GreenShock Tween,采用MVC,Singleton等设计模式和业界流行的最佳解决方案(Best Practice)。Gaia还提供了配套的Flash插件面板,能够很直观的帮助用户快速配置网站。抽象是一件很有技术含量的工作。做了这么多Flash网站,很清楚每次搭架构时的无奈。由于需求的多变,哪些是架构层面的核心需求,哪些是业务逻辑需求,甚至哪些是效果表现需求,常常混杂在一起,结果就是可重用性极差,每次都等于重新开始。Gaia最伟大的地方就是厘清了这几层关系,把属于网站内部流程的部分抽象出来,并建立了强大的可扩展的接口。我们只需要在这层接口上再去考虑业务逻辑和表现层的开发就可以了,大大减轻了工作量。当然,Gaia只是一种解决方案,虽然科学但并不完美。我在使用中就曾发现:为了配合它的内部流程,会造成无意义的swf子文件增多的现象。Gaia提供的机制最适用于多页面切换的Minisite,稍加扩展就可以应付大多数的情况,大家可去官网左边的Gallery栏目看看各式案例。类似的Framework还有日本人开发的Progression。
MinimalComps
MinimalComps是我的轻量化组件首选。开发者是著名的bit-101,最近刚刚更新了几个新的功能,还提供了排版工具MinimalDesigner。这套组件完全独立,不依赖于Flash内部的UIComponent,最大的特点是简单够用。可以在Flash IDE和Flex下使用。但是不支持中文,我只是用它来辅助调试参数。
AS3 Data Structure
这套api之前也有介绍过,灵活运用数据结构能够大大提升开发效率。
Casa Lib
Casa Lib是一套非常完整的framework,几乎涵盖了所有在开发中常见的扩展需求。我最常用的是其util包下的工具类,之前也有介绍过很方便的LibrayManager。类似的大而全的开发框架还有Guttershark和Sekati API等。这类属于开发框架性质的类库内部本身的继承或者复合关系就比较复杂,开发者在使用时需要注意评估使用它们带来的隐性成本。当然你也可以像我一样,只使用类库中的一些辅助工具类。此外,学习框架的编写对提升编程能力也是大有裨益的。
Papervision3D (+ Flint Particle System, AS3DMod, ThreeDee)
Papervision3D的强大已经不用我多介绍,现在的FWA已经基本是3D引擎的天下了。除了自身所带的功能以外,大量第三方的辅助类库或插件也起到了锦上添花的作用,所以我把它们并作一条。做粒子效果可以考虑Flint,变形修改器可以用AS3DMod,ThreeDee提供的扩展功能也很不错。至于物理引擎那也很多,只是我目前还没有涉及,这里也不多说了。
FLARToolKit (+ FLARManager)
FLARToolKit是近期大热的Augmented Reality (AR)的幕后英雄,详细可以看我之前的一篇介绍。而为了能够更方便的开发AR程序,transmote开发了FLARManager作为辅助,也提供了事件接口,多标记检测等增强功能。
写在最后,真的非常感谢那些默默奉献的无私的开发者,有了你们,互联网世界才越发生动精彩。作为一个创意开发人员,应该时刻让自己手中的这些武器与世界水平接轨。能够自己动手开发固然是好事,但是站在巨人肩膀上又有何妨呢。大家又有何常用的类库呢,欢迎留言讨论。
Share This
July 23, 2009 at 12:24 am · Filed under 不要分类
检测单选、多选框是否选中
if ($(’#radl input:checked’).val() == undefined) …
Share This
·
Next entries »