大學畢業後十月要去東京工作,本人是透過某間類似獵人頭公司認識要去的日本公司
因為需要的文件零零總總 做個紀錄,之後有需要的人可以做參考
Tzu-Han Hsu's Blog
目前在日本東京手機遊戲擔任PHP工程師,喜歡的領域是3D圖學/Rendering和遊戲設計,以這為目標努力發展中。 Currently working in a mobile game company in Tokyo.
2014年9月2日 星期二
2014年5月19日 星期一
Asynchronous cheerio request problem in Node.js - Javascript非同步function call問題(AJAX)
(Still a Javascript beginner, just write down the issues encountered)
系上CCSP課程寫到有關使用node.js去scrape appledaily的即時新聞的作業,
其中遇到 cheerio 程式庫裡面的request function,出現了下列的問題:
系上CCSP課程寫到有關使用node.js去scrape appledaily的即時新聞的作業,
其中遇到 cheerio 程式庫裡面的request function,出現了下列的問題:
能把資料抓下來並用console.log顯示(同時push到Array裡面),但在寫檔的時候卻是寫入空的Array。
2013年10月9日 星期三
2013年10月6日 星期日
[大肆專題] 教育性遊戲 - PaGamO, the First Online game for Educational Purpose.
Started from April, 2013. I joined Prof. Yeh's team and started the PaGamO project, which aim to create the first educational online game designed for MOOC (Massive Open Online Course).
As the only artist in the team, I was in charge of all the graphic design and game story(Game User Interface, Character, Monster and Props design,etc.)
It was a hard time for me to deal with all the requirements, but thanks to all the teammates and those who gave me a hand, without your supports, I wouldn't be able to complete this difficult task.
(Update on June 30th, 2014)
After a one-year participation, I decide to leave this team as I graduated from NTU.
The PaGamO project will goes on, cooperating with professors around the world and combine with their coursera courses.
It will also be online again binding with one of the most famous coursera course of Stanford University this year.(Guess it! lol)
A million thanks to all who helped me during this period and those who enjoyed the game!
I truly appreciated that :)
從今年(2013/04) 開始,我參加了台大電機系葉丙成教授的台大MOOC(Massive Open Online
Course) PaGamO計畫,希望能從教授數年前於電機系開設機率課時搭配的線上教育性遊戲: BJT Online中擷取經驗,搭配這次葉教授在Coursera上開授的機率課,創造能與多樣性線上課程搭配的教育性遊戲,增進學生的學習意願。
藉由遊戲給予的正面回饋,刺激學生主動"沈迷"於學習。
作為全團隊唯一的美術,這任務對我來說可是一大挑戰(電機系跑來寫程式,資工系跑去畫圖 很奇怪ㄟ你XD)。 從遊戲繁雜的UI設計、人物設計、怪獸設計都由我包辦,甚至到劇情發想也去參一腳(因為劇情圖會需要了解劇情) 。 幸好在過程中有台科大 陳柏英學姊的專業UI指導與電機系學弟曾子維對劇情發想的支援,總算是在期限內弄出個還可入目的作品...,非常感謝他們兩位與整個團隊的支援!
以下是部分遊戲節圖:
As the only artist in the team, I was in charge of all the graphic design and game story(Game User Interface, Character, Monster and Props design,etc.)
It was a hard time for me to deal with all the requirements, but thanks to all the teammates and those who gave me a hand, without your supports, I wouldn't be able to complete this difficult task.
(Update on June 30th, 2014)
After a one-year participation, I decide to leave this team as I graduated from NTU.
The PaGamO project will goes on, cooperating with professors around the world and combine with their coursera courses.
It will also be online again binding with one of the most famous coursera course of Stanford University this year.(Guess it! lol)
A million thanks to all who helped me during this period and those who enjoyed the game!
I truly appreciated that :)
Course) PaGamO計畫,希望能從教授數年前於電機系開設機率課時搭配的線上教育性遊戲: BJT Online中擷取經驗,搭配這次葉教授在Coursera上開授的機率課,創造能與多樣性線上課程搭配的教育性遊戲,增進學生的學習意願。
藉由遊戲給予的正面回饋,刺激學生主動"沈迷"於學習。
作為全團隊唯一的美術,這任務對我來說可是一大挑戰(電機系跑來寫程式,資工系跑去畫圖 很奇怪ㄟ你XD)。 從遊戲繁雜的UI設計、人物設計、怪獸設計都由我包辦,甚至到劇情發想也去參一腳(因為劇情圖會需要了解劇情) 。 幸好在過程中有台科大 陳柏英學姊的專業UI指導與電機系學弟曾子維對劇情發想的支援,總算是在期限內弄出個還可入目的作品...,非常感謝他們兩位與整個團隊的支援!
以下是部分遊戲節圖:
2013年1月4日 星期五
[未來規劃]Game Design area
Game Design相關領域國外大學、科大或研所(待補)
CUM ETC
http://www.etc.cmu.edu/site/
MIT CMS
http://cms.mit.edu/
USC Interactive media division
http://interactive.usc.edu/research/projects/games/
Digipen(Institute of Technology)
https://www.digipen.edu/
--------
在Study Abroad 和 Game Design的一些前輩們個人網站
http://www.cse.ohio-state.edu/~leek/aboutme.html
http://www.wretch.cc/blog/topwuo/10418577
http://allenchou.net/blog/
CUM ETC
http://www.etc.cmu.edu/site/
MIT CMS
http://cms.mit.edu/
USC Interactive media division
http://interactive.usc.edu/research/projects/games/
Digipen(Institute of Technology)
https://www.digipen.edu/
--------
在Study Abroad 和 Game Design的一些前輩們個人網站
http://www.cse.ohio-state.edu/~leek/aboutme.html
http://www.wretch.cc/blog/topwuo/10418577
http://allenchou.net/blog/
2012年12月20日 星期四
2012年11月29日 星期四
OpenGL - programmable Pipeline, GLSL 學習(3) Shading Methods
(11/26)
看了兩個tutorial在實作GLSL shading 的方法
1.glslcookbook
2.opengl-tutorial
結果兩個在vs fs的地方有出入:
opengl官方直接在 vs 裡面算完 shading,再把lightcolor 丟給 fs,
而glslcookbook 則是在vs裡面做一次導向後,實際在fs裡面實作。
這兩個方法的差異,在cookbook p61有寫:
這是Per-vertex & Per-fragment的問題,Per-vertex 缺點是只有在vertex上lighting,
有可能會在faces rendering時,少掉整個faces 上面每個點 specular light 的細節
變成所謂的Gourand shading
所以在最後fs再算才會是Phong Shading!!
-------------------------------------------------------------------------------------------------------------
GLSL Shading Methods
1.Flat Shading
in main:
//set color of the polygon which uses flat shading to be the color of the first vertex.
glProvokingVertex(GL_FIRST_VERTEX_CONVENTION);
in Shader.vs :
//adding the 'flat' qualifier indicates that no interpolation of values is to be done before reaching fragment shader!
//也就是vs裡面甚麼也不做!
flat out vec3 LightingIntensity;
in Shader.fs :
flat in vec3 LightingIntensity;
tbc....
看了兩個tutorial在實作GLSL shading 的方法
1.glslcookbook
2.opengl-tutorial
結果兩個在vs fs的地方有出入:
opengl官方直接在 vs 裡面算完 shading,再把lightcolor 丟給 fs,
而glslcookbook 則是在vs裡面做一次導向後,實際在fs裡面實作。
這兩個方法的差異,在cookbook p61有寫:
這是Per-vertex & Per-fragment的問題,Per-vertex 缺點是只有在vertex上lighting,
有可能會在faces rendering時,少掉整個faces 上面每個點 specular light 的細節
變成所謂的Gourand shading
所以在最後fs再算才會是Phong Shading!!
-------------------------------------------------------------------------------------------------------------
GLSL Shading Methods
1.Flat Shading
in main:
//set color of the polygon which uses flat shading to be the color of the first vertex.
glProvokingVertex(GL_FIRST_VERTEX_CONVENTION);
in Shader.vs :
//adding the 'flat' qualifier indicates that no interpolation of values is to be done before reaching fragment shader!
//也就是vs裡面甚麼也不做!
flat out vec3 LightingIntensity;
in Shader.fs :
flat in vec3 LightingIntensity;
tbc....
訂閱:
文章 (Atom)