Uncategorized

製作角色追踪滑鼠路徑的方法

筆者從小喜歡Ragnarok Online這類2D3D的遊戲, 以前都研究過Mouse Picking這個技術, 最近亦套用此方法製作小遊戲。 要製作角色追踪滑鼠路徑的方法實現玩家對角色的控制原理是光線追蹤(RayTracing), 玩家由Camera投射一條光線指向地面, 得出地面的法線 (Normal)並得出 x, y, z座標位置。在這種控制下,玩家可以通過滑鼠點擊在遊戲場景中指定位置,角色會自動移動到該位置。 以下是實現這種控制的步驟: 這個方法是實現角色追踪滑鼠路徑的基本原理,可以適用於各種不同的遊戲場景。需要這個功能可以參考以下代碼。

製作角色追踪滑鼠路徑的方法 Read More »

淺談網絡科技 與 網頁製作

今天跟表弟討論過Google記得6-7年前Yahoo仍是主流…但轉眼間 Google每月的搜尋率突破”31億“ 除此之外,還有其他很強大的Proprietary ToolsGoogle MapGoogle CalendarGoogle 翻譯…現在還自製Nexus One力撼iPhone真感慨這短短10年內的網絡科技發展一日千里亦令我想起這就是一個活生生Globalization的例子 網頁製作紀事錄(1) 說起設計網頁, 我並不是這方面的專家不過都略知有關HTML5 vs Flash, Firefox vs IE等等的資訊 回正題, 今日想介紹有關做”靜態”網頁layout的方法1) 利用Photoshop直接輸出網頁格式, 再用dreamweaver直接更改2) 利用Photoshop局部製作網頁配件, 再用dreamweaver改原始檔 (要知道div及css的用法)經過多次做網頁的經驗, 現在多數人傾向用 跟css這兩個東西來做網頁的layout的! 1) Photoshop slices tool      做網頁一定離不開繪圖, 在Photoshop設計好後, 利用slices tool就可以根據你自訂的規劃分割出按鈕, 文字框架等等. 當轉換成html檔後import入dreamweaver就可以更改了! 例子 : 任天堂Game Boy advance每個遊戲網頁正正是用這個方法做layout的! 其實用Photoshop轉換成html是有跡可尋的, 當打開網頁的原始檔, 就不難發現有”spacer.gif”的縱影了!     Reference     PSD to HTML Slicing Tutorials 2) <div> & CSS 另一個方法是用div,

淺談網絡科技 與 網頁製作 Read More »

Scroll to Top