Final Project
Video:
Playcanvas project page:
Report:
2018年1月11日 星期四
2017年12月21日 星期四
周欣融 week15
Antialiasing
- 原因：sampling的時候因部分資料被忽略而導致失真
- 影響：可能有鋸齒、波浪等現象
- Solution:
- Super-sampling
- Adaptive Sampling
- Stochastic Sampling
周欣融 week14
*因本週生病請假，以下筆記是參考老師FB講義及同學課堂筆記而成
Processing -- 畫小雞
- 程式碼
----------------------------------------------------------------------------------------
Processing -- Rasterization
- 先畫三角形
- 把stroke改成fill，可以填滿顏色
- 加入Z軸的值，產生3D重疊三角形
----------------------------------------------------------------------------------------
結果
Processing -- 3D Mario
2017年12月7日 星期四
周欣融 week13
demo Google Doodle小遊戲
https://www.google.com/doodles/celebrating-50-years-of-kids-coding
--------------------------------------------------------------------------------------------------------------------------------
VR體驗 -- 看老師直播影片
- 錄影裝置：
- 360 GoPro Hero4
- 理光THETA
- AR裝置：
- Microsoft HoloLens
- Google Tango
- Asus ZenFone AR
--------------------------------------------------------------------------------------------------------------------------------
Processing - Color
- 色彩系統
- RGB: stroke(R, G, B)
- HSV: stroke(hue, saturation, brightness)
- YMCK：給印刷用的
--------------------------------------------------------------------------------------------------------------------------------
蟑螂跑步機 - 多重貼圖
- 從moodle下載roach.zip，解壓縮
- 執行exe檔
- 重點程式碼解釋
貼貼圖
讀貼圖
motion function
--------------------------------------------------------------------------------------------------------------------------------
Processing - 光劍效果
周欣融 week07
*因本週生病請假，以下筆記是參考老師FB講義及同學課堂筆記而成
GLUT demo code 講解
- 可以用鍵盤(in key function)的加號和減號控制圖形的經線和緯線(in display function)，分別以slices和stacks控制
- resize function: 用來等比例的放大和縮小圖形，比例透過變數ar控制
- idle function: 在電腦有空的時候呼叫glutPostRedisplay()，用來更新畫面
-----------------------------------------------------------------------------------------------------------------------------
滑鼠移動改變打光
- 找到第129行 const GLfloat light_position[]，刪除const，使之可以被改變
- 新增motion function，使滑鼠移動時可以影響光源，並重新更新畫面
- 最後在main function裡面新增glutMotionFunc(motion)，呼叫寫好的motion程式
結果
2017年11月30日 星期四
周欣融 week12
執行老師的程式碼
- 從moodle下載 myGL_Frustrum221_MultiView_2012_1221-20171130T060949Z-001.zip，解壓縮
- 新增codeblocks GLUT project
- 將解壓縮後的檔案複製到GLUT project裡面，不需要複製.exe檔
- 右鍵點選左側project圖案->add file，將新的檔案新增進去
- 右鍵點選左側main.c->remove file from project，將原本的main.c刪除，避免重複的entry point
- 如果編譯時出現M_PI的相關錯誤，可以到Settings->Compiler，取消所有勾勾
結果
------------------------------------------------------------------------------------------------------------------------------
Processing - Colladaloader: Viewer2D
- 添加library: 速寫本->引用庫文件->添加庫文件，下載collada loader
- 文件->範例程序
- 展開Contributed Libraries -> Collada -> Viewer2D，雙擊開啟
- 重點程式碼解釋
結果
------------------------------------------------------------------------------------------------------------------------------
Processing - Picking: Simple
- 添加library: 速寫本->引用庫文件->添加庫文件，下載picking
- 展開Contributed Libraries -> Picking -> Simple，雙擊開啟
- 重點程式碼解釋
結果
------------------------------------------------------------------------------------------------------------------------------
Processing - 老師的機器人程式碼
- 從moodle下載 testBVH.zip，解壓縮
- 下載過processing後，直接進入testBVH/testBVH資料夾，打開testBVH.pde
- 內容講解: testBVH/testBVH/data 裡面的habdZ.bvh，其實就是機器人的骨架點，呈現階程式
結果
周欣融 week11
*因本週生病請假，以下筆記是參考老師FB講義及同學課堂筆記而成
播放.wav檔
- 準備好wav聲音檔
- 新增GLUT project
- 在預設的main.c加入以下library
#include <mmsystem.h> - 在main function裡面新增
PlaySoundA("fly_right.wav", NULL, SND_SYNC);
以撥放聲音，PlaySoundA的三個參數分別為 檔名、在哪裡、如何播 - 執行後即可撥放聲音
*注意wav聲音檔要放在freeglut/bin資料夾裡
-----------------------------------------------------------------------------------------------------------------------------
播放.mp3檔
- 準備好mp3聲音檔
- 下載 "CMP_MCI.h" header (從FB)
- 新增header file至GLUT project
- 加入library
#include <CMP_MCI.h> - 在main function裡面新增
CMP3_MCI mp3; //宣告
mp3.Load ("Firecracker-sounds.mp3"); //讀入mp3檔
mp3.Play (); //播放mp3檔 - 執行後即可撥放聲音
-----------------------------------------------------------------------------------------------------------------------------
-----------------------------------------------------------------------------------------------------------------------------
Processing - 播放.mp3檔
- 準備好mp3聲音檔
- 從moodle下載processing，解壓縮，執行processing.exe
- 把mp3檔拉進processing裡，即可添加檔案
- 添加library: 速寫本->引用庫文件->添加庫文件
- 搜尋Minim，點選並install
- 複製以下程式碼
- 執行後即可撥放聲音
2017年11月16日 星期四
周欣融 week10
Processing - Android
- 下載並安裝好processing，開啟程式
- 點選右上角下拉選單，點選添加模式
- 在mode標籤下，點選Android Mode，開始下載
- 下載完成後，即可當作Android IDE使用
- 實作例題: 點按螢幕切換背景
void setup(){fullScreen()}void draw(){if(mousePressed)background(255, 0, 255);elsebackground(255, 0, 255);} - 點選Run in emulator
- 結果
------------------------------------------------------------------------------------------------------------------------------
Final Project Idea
- Pah game: Use your voice to play game
- SIGGRAPH: Graphic Conference
- 流體模擬
- 毛皮擬真
- 遊戲
2017年11月9日 星期四
周欣融 week09
Bump Map 網址體驗
--------------------------------------------------------------------------------------------------------------------------------
Processing - Hello world
- 從moodle下載processing，解壓縮後直接執行
- 將前面的網址切換到source code，複製貼上到processing介面，執行
- 出錯，在random裡面加入任意數值
- result
--------------------------------------------------------------------------------------------------------------------------------
Processing - Show Image
- 下載圖片 minion.png
- 直接將圖片拖曳到視窗，即可加入專案
- 新增下列程式碼
PImage img = loadImage("minion.png");
size(572, 528);
image(img, 0, 0, 572, 528); - result
--------------------------------------------------------------------------------------------------------------------------------
Processing - Mouse
- 下載圖片 error.jpg
- 直接將圖片拖曳到視窗，即可加入專案
- 新增下列程式碼
PImage img;
void setup(){
size(1024, 730);
img = loadImage("error.jpg");
}
void draw(){
image(img, mouseX, mouseY, 200, 100);
} - result
--------------------------------------------------------------------------------------------------------------------------------
Processing - Mario
--------------------------------------------------------------------------------------------------------------------------------
訂閱：
文章 (Atom)