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

相關(guān)文章
十個(gè)開(kāi)發(fā)人員面臨的最常見(jiàn)的JavaScript問(wèn)題總結(jié)
今天,JavaScript?是幾乎所有現(xiàn)代?Web?應(yīng)用的核心。這就是為什么JavaScript問(wèn)題,以及找到導(dǎo)致這些問(wèn)題的錯(cuò)誤,是?Web?發(fā)者的首要任務(wù)。本文總結(jié)了十個(gè)常見(jiàn)的問(wèn)題及解決方法,需要的可以參考一下2022-11-11從數(shù)據(jù)結(jié)構(gòu)的角度分析 for each in 比 for in 快的多
今天仔細(xì)琢磨了會(huì),從數(shù)據(jù)結(jié)構(gòu)的角度分析了下,覺(jué)得for in和for each in效率上有著本質(zhì)的區(qū)別,無(wú)論是JS還是AS2013-07-07JavaScript實(shí)現(xiàn)的簡(jiǎn)單Tab點(diǎn)擊切換功能示例
這篇文章主要介紹了JavaScript實(shí)現(xiàn)的簡(jiǎn)單Tab點(diǎn)擊切換功能,涉及JavaScript事件響應(yīng)及頁(yè)面元素屬性動(dòng)態(tài)操作相關(guān)實(shí)現(xiàn)技巧,需要的朋友可以參考下2018-07-07利用原生JS與jQuery實(shí)現(xiàn)數(shù)字線性變化的動(dòng)畫
最近在工作中遇到一個(gè)需要,需要將數(shù)字實(shí)現(xiàn)遞增的動(dòng)態(tài)顯示,從網(wǎng)上找了相關(guān)的資料發(fā)現(xiàn)利用原生JS與jQuery都可以實(shí)現(xiàn),suoyi8下面這篇文章主要給大家介紹了利用原生JS與jQuery實(shí)現(xiàn)數(shù)字線性變化動(dòng)畫的相關(guān)資料,需要的朋友可以參考下。2017-02-0210行代碼實(shí)現(xiàn)微信小程序滑動(dòng)tab切換
這篇文章主要為大家詳細(xì)介紹了10行代碼實(shí)現(xiàn)微信小程序滑動(dòng)tab切換效果,具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2018-12-12javascript實(shí)現(xiàn)圖片跟隨鼠標(biāo)移動(dòng)效果的方法
這篇文章主要介紹了javascript實(shí)現(xiàn)圖片跟隨鼠標(biāo)移動(dòng)效果的方法,涉及javascript鼠標(biāo)事件及頁(yè)面元素的相關(guān)操作技巧,需要的朋友可以參考下2015-05-05js實(shí)現(xiàn)的標(biāo)題欄新消息閃爍提示效果
這篇文章主要介紹了js實(shí)現(xiàn)的標(biāo)題欄新消息閃爍提示效果,一些大型網(wǎng)站也會(huì)經(jīng)常用到這個(gè)效果,需要的朋友可以參考下2014-06-06js 客戶端打印html 并且去掉頁(yè)眉、頁(yè)腳的實(shí)例
下面小編就為大家?guī)?lái)一篇js 客戶端打印html 并且去掉頁(yè)眉、頁(yè)腳的實(shí)例。小編覺(jué)得挺不錯(cuò)的,現(xiàn)在就分享給大家,也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2017-11-11淺析JavaScript中l(wèi)et與const命令的區(qū)別
這篇文章主要為大家詳細(xì)介紹了JavaScript中l(wèi)et命令與const命令的用法及區(qū)別,文中的示例代碼講解詳細(xì),具有一定的借鑒價(jià)值,需要的可以參考下2023-09-09