javascript 人物逼真行走,已完成
更新時間:2009年04月24日 01:30:06 作者:
然后請分析下程序,我出以下題目,供牛牛們練手(RPG游戲開發(fā) - 實戰(zhàn),不搞理論,著重程序?qū)崿F(xiàn)思路).
先欣賞,走兩步試試.
[Ctrl+A 全選 注:引入外部Js需再刷新一下頁面才能執(zhí)行]
然后請分析下程序,我出以下題目,供牛牛們練手(RPG游戲開發(fā) - 實戰(zhàn),不搞理論,著重程序?qū)崿F(xiàn)思路).
1:我的程序,你還能否再精簡?優(yōu)化/改編算法?提高效率?試試吧,不過不能說太容易..提示:我目前認為,判斷8個移動方向的程序,雖然效率可以,但IF ELSE的寫法真有點老套,我也在想新的思路來簡化這段程序,你若有,就漏兩手吧!
2:都想玩尋路是吧?哈哈,那么就請試試碰觸那個藍色方塊?注:假設(shè),將來出現(xiàn)的障礙,是隨機的,不是固定的..你碰到了比說任何藍色障礙,就停住,或說,饒過去....提醒你:關(guān)鍵是思路.
3:有個問題我也不知道,就是CSS的clip,我發(fā)現(xiàn)就是,雖然裁剪了一小塊,但其他被裁掉的部分,雖然看不見,但是,依然占用地方(原大小),比如,人物走到中間,卻因為空白的下半部分超出,就會有滾動條了,這個,能不能就硬性去掉裁剪掉的部分?不讓其影響滾動條?(別說BODY加上scroll=no就完事了,這個我可知道^-^)
4:誰有本事改成FF也能運行?注:我沒裝那玩意,哈哈,不過,我認為不太容易/可能很難改....
注:以上4點,你只需完成一點即可(就很牛),當然了,你4點都能/都想解決,那更牛B了,呵呵開個玩笑,反正隨便你^-^.
以下是新增的內(nèi)容:
1:采取了campaign的建議,使用其超級三元表達式,支持多行?能加注釋?堪比多個IF ELSE?真牛..使用了,剩了不少代碼.
2:借鑒了winter的思路,使用CSS的backgroundPosint方式代替了clip裁剪,簡便易用....一個DIV就搞定了,無需在包容一個IMG
3:參考了理論家hax的代碼,HTML代碼使用了兼容寫法,不過,JS程序沒瀏覽器測試,無法寫標準,呵呵..
4:自己,又實現(xiàn)了[鼠標按住],不停變換方向移動,你這次測試,可以單擊,可以一直按住鼠標左鍵不停移動...思路就是用一個計時器不停檢測,也占極少CPU,不知大家還有沒更好思路?還有,用了setCapture()這種鼠標鎖定.
5:自己,經(jīng)測,堵住了幾個異常漏洞(當值為0或NaN時,就說,應(yīng)該不會再出錯誤)
精簡/優(yōu)化后的程序:
[Ctrl+A 全選 注:引入外部Js需再刷新一下頁面才能執(zhí)行]
[Ctrl+A 全選 注:引入外部Js需再刷新一下頁面才能執(zhí)行]
然后請分析下程序,我出以下題目,供牛牛們練手(RPG游戲開發(fā) - 實戰(zhàn),不搞理論,著重程序?qū)崿F(xiàn)思路).
1:我的程序,你還能否再精簡?優(yōu)化/改編算法?提高效率?試試吧,不過不能說太容易..提示:我目前認為,判斷8個移動方向的程序,雖然效率可以,但IF ELSE的寫法真有點老套,我也在想新的思路來簡化這段程序,你若有,就漏兩手吧!
2:都想玩尋路是吧?哈哈,那么就請試試碰觸那個藍色方塊?注:假設(shè),將來出現(xiàn)的障礙,是隨機的,不是固定的..你碰到了比說任何藍色障礙,就停住,或說,饒過去....提醒你:關(guān)鍵是思路.
3:有個問題我也不知道,就是CSS的clip,我發(fā)現(xiàn)就是,雖然裁剪了一小塊,但其他被裁掉的部分,雖然看不見,但是,依然占用地方(原大小),比如,人物走到中間,卻因為空白的下半部分超出,就會有滾動條了,這個,能不能就硬性去掉裁剪掉的部分?不讓其影響滾動條?(別說BODY加上scroll=no就完事了,這個我可知道^-^)
4:誰有本事改成FF也能運行?注:我沒裝那玩意,哈哈,不過,我認為不太容易/可能很難改....
注:以上4點,你只需完成一點即可(就很牛),當然了,你4點都能/都想解決,那更牛B了,呵呵開個玩笑,反正隨便你^-^.
以下是新增的內(nèi)容:
1:采取了campaign的建議,使用其超級三元表達式,支持多行?能加注釋?堪比多個IF ELSE?真牛..使用了,剩了不少代碼.
2:借鑒了winter的思路,使用CSS的backgroundPosint方式代替了clip裁剪,簡便易用....一個DIV就搞定了,無需在包容一個IMG
3:參考了理論家hax的代碼,HTML代碼使用了兼容寫法,不過,JS程序沒瀏覽器測試,無法寫標準,呵呵..
4:自己,又實現(xiàn)了[鼠標按住],不停變換方向移動,你這次測試,可以單擊,可以一直按住鼠標左鍵不停移動...思路就是用一個計時器不停檢測,也占極少CPU,不知大家還有沒更好思路?還有,用了setCapture()這種鼠標鎖定.
5:自己,經(jīng)測,堵住了幾個異常漏洞(當值為0或NaN時,就說,應(yīng)該不會再出錯誤)
精簡/優(yōu)化后的程序:
[Ctrl+A 全選 注:引入外部Js需再刷新一下頁面才能執(zhí)行]

相關(guān)文章
十個開發(fā)人員面臨的最常見的JavaScript問題總結(jié)
今天,JavaScript?是幾乎所有現(xiàn)代?Web?應(yīng)用的核心。這就是為什么JavaScript問題,以及找到導(dǎo)致這些問題的錯誤,是?Web?發(fā)者的首要任務(wù)。本文總結(jié)了十個常見的問題及解決方法,需要的可以參考一下2022-11-11從數(shù)據(jù)結(jié)構(gòu)的角度分析 for each in 比 for in 快的多
今天仔細琢磨了會,從數(shù)據(jù)結(jié)構(gòu)的角度分析了下,覺得for in和for each in效率上有著本質(zhì)的區(qū)別,無論是JS還是AS2013-07-07JavaScript實現(xiàn)的簡單Tab點擊切換功能示例
這篇文章主要介紹了JavaScript實現(xiàn)的簡單Tab點擊切換功能,涉及JavaScript事件響應(yīng)及頁面元素屬性動態(tài)操作相關(guān)實現(xiàn)技巧,需要的朋友可以參考下2018-07-07利用原生JS與jQuery實現(xiàn)數(shù)字線性變化的動畫
最近在工作中遇到一個需要,需要將數(shù)字實現(xiàn)遞增的動態(tài)顯示,從網(wǎng)上找了相關(guān)的資料發(fā)現(xiàn)利用原生JS與jQuery都可以實現(xiàn),suoyi8下面這篇文章主要給大家介紹了利用原生JS與jQuery實現(xiàn)數(shù)字線性變化動畫的相關(guān)資料,需要的朋友可以參考下。2017-02-02javascript實現(xiàn)圖片跟隨鼠標移動效果的方法
這篇文章主要介紹了javascript實現(xiàn)圖片跟隨鼠標移動效果的方法,涉及javascript鼠標事件及頁面元素的相關(guān)操作技巧,需要的朋友可以參考下2015-05-05淺析JavaScript中l(wèi)et與const命令的區(qū)別
這篇文章主要為大家詳細介紹了JavaScript中l(wèi)et命令與const命令的用法及區(qū)別,文中的示例代碼講解詳細,具有一定的借鑒價值,需要的可以參考下2023-09-09