I have always been fond of 2D/3D games like Ragnarok Online, and has previously studied the technique of Mouse Picking. Recently, this method has been applied to create my small game. To implement the method of tracking the character’s movement along the mouse path, the principle of ray tracing is used. The player projects a […]
Method for tracking character movement along mouse path Read More »
筆者從小喜歡Ragnarok Online這類2D3D的遊戲, 以前都研究過Mouse Picking這個技術, 最近亦套用此方法製作小遊戲。 要製作角色追踪滑鼠路徑的方法實現玩家對角色的控制原理是光線追蹤(RayTracing), 玩家由Camera投射一條光線指向地面, 得出地面的法線 (Normal)並得出 x, y, z座標位置。在這種控制下，玩家可以通過滑鼠點擊在遊戲場景中指定位置，角色會自動移動到該位置。 以下是實現這種控制的步驟： 這個方法是實現角色追踪滑鼠路徑的基本原理，可以適用於各種不同的遊戲場景。需要這個功能可以參考以下代碼。
旅行回來忽發奇想把旅行的影片輯錄成VLOG為了製作地圖上路線效果給我找到以下After Effect的製作方法, 即興嘗試玩玩新學成的功能原來要用到3D Layer及Camera, 真的不算複雜 製成品: [ VLOG ] 挪威冰雪冒險之旅 Part I | 遊歷Bergen – Myrkdalen滑雪 參考影片:Clean 3D Animated Travel Map Tutorial in After Effects
After Effect 地圖路徑VLOG動畫製作 Read More »
I decided to put my modeling skills to the test and created a potted plant. After some online research, I found the Dieffenbachia Tropic Snow, a large-leaved plant, and attempted to recreate it. I managed to complete the task in 5 hours.
製作2D類似RO風格需要8個方位, Unity預設blend tree animation按x, z 位置分別角色面向的位置2D Freeform Cartesian https://www.youtube.com/watch?v=gcF66q-UPCs
Unity – Blend Tree應用 Read More »
I have been learning Maya for some time and tried to create a 20-second logo animation. It’s a beginner’s attempt and a humble work in progress. 😛
Maya Logo Animation (Alto Studio) Read More »
When I was asked to write something about game design, I remember what I have been working in the past, what I have learnt and why I choose to become a game developer for my lifetime job. In definition, game design is the process of designing the content and rules of a game [1]. To me, game design
What is game design mean to me? 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,