CSK.Blog--个人原创Weblog

« eArts'08中作品的介绍Linux下监控的Santak MT-500pro系列UPS信息 »

FlashSite V2++

很久没有更新Blog了。或许让各位觉得我不再维护这个网站,其实不然。

虽然一直没有写Blog,不过我一直在对这个网站做修改,尤其是07年出发布的Flash Site V2。当时因为经历了近2年的开发周期,因此十分急切的想把这个网站发布出来。同时也因为那时想尽快抽出时间忙学习的事情,在开发的后期有点马虎。现在看来当时发布的版本存在许多问题与不足。这些问题随着发布后使用过程中慢慢暴露,直到我也觉得忍无可忍的地步。因此从去年开始我就开始一直计划着对这个网站(确切地说是网站的运行库ReformCore)进行大规模的改善。而本文就是对之前一段时间内我对这个网站所作的修改的总结。当然,那些一直希望了解该网站实现细节或者想得到源代码的朋友也可以关注此文,因为我现在开始计划把ReformCore的部分组件开放:OpenReformCore。

直观起见,先给个目前网站的截图:

网站截图

图:改善后的SiteV2

这次修改后的版本暂称为Site V2++。主要增加了网站整体的执行效率,同时改善了浏览体验。对ReformCore的一些Bug做了修正。本文后续部分将针对部分修改部分介绍。文末将介绍这次增加的一个插件ReformUI Spy以及OpenReformCore的一些设想。

网站部分的改善

07年网站发布时,有不少批评针对当时网站背景声音过于嘈杂,同时也反映动画表现不流畅的。同时当时时间比较紧张,没有对一些细节部分处理好,比如菜单部分那些图标一直在使用着这个网站原形期间临时选取的那些图片。也有人批评说网站过于眩目。

目前改善的版本已经重新设计了首页和菜单的图标部分。同时也更换了背景图片以及背景音效。至少目前在我看来,应该不会给浏览者带来嘈杂感了,同时网站风格上也比较统一。至于批评说网站眩目花哨的,不好意思,目前看来仍旧很花哨。不过我已经将一些不必要的成分去除了,比如整个网站只有一张背景图以及一套背景音乐。

这次新采用的背景音乐已经不是之前很俗套的循环音效,循环的音效无论如何都会给人带来烦躁感。至于新背景音乐的效果还是各位亲感受下吧。网站在设计上从起初就以到背景、音乐等修饰手段不得干扰正常浏览为原则。所以音乐和背景图片与网站的浏览是不同步的,换句话说,在网速缓慢的情况下,访客可以先进行网站内容的浏览,而背景图片和音乐会在后台加载完毕后才得以呈现。因此如果想体验新的音效的话可能需要等待一段时间。

对于网站的执行效率问题,其实就是针对Flash渲染效率的优化问题,这次也有很大的改善。至少目前在我看来比以前整个网站渲染速度提升了30%-40%。同时,以前进入网站是要经历的2次“嘟嘟”声的阶段也被合并在一起。

对于用户体验的提升方面,这次的修改还增加了网站高度会随浏览内容自动修正以及网站浏览的资料将与URL地址同步等功能。URL地址同步其实就是BackButton,具体效果可以尝试如下链接:http://www.csksoft.net/index_mainsite.asp#SubView%3D4%26SubSection%3Dlab%26ViewPos%3D1%26ViewType%3D2%26UID%3Dmainsite.site_data.ID75

其次是修正了网站对Webkit(如Chrome)以及Opera浏览器的兼容性。不过代价是在这2类浏览器下网站将无法使用Backbutton。

剩下的修改部分还有许多,不过基本都是一些小改动。这里还要提一下现在的ReformScript终端窗口可以改变大小了!同时支持脚本导出功能。这点将在后面的ReformCore改善部分介绍。

ReformCore的改善

ReformCore中主要对UI组件进行了大幅修改,其中主要针对XWindow部分,即类似ReformScript终端的这些窗口。

  1. 增加了Resize功能
  2. 改善了窗口层次的管理,增加了窗口聚焦的特征。

还有一些其它的UI修改,这里就不具体介绍了。如果今后ReformCore开源了,这些部分也会包含。

图:增加了动态尺寸改变特性的XWindow,以及其他的UI改动

图:修正了层级管理以及增加了窗口焦点特性

图中可以看出XWindow已经越来越像是个OS的UI了。不过毕竟有点重新发明轮子的味道,但是Flash下还真的没有啥捷径。

另外,对ReformCore的后台代码修改也展了很大的部分,不过这部分因为难以用直观的图像形式表达,就不再具体涉及。不过可以提一下开发的用于Puxos管理的Puxos Explorer。

图:Puxos Explorer

Puxos Explorer属于网站的后台管理部分,同时我目前还没有找到其他人会对此工具感兴趣的理由,因此这个工具就不公开了。Puxos因为采用了XML来保存数据,本身自然就是以树状存储的。所以可以套用文件系统的概念,自然要做UI的管理器的话,就会做成Windows Explorer那样。当然,我做的很简单...

ReformUI Spy

这次更新过程中顺便做了一个有用的小工具,ReformUI Spy。这个工具可以在网站的“创意与演示”板块找到。至于其用处,估计用过Microsoft Visual Studio中自带的Spy++的朋友应该可以猜到:用它可以察看当前Flash中任何MovieClip的信息!这个工具并非只能用于我的网站,任何AS2.0的Flash只要能够加载进此工具都可以工作。

 

 图:用ReformUI Spy 观察ReformScript窗口中TxtHolder组件的属性

 

图:鼠标拖动观察游标进行组件选取时的画面

不过因为Flash采用了sandbox的机制,不同域名下swf不能进行脚本级交互。所以想用这个工具做偷窥是不可能的了,不过用于自己作品的辅助调试应该还是大有帮助。另外,要偷窥我网站还是可以的:-)。

另一个好消息是这个工具是开源的,所以实现原理我就不说了,大家看代码。当然我相信肯定有Flash的高手已经知道这点用处。同时,为了将来开放ReformCore的考虑,这个工具的代码也可以作为ReformUI API使用的具体例子。

试用请点击:http://www.csksoft.net/index_mainsite.asp#SubView%3D4%26SubSection%3Dlab%26ViewPos%3D1%26ViewType%3D2%26UID%3Dmainsite.site_data.ID75

代码下载:http://www.csksoft.net/data/fla/reformSpy.rar

OpenReformCore

已经有不少朋友希望我公布网站全部或者部分的代码了。我也觉得有时候还是全部公布代码了比较好。毕竟如果能被其它人使用才是我工作价值的最好体现。不过考虑的下面的几个问题,我一直没有这么做:

  1. 网站自身安全性
  2. 坐享其成的使用或者盗用
  3. 本身的质量问题

对于网站自身安全性考虑应该比较好理解,尤其是后台部分。因为ReformCore还用来管理我个人信息,如果公布了代码可能会造成自身的安全隐患。我承认ReformCore安全性不好。同时,如果只公布前台,可能有些地方的代码就不好理解了。

对于第二个考虑,我想我有时也做的不好。毕竟国内盗版软件大家天天用、平时抄作业、专门有网站公布各类代码给大家直接拿去用于各类用途。大家似乎觉得这些已经没有什么了。我不介意有人用这个网站的代码拿去赚钱。如果真那样,那真是我最大的荣幸。不过我看不惯那种坐享其成式的挪用和盗用。挪用:直接将网站原封不动的用于自己作品,或者仅仅改动文字和图片。盗用:声称是自己的。说起盗用,我还记得有人真的拿我之前做的高手挑战说是自己做的。不过也说明有人认可这个...可能是我心胸狭窄吧,不过我想我们平时习以为常的这些举动真的应该吗?

好了,现在说说OpenReformCore。上面已经说明了我的态度,所以今后要公布代码,一个原则就是公布出去的代码不可能直接编译后就运行。同时后台部分可能会不公布。不过这个主要是我觉的不好意思拿出手。现在外面都采用ASP.net了,我这代码还是ASP 3.0。而根据大部分人的反应,我想他们最感兴趣的应该是ReformUI部分。因此这部分代码会最早的公布。不过既然要公布,也不是说随便打包给出链接那样简单。那样不但对别人不负责,也是对自己不负责。所以还需要作一些额外的事:写注释、例子、帮助。当然,还有版权申明(应该说是分发许可申明)。至于时间安排上,我想说得是尽量。

 

好了,我认为已经把这次改动部分值得介绍的部分写完了。总体来说,这次改动的着重点就是使得Site V2能够搞好的派上用处:发布和展示我作品的平台。希望这次改动能给浏览者带来较好的体验。同时,我又一次注意到自己不但不是学设计出生,也没有这方面天赋。既然ReformCore本质不是Site V2这个Flash网站,那么希望这次修改也能使我停止长达2年+这2个月的Flash制作中。希望今后不要再被人理解成我是专作Flash的了...

这次网站的改善也让我重新对我这个网站(www.csksoft.net)的用途有了新的理解。今后Site V2的主要职责对外将用于我作品的发布和展示,同时借助其RIA的特性,一些新的想法、需要多媒体借助的部分也将使用Site V2。而Blog将发布平时写的一些文章。包括会在各类不大不小论坛灌水的长篇大论或者平时的胡思乱想。有人觉得这2年Blog文章更新满了是啥啥的表现,其实这是不正常的。不过的确不能像以前想说什么说什么了...

  • quote 1.aTest
  • 其实我一直很喜欢重新发明轮子 ... ... 那样有种把握全局的感觉。
  • 2/3/2009 2:27:49 AM 回复该留言
  • quote 3.Justice
  • 为什么Loading还没结束就显示finished...之前也是这样的
  • 2/3/2009 7:32:44 PM 回复该留言
  • quote 4.csk
  • to 无霜:
    P4的机器的确会卡

    to Justice:
    理论上说,finished的确是finished了,不过画面淡出是非同步执行的,很难控制...
    无霜 于 2009-2-10 18:33:17 回复
    单位还是用这么烂的机器哦
    每天开Outlook要15分钟(重装过系统前要30分钟)
  • 2/10/2009 6:33:17 PM 回复该留言

发表评论:

注意:为了有效防止SPAM,任何含有http://字样的消息会被阻止发布同时,本站仅供技术交流,请不要讨论任何政治敏感话题或者低级趣味问题。

◎欢迎参与讨论,请在这里发表您的看法、交流您的观点。

日历

最新评论及回复

最近发表

Copyright Shikai Chen 2000-2012. Powered By Z-Blog(CSK Modified)