a亚洲精品_精品国产91乱码一区二区三区_亚洲精品在线免费观看视频_欧美日韩亚洲国产综合_久久久久久久久久久成人_在线区

首頁 > 辦公 > Flash > 正文

flash手寫輸入高級技巧

2020-07-17 13:15:19
字體:
供稿:網(wǎng)友
最近無聊就嘗試去試試,因為手寫輸入,難點就是根據(jù)數(shù)據(jù)生成筆畫這,可惜我是前端的,后臺數(shù)據(jù)不是太了解,所以就打算研究下現(xiàn)在網(wǎng)站上比較通用的flash手寫輸入。[大家不要問我,為什么不拿flash來做數(shù)據(jù)生成筆畫,如果是讓flash來做這個,光從效率上 筆畫拆解 筆畫匹對 字體篩選就決定了,尤其是第三點flash是不適合的]。

好了,言歸正傳,現(xiàn)在我就拿比較常見的http://hw.baidu.com/這個地址的手寫輸入來做參謀了

因為大家比較常見,所以我也不對這個多做介紹 

p.s 大家可以看見漢王 大大的Logo,對這個我比較有感情,以前做動畫的時候,還是學(xué)生時代,買不起影拓,所以攢錢買了漢王的繪圖板

因為我之前就分析了,flash是做表現(xiàn)層的,底層的肯定不是由flash來弄的,所以注定了它是有數(shù)據(jù)讀寫的,所以在好奇之心的驅(qū)動下,我開啟了我瀏覽器中的HttpWatch,然后就試著隨便寫寫,發(fā)現(xiàn)了swf真的post了數(shù)據(jù)給一個地址http://hw.baidu.com/ ,大家可以打開這個鏈接看看,網(wǎng)頁里就是 {"s":"","t":3}這幾個內(nèi)容,貌似和我們的手寫數(shù)據(jù)沒有任何關(guān)聯(lián),其實不是這樣的,因為我們單獨打開是沒有傳入任何參數(shù)進去的,所以給人錯覺了

所以現(xiàn)在我們根據(jù)httpWatch來分析下

大家注意紅色圈內(nèi)的內(nèi)容,很顯然有數(shù)據(jù)post到了之前那個地址,post的值為type=1,wd=一長串字符

好奇之下,接著寫點東西,結(jié)果如下圖

都一樣,只是wd的內(nèi)容更多了,前后兩次對比后,發(fā)現(xiàn)這次的內(nèi)容是上次內(nèi)容的遞加,這就說明了,這些數(shù)據(jù),就是和我們輸入筆畫有關(guān)聯(lián)的。

那這些到底和輸入內(nèi)容有何關(guān)系呢?

我們接著分析數(shù)據(jù),因為是和筆畫有關(guān)系的,而我之前是隨便亂寫的,不好分析數(shù)據(jù),所以這次我們嘗試有規(guī)律的寫寫,很簡單,橫豎就是我們所要做的

橫的效果

發(fā)現(xiàn)wd=5a6a8a6a11a6a14a6a17a6a20a6a23a6a24a6貌似有點規(guī)律,很顯然根據(jù)坐標(x,y)來分析下(5,6);(8,6);(11,6);(14,6)......后面依次類推了

發(fā)現(xiàn)這個規(guī)律和我們的一橫的筆畫很貼切,Y值不變,X值遞加,而且遞加的也很有規(guī)律間隔為3

為了驗證我們的規(guī)律

再看看豎的效果

wd=15a14a15a17a16a19a16a22a16a25a16a28a17a30a17a33a17a36a17a39a17a42a19a45a

18a48a18a51a19a53a20a55a20a57繼續(xù)套用(x,y)   ->(15,14);(15,17);(16,19);(16,22)...

發(fā)現(xiàn)這個規(guī)律大致也成立,之余那個16和15的差別,大家可以看看我的線條,不是筆直的,所以可以將它們近似認為是直線吧,我們只是根據(jù)特殊情況來找規(guī)律,間隔也近似看作3

從上面兩種情況我們可以理解為wd就是我們操作后的坐標數(shù)據(jù),每個數(shù)據(jù)都是用a來隔開,為什么用a?我想是除了數(shù)值一外,a是比較通用的符號,畢竟在字母序列表里排第一 間隔為3,又是為什么?因為大家都知道兩點構(gòu)成一線,如果再多一個點,就可以判斷出這3個點構(gòu)成的線的走勢是直線還是折線,也就是我們所理解的筆畫了,這個是極限情況下特殊情況,你也可以理解在flash操作里,mouseDown mouseMove mouseUp

這3個情況下的,所輸出的極限數(shù)據(jù),即最少的數(shù)據(jù)。

數(shù)據(jù)分析完畢了,剩下的工作就是我們在flash中去構(gòu)建我們的邏輯,去實現(xiàn)了
因為時間比較晚了。。寫教程真的耗時間

所以我就先放源文件和效果,因為代碼比較簡單,也沒有去優(yōu)化了

代碼是為了湊成合格的數(shù)據(jù)而弄的,所以有點點亂,因為時間關(guān)系。。沒有去細化,有問題明天再繼續(xù)

代碼

var pointTotalArr :Array   = [];
var pointArr      :Array;
var sp       :Sprite       = new Sprite();
var lineSp:Sprite;
addChild(sp);
function onLoaded(event:Event):void {
    var str:String = event.target.data;
    var tempStr:String = str.slice(6,str.length-8);
    var arr:Array  = tempStr.split("//u");
    txt.text         ="";
    for (var i:uint = 1; i<arr.length; i++) {
        //trace(String.fromCharCode(Number("0x"+arr[i])));
        txt.appendText(String.fromCharCode(Number("0x"+arr[i]))+" ")
    }
}
writeHotArea.addEventListener(MouseEvent.MOUSE_DOWN,onStageMouseDown);
function onStageMouseDown(event:MouseEvent):void {
    lineSp = new Sprite();
    lineSp.graphics.clear();
    lineSp.graphics.lineStyle(2);
    lineSp.graphics.moveTo(mouseX,mouseY);
    writeHotArea.addEventListener(MouseEvent.MOUSE_MOVE,onStageMouseMove);
    pointArr = [];
    pointArr.push(new Point(mouseX,mouseY));
    pointTotalArr.push(pointArr);
    sp.addChild(lineSp);
    stage.addEventListener(MouseEvent.MOUSE_UP,onStageMouseUP);
}
function onStageMouseUP(event:MouseEvent):void {
    writeHotArea.removeEventListener(MouseEvent.MOUSE_MOVE,onStageMouseMove);
    stage.removeEventListener(MouseEvent.MOUSE_UP,onStageMouseUP);
    var sendStr:String = "";
    for (var j:uint = 0; j<pointTotalArr.length; j++) {
        if (j!=0) {
            sendStr+="a";
        }
        for (var i:uint = 0; i<pointTotalArr[j].length; i+=3) {
            sendStr+=pointTotalArr[j][i].x +"a"+pointTotalArr[j][i].y;
            if(i<(pointTotalArr[j].length-3))sendStr+="a"
        }
    }
    var urlLoader:URLLoader    = new URLLoader();
    urlLoader.dataFormat       = URLLoaderDataFormat.TEXT;
    var request:URLRequest     = new URLRequest("http://hw.baidu.com/");
    request.method             = "post";
    var urlLV    :URLVariables = new URLVariables();
    urlLV.wd                   = sendStr;
    urlLV.type                 = 1;
    request.data = urlLV;
    urlLoader.load(request);
    urlLoader.addEventListener(Event.COMPLETE,onLoaded);
}
function onStageMouseMove(event:MouseEvent):void {
    lineSp.graphics.lineTo(mouseX,mouseY);
    pointArr.push(new Point(mouseX,mouseY));
    event.updateAfterEvent();
}
reWriteBtn.addEventListener(MouseEvent.CLICK,onClick);
function onClick(event:MouseEvent):void{
    pointTotalArr = [];
    txt.text         ="";
    while(sp.numChildren>0) sp.removeChildAt(0);
}

發(fā)表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發(fā)表
主站蜘蛛池模板: 亚洲视频在线观看一区二区三区 | 日韩精品一区二区三区 | 日本中文字幕第一页 | 一本大道久久a久久精二百 羞羞视频在线观免费观看 国产第一区在线观看 | 四虎影音| 国产精品久久久久久亚洲调教 | 中文字幕一区二区三区免费视频 | 国产99久久久久久免费看农村 | 亚洲中字幕 | 在线 丝袜 欧美 日韩 制服 | av免费网站在线观看 | 又黄又爽的网站 | 国产欧美精品一区二区三区四区 | 中文字幕一区二区三区四区五区 | 日韩快播电影网 | 日本在线看 | 午夜免费一区二区播放 | 国产精品自产拍在线观看桃花 | 综合中文字幕 | 色老头av | 久久精品1 | 精品国产91乱码一区二区三区 | 青青草视频播放 | 欧美a一区 | 久久久精品国产 | 男女看片黄全部免费 | 一区二区中文字幕 | 久久国产精品久久精品 | 精品九九久久 | 99精品一区 | 国产毛片aaa | 国产精品久久久久久久免费大片 | 日韩电影一区 | 亚洲国产精品视频 | 国产毛片精品 | 夜夜爽99久久国产综合精品女不卡 | 爱啪视频 | 欧美精品一区二区三区在线四季 | 成人在线小视频 | 国产超碰人人爽人人做人人爱 | 亚洲精品乱码久久久久久按摩观 |