2014年12月9日 星期二

20141209 dynamic content 相關資料搜尋

這篇標題修正史
  • 從伺服器讀取內容放入網頁的div裡→dialog box to io.socket→dynamic content
現在方向差不多確定了,學習順序:jQuery的dialog、node.js、io socket

構想:
打電動時都會有對話窗,對話窗的內容,對話窗永遠都是一樣的style,但是裡面的文字會改變,現在我的問題在於,我要如何改變這文字。

現在正在思考,如何讓內容變動,因為我是要給學生題目與答題的思考過程,我不希望一次loading全部題目與解答過程,必須要有一個遠端儲存這些題目與答案。

資料搜尋:
後來想到曾在threejs.org與北極熊打球的遊戲裡看過同一個對話窗出現不同文字,於是估狗關鍵字後,在GitHub上發現文字變化的那段內容。查看北極熊打球的GitHub project,在cube-slam/public/javascript/libs/裡看到three.js,確定沒錯,對話窗的內容都存在cube-slam/lang/arbs/這資料夾裡,台灣的正體中文是zh-TW.arb

稍微瀏覽cube-slam/lang,這裡面除了有jquery.js外,還有另外兩個檔案,langparse.js與rovarspraketizer.js。看了一下code應該不是langparse.js,畢竟parse這詞是"解析"的意思,所以只剩rovarspraketizer.js,在rovarspraketizer.js裡面看到arb這關鍵字,所以應該就是它了,問題是.arb這副檔名是什麼? .arb file - Google 搜尋,該死,適當閱讀的資料真的不多,也許該考慮別的了。

嘗試關鍵字:HTML 改變div的內容 - Google 搜尋html dynamic content - Google 搜尋,看到Dynamic Page / Replacing Content | CSS-Tricks這篇文章,也許是我要的。該死,瀏覽這篇文章看到demo時發現,每換一次內容就是連到不同的網頁去(.php.html),這不是我要的
,下了關鍵字html io socket - Google 搜尋,找了兩篇io socket的文章

搜尋一些three.js與io socket相關的資料,下關鍵字:iosocket threejs - Google 搜尋,找到Real Time Multiplayer in HTML5 - Build New Games這篇文章之外,在GitHub上看到有io socket與three.js相關的code
晚上讀了CCC生活札記: Node.js入門初探這篇文章,他推薦讀Node入門 » 一本全面的Node.js教學課程這篇文章當作node.js的入門,明天12/10要來灌好node.js,不過也要測試我的電腦裡舊版的WebStorm能否用node.js plug-in,找到一篇教學自学Node.js: WebStorm+Node.js开发环境的配置 - 纪争光 - 博客频道 - CSDN.NET

另外也看到兩SublimeText 2有關node.js環境建置的教學
搜尋到一個three.js的MMO game的demo:ironbane,並找到Ironbane MMO · GitHub,看起來似乎與Building a 3D MMO Using WebSockets用的一樣

原來對話框的英文是dialog box,查到一個用jQuery寫的dialog
從dialog box這關鍵字聯想找到似乎解:jquery - How to have jQueryUI dialog box dynamically load content - Stack Overflow,再繼續與io socket聯想,下了關鍵字jquery dialog box content to io socket server - Google 搜尋找到這篇感覺不錯
還有下令一個關鍵字jquery ui dialog dynamic content - Google 搜尋,不過瀏覽資料沒很多,想說到這一步搜尋資料與方向都差不多確定了,學習開始。

最後找到一個紀錄自己做遊戲經驗的網站,居然是用遊戲志做大師,真的非常old school XD

沒有留言:

張貼留言