aw's blog 姿态永恒 » 关于JSFL的文章

IDE 2 ActionScript 初想

aw — Mon, 11 Sep 2006 21:39:45 +0000

这个IDE 2 AS主要是希望能很方便地利用FlashIDE本身的优势。尤其是在处理文本方面。相比TextField类的createTextField方法，IDE实在是太方便。然而IDE开发的轻量组件又不及AS动态生成来的灵活。于是考虑做这么一个“苦差事”，造福大家~

用的flash8的JSFLAPI，因为8的API和2k4相比更加健全。还没有做XML-UI。
先记录下来，慢慢改善吧。也希望大家多提意见。

function convert2AS(obj)
{
  var nn = obj.name;
  var ww = Math.round(obj.width);
  var hh = Math.round(obj.height);
  var xx = Math.round(obj.left);
  var yy = Math.round(obj.top);
  var tt = obj.textType;
  fl.trace("initInputText(\""+nn+"\","+xx+","+yy+","+ww+","+hh+");");
  //这里的initInputText是一个生成TextField的函数，姑且理解为createTextField…
}

/*
以下列出的是舞台text对象所具有的一些属性，我们可以读取，并产

生AS代码。上面用到的就是最简单最基本的top、left、width、height
elementType is: text
textType is: dynamic
border is: false
embedRanges is:
embeddedCharacters is:
autoExpand is: false
length is: 0
lineType is: single line
maxCharacters is: 0
orientation is: horizontal
renderAsHTML is: false
scrollable is: false
selectable is: true
selectionStart is: 0
selectionEnd is: 0
textRuns is: [object TextRun]
useDeviceFonts is: false
variableName is:
accName is: undefined
description is:
shortcut is: undefined
tabIndex is: 0
silent is: false
fontRenderingMode is: bitmap
antiAliasThickness is: 0
antiAliasSharpness is: 0
name is:
left is: 18
top is: 8.95
width is: 131
height is: 48
locked is: false
matrix is: [object Object]
depth is: 0
layer is: [object Layer]
selected is: true

*/
[/code]

13条评论, 立即发言 | 本文关键词: IDE, IDE2AS, JSFL

©aw's blog 姿态永恒 1984-2006 | 链接地址 - http://www.awflasher.com/blog/archives/660

@awguo （新浪微博） | @awguo （腾讯微博） | Twitter: @awguo

我发现我确实有点完美主义

aw — Mon, 11 Sep 2006 18:22:56 +0000

要写一篇汇报文档。关于公司Web产品规划以及具体流程方法论的。文档快完工时，发现要引用到Alexa数据图作为分析将更好。于是便想自己开发一个可以动态获得多个网站的Alexa比较图的小应用。在使用Flash的时候，发现V2组建特别笨重，TextInput居然占了25k。于是向换回普通的TextField。无奈又发现一个一个去create比较完美。于是考虑写一个类。但是现有的UI又想利用好，于是考虑做一个IDE2AS的东西，即：把舞台上的东西转化为AS代码，这样的话，我们更加可以利用IDE的优势了。

于是就开始转看JSFL的document。
于是我今天下午成果丰硕，稍后将公布这些有用的小玩意^_^

此外，非常感谢一个朋友这几个月暂时提供我服务器，其间必然给他们造成诸多麻烦，长期下去必然影响到他们自己的网站和相关服务。这里希望有意提供服务器的商家或者朋友与我联系。出去缴纳费用以外，也可以帮助您推广您的其他网络业务。本站PR=5，Alexa也稳定在7w左右（还在上升）。本站是基于ASP+Access的。

3条评论, 立即发言 | 本文关键词: JSFL, 小玩意, 网络空间

©aw's blog 姿态永恒 1984-2006 | 链接地址 - http://www.awflasher.com/blog/archives/659

@awguo （新浪微博） | @awguo （腾讯微博） | Twitter: @awguo

[遐想]JSFL -> JSFW 猜想下一代Studio[with Adobe]

aw — Sat, 10 Sep 2005 14:18:30 +0000

JSFL的出现已经揭开了FlashExtendWorks其神秘的面纱。然而FW中也对应有JSF（W）。

JSFW的Document我暂时没有去查，不过估计会在MM找到详细的介绍。

只是猜想，MM的下一个产品中，FW会不会被PS吃掉。我用PS用的不多，不知道PS又没有JSPS之类的东西，如果没有，我觉得FW是不可能被替代的，至少会把JSFW引进过来。即使是设计类软件（请允许我职责有一部分水平还相当不错的设计师，实在是太忽略效率问题了），有一个API接口也是相当愉悦的一件事情。

·关于FW的文章

1条评论, 立即发言 | 本文关键词: Fireworks, JSFL, Macromedia

©aw's blog 姿态永恒 1984-2005 | 链接地址 - http://www.awflasher.com/blog/archives/367

@awguo （新浪微博） | @awguo （腾讯微博） | Twitter: @awguo

[原创]白云Banner

aw — Thu, 01 Sep 2005 17:39:31 +0000

摆弄时间轴都有点生疏了。

近日结合原来的JSFL把时间轴梯度调度完善了一下，顺便做了一个欠了好久的banner。

480X70|25FPS|36K

单击显示

attachments/200509/01_173741_banner.swf

这个JSFL并未准备发布成MXP，原因不便公述，望大家理解。

3条评论, 立即发言 | 本文关键词: Flash, JSFL, 原创, 白云

©aw's blog 姿态永恒 1984-2005 | 链接地址 - http://www.awflasher.com/blog/archives/353

@awguo （新浪微博） | @awguo （腾讯微博） | Twitter: @awguo

[原创]superBreak插件制作完成+心得更新

aw — Wed, 27 Apr 2005 20:42:39 +0000

其实JSFL也不是很难。连我这种编程不怎么样的人都能轻松制作插件了……呵呵。

顺便介绍一下Dengjie's关于MXP的文章，非常好Macromedia 插件与插件管理器 ，来自蓝色理想。

封装时候要通过MXI，这里，再一次看到XML格式的魅力。发现XML真的能办很多事情。
PS：个人觉得file标签里面的destination 最好用相对路径，有时候莫名其秒的不识别非file:///协议
下面给出官方的PDF打包下载，详细描述了每一个标记的内容。
下载 Adobe-Macromedia-MXI格式标准

PS，特别感谢南京大学的大牛Xfy的关于XMLUI的文章。

目前存在一个极为BT的bug：只能在_root时间轴下面使用这个命令。一旦在symbol中，就会不正常，头痛ing……没有任何错误啊！
欢迎各位一同讨论这个问题……

从trace边界，到选择，到conver，都没有任何错误：（
[down=attachments/month_0504/63u9_superBreak.rar]点击下载MXP文件[/down]
源文件如下：
JSFL文件

引用自

////////////////////////////////////////
// Initialization the Variables //

// superBreak by awflasher.com v0.1 //
////////////////////////////////////////
//—————————————————–
/* Useage:
1 – Select your vector graphics
2 – change the JSFL parameters – eg, "_run(10,4)"
that stands for the break-apart-method is 10(subSymbols)X4(subSymbols)
2 – Run the JSFL file(From commands menu
3 – wait and get your breaked parts
—>let's go ^__^
*/
// (clear the "//" to run this JSFL .
//_run (3, 5)
//—————————————————–
//————-Functions——————————-
var _doc = fl.getDocumentDOM ()
var getRect = _doc.getSelectionRect ();
var xui = _doc.xmlPanel (fl.configURI + "Commands/superBreak.xml");
if (xui)
{
  xp = xui.xp;
  yp = xui.yp;
  seedName = xui.seedName
  _run (xp, yp);
}
///////////////////////////////////////
// END of Init //
///////////////////////////////////////
////**********Functions**********/////
function pickUpTheSelectedRect (xp, yp)
{
  ///////////////////////////
  // Get the initSelection //
  ///////////////////////////
  _left = getRect.left
  _top = getRect.top
  _right = getRect.right
  _bottom = getRect.bottom;
  __width = _right – _left;
  __height = _bottom – _top;
  __ws = __width / xp;
  __hs = __height / yp;
} //End of pickUpTheSelectedRect
function _run (xp, yp)
{
  pickUpTheSelectedRect (xp, yp);
  for (i = 0; i < xp; i ++)
  {
    for (j = 0; j < yp; j ++)
    {
      fl.trace("ws="+__ws);
      fl.trace("hs="+__hs);
      _l=_left + i * __ws;
      _t=_top + j * __hs;
      _r=_left + (i + 1) * __ws;
      _b=_top + (j + 1) * __hs;
      fl.trace("_l"+_l)
      fl.trace("_t"+_t)
      fl.trace("_r"+_r)
      fl.trace("_b"+_b)
      _doc.setSelectionRect({left:_l, top:_t, right:_r, bottom:_b});
   if (_doc.getSelectionRect () != 0)
     {
        _doc.convertToSymbol ("graphic", seedName + i + "_" + j, "top left");
     }
    }
  }
}[/quote]相关的XML文件：

引用自

usage:

1 ->
Choose your want-to-break graphic (not a symbol ,but a ungroupped graphic)

2 ->
FlashMX2k4->Commands->"=aw=superBreak"

3 ->
Input a seed for the duplicated-parts' prefix.
Input the pieces you want to break the graphic into.

4 ->
Just wating^__^ ….

Anyquestion , contact : awflasher@126.com
or visit:
http://www.awflasher.com

4条评论, 立即发言 | 本文关键词: Flash, JSFL, 原创, 插件, 教程

©aw's blog 姿态永恒 1984-2005 | 链接地址 - http://www.awflasher.com/blog/archives/215

@awguo （新浪微博） | @awguo （腾讯微博） | Twitter: @awguo

[原创]JSFL中比较有用的几个方法

aw — Sat, 23 Apr 2005 17:52:43 +0000

JSFL中比较有用的几个方法。
陆续整理ing

通过fl对象获取当前fla实例。
通过fla实例下的几个对象获取 timeline，layer等IDE结构

fl.getDocumentDOM()
这样可以获得当前的fla实例，对于同时打开的多个FLA，可以用数组的方式制定获取特定的fla实例，比如

fl.getDocumentDOM()[x]

进一步，得到了document对象，就可以通过在IDE中大展宏图了。

几个重要的方法：

document.addNewLine()
document.addNewRectangle()
document.addNewOval()
document.addNewText()
document.breakApart()
………

然后是timeline,layer,frame对象

建议大家采用如下“开局”模式：
myDoc = fl.getDocumentDOM();
myTimeline = myDoc.getTimeline()
然后去拓展 layers, frame 对象

结构如下：
var frameSpan = fl.getDocumentDOM().getTimeline().layers[0].frames[0].duration
简记为：
var frameSpan = myTimeline.layers[0].frames[0]
或者对layer再进行取值，使之更简。

具体操作的时候，遇到一些问题，现整理如下：

人为选择的多层，jsfl只能判对你鼠标拖拽结束的那个层，比如，你从第一层选中不放往下拖拽，到第30层停止，和你从第30层开始，选到第一层，是不一样的。jsfl分别认为你选中的是第30层和第一层。
frames的选择则不同，frames部分前后，可以任意选择，都返回一个起始frame和一个结束frame。

其他的继续补充ing

这里多说一句，JSFL的方法还有很多，大家可以自己看帮助文档。本来考虑翻译，后发发现很多地方都提供了，就觉得自己没必要再做重复劳动了，不懂之处可以拿出来一起讨论。

1条评论, 立即发言 | 本文关键词: Flash, JSFL, 原创, 教程

©aw's blog 姿态永恒 1984-2005 | 链接地址 - http://www.awflasher.com/blog/archives/213

@awguo （新浪微博） | @awguo （腾讯微博） | Twitter: @awguo

[原创]bitmap in Flash != perfect

aw — Sat, 23 Apr 2005 15:42:15 +0000

这几天一直为JSFL提供的便利而兴奋。

可是却遇到了一个非常恼火的问题。在Flash里面，bitmap一旦被breakApart。那么就不听话了。

不用多说，大家看看这个RAR，一目了然：http://www.awflasher.com/mxbug.rar

当然，希望Adobe能助Flash一臂之力，那样也能让我们这帮MM的簇拥者们更舒坦的接受收购（详情可点击）的事实：）

6条评论, 立即发言 | 本文关键词: Flash, JSFL, 原创

©aw's blog 姿态永恒 1984-2005 | 链接地址 - http://www.awflasher.com/blog/archives/210

@awguo （新浪微博） | @awguo （腾讯微博） | Twitter: @awguo

[原创]JSFL-BreakApart-请高手批评

aw — Sat, 23 Apr 2005 14:35:44 +0000

这个JSFL主要是为了做一些破碎特效的时候把一个图形打散到一些小元件。我这里这个JSFL可以把一个矢量图打散到（NXM）小元件，那么得到这些小元件，可以作进一步的处理，尤其是梯度效果。
·什么是破碎梯度效果：点击这里。

JSFL代码如下：

引用自

////////////////////////////////////////
// Initialization the Variables //
// superBreak by awflasher.com v0.1 //
////////////////////////////////////////
//—————————————————–
/* Useage:
1 – Select your vector graphics
2 – change the JSFL parameters – eg, "_run(10,4)"
that stands for the break-apart-method is 10(subSymbols)X4(subSymbols)
2 – Run the JSFL file(From commands menu
3 – wait and get your breaked parts
—>let's go ^__^
*/

// (clear the "//" to run this JSFL . _run (12, 8)
//—————————————————–

//————-Functions——————————-
var _doc = fl.getDocumentDOM ()
var getRect = _doc.getSelectionRect ();
///////////////////////////////////////
// END of Init //
///////////////////////////////////////
//_run ();
////**********Functions**********/////
function pickUpTheSelectedRect (xp, yp)
{
  ///////////////////////////
  // Get the initSelection //
  ///////////////////////////
  _left = getRect.left
  _top = getRect.top
  _right = getRect.right
  _bottom = getRect.bottom;
  __width = _right – _left;
  __height = _bottom – _top;
  __ws = __width / xp;
  __hs = __height / yp;
} //End of pickUpTheSelectedRect
function gridSelection (smallRectX0, smallRectY0, smallRectX1, smallRectY1)
{
  _doc.setSelectionRect (
  {
    left : smallRectX0, top : smallRectY0, right : smallRectX1, bottom : smallRectY1
  }, true);
} //End of gridSelection
function distributionToGrid (xp, yp)
{
  pickUpTheSelectedRect (xp, yp);
  for (i = 0; i < xp; i ++)
  {
    for (j = 0; j < yp; j ++)
    {
      gridSelection (_left + i * __ws, _top + j * __hs, _left + (i + 1) * __ws, _top + (j + 1) * __hs);
      if (_doc.getSelectionRect () != 0)
      {
        _doc.convertToSymbol ("graphic", "aw4" + i + "_" + j, "top left");
      }
    }
  }
}
function _run (xp, xp)
{
  //getTheSelection
  distributionToGrid (xp, xp);
}[/quote]

3条评论, 立即发言 | 本文关键词: JSFL, 代码, 原创

©aw's blog 姿态永恒 1984-2005 | 链接地址 - http://www.awflasher.com/blog/archives/209

@awguo （新浪微博） | @awguo （腾讯微博） | Twitter: @awguo

JSFL Documents onLine

aw — Thu, 21 Apr 2005 18:33:24 +0000

http://livedocs.macromedia.com/flash/mx2004/main_7_2/wwhelp/wwhimpl/js/html/wwhelp.htm?href=Part_JSAPI.html

PS：现在上MMdotCOM都有点不自然了：（
看到漂亮的pages才安心下来。真希望Adobe不要抛弃咱们，hoho：）

暂无评论, 立即发言 | 本文关键词: JSFL

©aw's blog 姿态永恒 1984-2005 | 链接地址 - http://www.awflasher.com/blog/archives/201

@awguo （新浪微博） | @awguo （腾讯微博） | Twitter: @awguo

[原创]为MM做的Flash

aw — Tue, 19 Apr 2005 13:46:09 +0000

给MM做了一个效果。

单击显示

attachments/month_0504/fc5i_mm1.swf

今天在byhh发的贴上了top10。没想到居然有人说我是在炫耀。

懒得跟那人一般见识。继续“炫耀”吧！当然，有点IQ的人都知道我是在炫耀MM的大智慧，而非个人的挫作。

4条评论, 立即发言 | 本文关键词: JSFL

@awguo （新浪微博） | @awguo （腾讯微博） | Twitter: @awguo

JSFL’ documents

aw — Sun, 17 Apr 2005 23:28:42 +0000

转载请保留：http://www.awflasher.com/blog/archives/190

Flash8 的 JSFL很多地方都改变了。
随便记录在这里。估计一时也没什么人会翻到这片日志。
除非，你是搜索到这里的，呵呵，想了解JSFL的知识？可以联系我awflasher at gmail dot com

==言归正传

JSFL中的DOM思想算是核心了。

一些基本的操作：

建立一个新的层
核心语法：

timeline.addNewLayer($[$name$]$ $[$, layerType $[$, bAddAbove$]$$]$)

其中三个参数分别代表层名、层类别、是否向上建立
类别可接受的类别参数normal, guide, guided, mask, masked, folder

var getDoc = fl.getDocumentDOM();
var getCurrentTimeline = getDoc.getTimeline();
getCurrentTimeline.addNewLayer("Normal", "Normal", true);

获取所选的帧
核心语法

timeline.getSelectedFrames();

无参数，获得当前选择的帧。

返回一个数组，该数组包含3N个整数，N代表选择区域。
每组中，第一个整数代表当前层的索引；第二、第三个整数分别代表起始帧和结束帧索引。
值得一提的是，前面提到的结束帧并不在所选区域内。
提示：当选择区域多于同一时间轴，或者在同一时间轴上不连续时，N就会大于1。

附：Adobe官方的例子：http://www.adobe.com/devnet/flash/articles/invisible_button.html

暂无评论, 立即发言 | 本文关键词: JSFL

@awguo （新浪微博） | @awguo （腾讯微博） | Twitter: @awguo

[原创]JSFL ? SwishMax

aw — Sat, 16 Apr 2005 21:24:46 +0000

别的不多说，先看效果，大家猜猜这个做了多久。：

单击显示

attachments/month_0504/41s8_test.swf

2分钟不到。包括新建fla文件。你一定会怀疑我的分层延时怎么做的。的确，这种体力活以前把人做死，不过借助jsfl，这就变成纯粹的java脑力活了。

这是一场革命。

至少对我而言。

JSFL太神奇了。

下面这段代码：

var doc = fl.getDocumentDOM ()
var timeline = doc.getTimeline ()
var layerArray = fl.getDocumentDOM ().getTimeline ().getSelectedLayers ();
for (var i = 1; i <= layerArray.length; i ++)

{
timeline.setSelectedLayers(i)
timeline.insertFrames(i, false,0);
}[/code]将会给我的Flash设计生涯带来变化

MM的大智慧实在是难以用语言形容！

那么这段代码的具体用处何在呢。
doc，返回目前的fla文档实例。
timeline，返回文档实例的时间轴。
layerArray，得到设计者选择的层。
for循环负责分配间隔梯度。

用法：上面那段代码另存到*.jsfl，然后打开你的flasMX04
选择好你的Layer然后Commands->Run command...
选择这个jsfl

OK：）
PS：swf文件是大了点，但是，正面回避了as的粒子特效，对于做avi、gif这种输出是否有好处呢：）
此外延续了矢量特征。

暂无评论, 立即发言 | 本文关键词: JSFL, Swish, SwishMax, 特效

@awguo （新浪微博） | @awguo （腾讯微博） | Twitter: @awguo