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)化/改編算法?提高效率?試試吧,不過不能說太容易..提示:我目前認(rèn)為,判斷8個移動方向的程序,雖然效率可以,但I(xiàn)F ELSE的寫法真有點(diǎn)老套,我也在想新的思路來簡化這段程序,你若有,就漏兩手吧!
2:都想玩尋路是吧?哈哈,那么就請試試碰觸那個藍(lán)色方塊?注:假設(shè),將來出現(xiàn)的障礙,是隨機(jī)的,不是固定的..你碰到了比說任何藍(lán)色障礙,就停住,或說,饒過去....提醒你:關(guān)鍵是思路.
3:有個問題我也不知道,就是CSS的clip,我發(fā)現(xiàn)就是,雖然裁剪了一小塊,但其他被裁掉的部分,雖然看不見,但是,依然占用地方(原大小),比如,人物走到中間,卻因為空白的下半部分超出,就會有滾動條了,這個,能不能就硬性去掉裁剪掉的部分?不讓其影響滾動條?(別說BODY加上scroll=no就完事了,這個我可知道^-^)
4:誰有本事改成FF也能運(yùn)行?注:我沒裝那玩意,哈哈,不過,我認(rèn)為不太容易/可能很難改....
注:以上4點(diǎn),你只需完成一點(diǎn)即可(就很牛),當(dāng)然了,你4點(diǎn)都能/都想解決,那更牛B了,呵呵開個玩笑,反正隨便你^-^.
以下是新增的內(nèi)容:
1:采取了campaign的建議,使用其超級三元表達(dá)式,支持多行?能加注釋?堪比多個IF ELSE?真牛..使用了,剩了不少代碼.
2:借鑒了winter的思路,使用CSS的backgroundPosint方式代替了clip裁剪,簡便易用....一個DIV就搞定了,無需在包容一個IMG
3:參考了理論家hax的代碼,HTML代碼使用了兼容寫法,不過,JS程序沒瀏覽器測試,無法寫標(biāo)準(zhǔn),呵呵..
4:自己,又實現(xiàn)了[鼠標(biāo)按住],不停變換方向移動,你這次測試,可以單擊,可以一直按住鼠標(biāo)左鍵不停移動...思路就是用一個計時器不停檢測,也占極少CPU,不知大家還有沒更好思路?還有,用了setCapture()這種鼠標(biāo)鎖定.
5:自己,經(jīng)測,堵住了幾個異常漏洞(當(dā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)化/改編算法?提高效率?試試吧,不過不能說太容易..提示:我目前認(rèn)為,判斷8個移動方向的程序,雖然效率可以,但I(xiàn)F ELSE的寫法真有點(diǎn)老套,我也在想新的思路來簡化這段程序,你若有,就漏兩手吧!
2:都想玩尋路是吧?哈哈,那么就請試試碰觸那個藍(lán)色方塊?注:假設(shè),將來出現(xiàn)的障礙,是隨機(jī)的,不是固定的..你碰到了比說任何藍(lán)色障礙,就停住,或說,饒過去....提醒你:關(guān)鍵是思路.
3:有個問題我也不知道,就是CSS的clip,我發(fā)現(xiàn)就是,雖然裁剪了一小塊,但其他被裁掉的部分,雖然看不見,但是,依然占用地方(原大小),比如,人物走到中間,卻因為空白的下半部分超出,就會有滾動條了,這個,能不能就硬性去掉裁剪掉的部分?不讓其影響滾動條?(別說BODY加上scroll=no就完事了,這個我可知道^-^)
4:誰有本事改成FF也能運(yùn)行?注:我沒裝那玩意,哈哈,不過,我認(rèn)為不太容易/可能很難改....
注:以上4點(diǎn),你只需完成一點(diǎn)即可(就很牛),當(dāng)然了,你4點(diǎn)都能/都想解決,那更牛B了,呵呵開個玩笑,反正隨便你^-^.
以下是新增的內(nèi)容:
1:采取了campaign的建議,使用其超級三元表達(dá)式,支持多行?能加注釋?堪比多個IF ELSE?真牛..使用了,剩了不少代碼.
2:借鑒了winter的思路,使用CSS的backgroundPosint方式代替了clip裁剪,簡便易用....一個DIV就搞定了,無需在包容一個IMG
3:參考了理論家hax的代碼,HTML代碼使用了兼容寫法,不過,JS程序沒瀏覽器測試,無法寫標(biāo)準(zhǔn),呵呵..
4:自己,又實現(xiàn)了[鼠標(biāo)按住],不停變換方向移動,你這次測試,可以單擊,可以一直按住鼠標(biāo)左鍵不停移動...思路就是用一個計時器不停檢測,也占極少CPU,不知大家還有沒更好思路?還有,用了setCapture()這種鼠標(biāo)鎖定.
5:自己,經(jīng)測,堵住了幾個異常漏洞(當(dāng)值為0或NaN時,就說,應(yīng)該不會再出錯誤)
精簡/優(yōu)化后的程序:
[Ctrl+A 全選 注:引入外部Js需再刷新一下頁面才能執(zhí)行]
相關(guān)文章
本文主要介紹了js放到head中有時候會失效的原因以及解決方法，具有很好的參考價值。下面跟著小編一起來看下吧2017-03-03
JS踩坑實戰(zhàn)之19位數(shù)Number型精度丟失問題詳析
前幾天測試接口功能的時候,發(fā)現(xiàn)了一個奇怪的問題,下面這篇文章主要給大家介紹了關(guān)于JS?Number型精度丟失問題的相關(guān)資料,文中通過實例代碼介紹的非常詳細(xì),需要的朋友可以參考下2022-10-10
這篇文章給大家介紹了在echarts中如何在柱狀圖上方顯示文字,文中給出了完整的示例代碼,對大家的學(xué)習(xí)或工作有一定的幫助,需要的朋友可以參考下2024-01-01
干前端這行當(dāng)已經(jīng)超過一個月了, 每天都會遇到新奇古怪, 甚至離奇的問題. 雖然絕大部分都是一些小問題, 但我覺得還是有必要記錄下來2011-05-05
element?table?點(diǎn)擊某一行中按鈕加載功能實現(xiàn)
在Element UI中,實現(xiàn)表格（element-table）中的這種功能通常涉及到數(shù)據(jù)處理和狀態(tài)管理,這篇文章主要介紹了element?table?點(diǎn)擊某一行中按鈕加載功能,需要的朋友可以參考下2024-06-06
Electron是一款流行的跨平臺框架,用于構(gòu)建桌面應(yīng)用程序,它基于Web技術(shù)棧,結(jié)合了Chromium和Node.js,可以使用HTML、CSS和JavaScript開發(fā)跨平臺的應(yīng)用程序,本文將介紹electron版本升級的簡單步驟,并提供相應(yīng)的源代碼示例,需要的朋友可以參考下2024-05-05
下面小編就為大家?guī)硪黄猯aydate 顯示結(jié)束時間不小于開始時間的實例。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2017-08-08
onchange 事件會在域的內(nèi)容改變時發(fā)生,可用于單選框與復(fù)選框改變后觸發(fā)的事件,本文通過示例代碼介紹javascript中的 onchange事件,感興趣的朋友跟隨小編一起看看吧2023-10-10
這篇文章主要介紹了javascript伸縮菜單欄實現(xiàn)代碼，點(diǎn)擊標(biāo)題顯示下級菜單，節(jié)約了空間，使頁面排版更加緊湊，感興趣的小伙伴們可以參考一下2015-11-11
Bootstrap實現(xiàn)的經(jīng)典柵格布局效果實例【附demo源碼】
這篇文章主要介紹了Bootstrap實現(xiàn)的經(jīng)典柵格布局效果,結(jié)合具體實例形式分析了基于BootStrap實現(xiàn)柵格布局的完整步驟與相關(guān)操作技巧,并附帶demo源碼供讀者下載參考,需要的朋友可以參考下2017-03-03