2019電腦圖學A: 6月 2019

2019年6月30日星期日

期末作品

作品網址:
https://www.youtube.com/watch?v=FSfYXZ9hkiE&feature=

機器人是自己製作的，背景音樂是meme裡面很紅的一首音樂
Dancin - Krono Remix
這首我自己很喜歡，感覺蠻毒的。

YouTube影片連結:https://youtu.be/D91QIlI-NBw

程式操作簡介&作品簡介:
這次的期末作品是用數字鍵1~8去調關節的位置，調完之後按下W會記住motion值，每調一次動作之後他的motion值會改變，然後慢慢記錄下來，最後把它統整成一個完整的動作，搭配上動感的音樂，
就變成一個會跳舞的機器人了，然後按P可以播放。這次的設計理念是一個愛跳舞的機器人，他是一位原住民，很愛跳民族舞蹈，她想要把民族舞蹈發揚光大，因此去參加比賽，也得了冠軍!

期末作品

影片連結：
https://youtu.be/eQK3pTWzE9w

程式操作&作品簡介：

剛開始先在網路上找我的機器人的模型，然後思考我的機器人要做什麼主題，後來看了很多
學長姐的影片，發現很多手腳並用的動作很像我玩過的遊戲的人物，這個人物是一個魔域的
音樂法師，他的手腳都會360度的移動，且很喜歡單腳站立，所以我就以這個人物的動作特
性、配上帶耳機的機器人模型來做這個主題。

剛開始做報告時就先做MAYA模型，但我在做模型時我有做手腳的道具，轉換成OBJ檔後沒辦
法顯示到程式碼的小黑視窗上，但因為影響不大所以沒有再更改，然後開始喬位置及角度，
這時又發生問題，每個模型的面都不同，可能調整x y z的位置都不相同所以很難調整，都要
慢慢的一個一個改變位置及轉動的角度，好不容易調整好了，就要加上音樂，音樂很順利的
放入，之後要調整一些小細節，小細節調整後就開始設定動作剛開始不清楚要怎麼用，所以motion一直消失，後來詢問朋友，才得以成功儲存，我想讓他符合我設定的角色特性，要讓
她的四肢能夠360度旋轉還有單腳站立的動作，但不知道該怎麼讓它旋轉，剛開始一直失敗，
後來才找到訣竅，總之過程是失敗連連。

再來是我的程式碼，剛開始是標頭檔，以及設定model，再來是之前作業的打光及程式碼的剪
貼調整，調整位置及大小，而且不知道為何，我的MAYA模型似乎做得太小，小黑視窗內沒
有任何模型，後來調整大小也要用極小數才能好好調整(用原先練習的數值區域不是太大或太
小)，旋轉也因為x y z軸的不同要調整很多，後來加入音樂，慢慢的做出動作，才成功完成。

2019年6月29日星期六

期末作業介紹及網址

我這次應用的機器人是上次HW5所使用的MAYA機器人，一開始是先整打光的部分，再來就是依序匯入身體關節的部分，並解用期中考考的程式碼T-R-T來調整的他的位置、角度及大小，輸入mouse操縱所需設定及鍵盤數字代表的關節等，加日音樂設定就完成了。
而我的作品音樂是用時下最夯的兒歌「Baby Shark」，配上親手製作帶著童年夢想為雛形的機器人「YY1」號，可愛生動的動作變化，看了真的不自覺就面帶微笑啊！
真的很喜歡這堂課，很喜歡老師幫我們編排的課程模式，每次的作業、小考其實都是為我們的期末做鋪成，上課方式不只淺顯易懂，只要有問題老師真的不管幾點都會為大家解答，每次上了老師的各真的都是收穫滿滿，謝謝老師那麼用心為我們。

影片網址：https://youtu.be/y9eahHg_veY

期末作品

作品介紹：日本女高中生的舞蹈。

影片連結：https://www.youtube.com/watch?v=UTPiAkUGROI

期末作品

期末作品

作品介紹：
人物走著走著，不小心跌倒死掉了。
卻不知道為啥，復活後，獲得超能力。
能夠飛翔，最後飛出螢幕外。

影片連結：https://www.youtube.com/watch?v=ozIi_AN1Sm8

期末作品

/ 期末作品連結 /

期末作品

➸期末作品介紹:粉紅機器人在操場跳健康操

➼期末作品YouTube連結:https://www.youtube.com/watch?v=oJsIwQN7VxA

期末作品

網址：https://youtu.be/C8zEGdHm69A

那個模型真的做得很醜：)

音樂選的是輕音樂。

神のノト - 期末作品

{\__/}

( • - •)

/ > ❤️

------------------------------------------------------------------------------------------------------------

今天主題!

「期末作品」

--------------------------------------------------------------------------------------------------------------------------

➤介紹：

模型為一個自製機器人，透過簡易的舞步來跳出歌曲"Cider"的前奏，以及搭配運鏡的使用，做出簡易MV的拍攝效果。

➤影片連結：

--------------------------------------------------------------------------------------------------------------------------

Class Computer Graphics

Exactly ended

------------------------------------------------------------------------------------------------------------

{\__/}

( • - •)

/ > ❤️

ㄟOWOㄏ - 期末作品連結

https://youtu.be/EQ24Hp8yu_0

這是一個會跳舞的熊

https://www.youtube.com/watch?v=r6VxAjQjmew

2019年6月13日星期四

week14

茶壺會旋轉

程式碼：

#include <GL/glut.h>

#include <mmsystem.h>///NOW (0)發聲音

#include <stdio.h>///NOW3 for printf()

float angle=0;///NOW4

void display()

{

glClear(GL_COLOR_BUFFER_BIT | GL_DEPTH_BUFFER_BIT);

glPushMatrix();///NOW4

glRotatef(angle, 0, 0, 1);///NOW4

glutSolidTeapot( 0.3 );///NOW4

glPopMatrix();///NOW4

glutSwapBuffers();

}

void timer(int t)///NOW (2)

{

glutTimerFunc(30, timer, t+1);///NOW4 ///NOW3 一起床,馬上撥下一個鬧鐘, 時間才會準

printf("現在的 timer(t)的t是: %d\n", t);///NOW3

angle = t;///NOW4

glutPostRedisplay();///NOW4 要更新畫面

}

int main(int argc, char**argv)

{

glutInit(&argc, argv);

glutInitDisplayMode(GLUT_DOUBLE | GLUT_DEPTH);

glutInitWindowSize(500,500);///大一點

glutCreateWindow("week14 timer");

glutDisplayFunc(display);

glutTimerFunc(1000, timer, 0);///NOW (1)

glutMainLoop();

}

茶壺會左右移動

程式碼 :

#include <GL/glut.h>

#include <mmsystem.h>///NOW (0)發聲音

#include <stdio.h>///NOW3 for printf()

float angle=0;///NOW4

float nowX=0;///NOW5

void display()

{

glClear(GL_COLOR_BUFFER_BIT | GL_DEPTH_BUFFER_BIT);

glPushMatrix();///NOW4

///glRotatef(angle, 0, 0, 1);///NOW4

glTranslatef(nowX, 0, 0);///NOW5

glutSolidTeapot( 0.3 );///NOW4

glPopMatrix();///NOW4

glutSwapBuffers();

}

void timer(int t)///NOW (2)

{ /// 1000 ms = 1秒, 33ms = 0.033秒 => 33*30=1000, 30fps

glutTimerFunc(33, timer, t+1);///NOW4 ///NOW3 一起床,馬上撥下一個鬧鐘, 時間才會準

printf("現在的 timer(t)的t是: %d\n", t);///NOW3

float alpha = (t%30) / 30.0;///變成 alpha: 0.0 ~ 1.0 ///NOW5

nowX = alpha*1.0 + (1-alpha)* -1.0;///NOW5

glutPostRedisplay();///NOW4 要更新畫面

}

int main(int argc, char**argv)

{

glutInit(&argc, argv);

glutInitDisplayMode(GLUT_DOUBLE | GLUT_DEPTH);

glutInitWindowSize(500,500);///大一點

glutCreateWindow("week14 timer");

glutDisplayFunc(display);

glutTimerFunc(1000, timer, 0);///NOW (1)

glutMainLoop();

}

機器人會一直重複動

程式碼：

#include <stdio.h>///NOW1 for fprintf()

FILE * fout=NULL;///NOW1 for fopen() + fprintf()

FILE * fin =NULL;///NOW2 for fopen() + fscanf()

#include <GL/glut.h>

#include "glm.h"

GLMmodel* pmodel = NULL;

GLMmodel* pmodel2 = NULL;

GLMmodel* pmodel21 = NULL;

GLMmodel* pmodel3 = NULL;

GLMmodel* pmodel31 = NULL;

GLMmodel* pmodel4 = NULL;

GLMmodel* pmodel41 = NULL;

GLMmodel* pmodel5 = NULL;

GLMmodel* pmodel51 = NULL;

const GLfloat light_ambient[] = { 0.0f, 0.0f, 0.0f, 1.0f };

const GLfloat light_diffuse[] = { 1.0f, 1.0f, 1.0f, 1.0f };

const GLfloat light_specular[] = { 1.0f, 1.0f, 1.0f, 1.0f };

const GLfloat light_position[] = { 2.0f, 5.0f, -5.0f, 0.0f };

const GLfloat mat_ambient[] = { 0.7f, 0.7f, 0.7f, 1.0f };

const GLfloat mat_diffuse[] = { 0.8f, 0.8f, 0.8f, 1.0f };

const GLfloat mat_specular[] = { 1.0f, 1.0f, 1.0f, 1.0f };

const GLfloat high_shininess[] = { 100.0f };

float angle[20];///NOW1

float oldAngle[20];///NOW4

float newAngle[20];///NOW4

int angleID=1;

void display(){

glClear(GL_COLOR_BUFFER_BIT | GL_DEPTH_BUFFER_BIT);

///身體

glPushMatrix();

glTranslatef(0, 0.3,0 );

glScalef(0.5,0.5,0.5);

if (!pmodel) {

pmodel = glmReadOBJ("data/06160451.obj");

if (!pmodel) exit(0);

glmUnitize(pmodel);

glmFacetNormals(pmodel);

glmVertexNormals(pmodel, 90.0);

}

glmDraw(pmodel, GLM_SMOOTH | GLM_MATERIAL);

///右上臂

glPushMatrix();

glTranslatef(0.45,0.3,0 );

glScalef(0.5,0.5,0.5);

glRotatef(angle[1], 0,0,1);

glTranslatef(0,-0.7, 0);

if (!pmodel2) {

pmodel2 = glmReadOBJ("data/123.obj");

if (!pmodel2) exit(0);

glmUnitize(pmodel2);

glmFacetNormals(pmodel2);

glmVertexNormals(pmodel2, 90.0);

}

glmDraw(pmodel2, GLM_SMOOTH | GLM_MATERIAL);

glPushMatrix();

glTranslatef(0,-1.1,0 );

glScalef(1,1,1);

glRotatef(angle[2], 0,0,1);

glTranslatef(0,-0.7, 0);

if (!pmodel2) {

pmodel2 = glmReadOBJ("data/123.obj");

if (!pmodel2) exit(0);

glmUnitize(pmodel2);

glmFacetNormals(pmodel2);

glmVertexNormals(pmodel2, 90.0);

}

glmDraw(pmodel2, GLM_SMOOTH | GLM_MATERIAL);

glPopMatrix();

glPushMatrix();

glTranslatef(-0.45,0.3,0 );

glScalef(0.5,0.5,0.5);

glRotatef(angle[3], 0,0,1);

glTranslatef(0,-0.7, 0);

if (!pmodel2) {

pmodel2 = glmReadOBJ("data/123.obj");

if (!pmodel2) exit(0);

glmUnitize(pmodel2);

glmFacetNormals(pmodel2);

glmVertexNormals(pmodel2, 90.0);

}

glmDraw(pmodel2, GLM_SMOOTH | GLM_MATERIAL);

glPushMatrix();

glTranslatef(0,-1.1,0 );

glScalef(1,1,1);

glRotatef(angle[4], 0,0,1);

glTranslatef(0,-0.7, 0);

if (!pmodel2) {

pmodel2 = glmReadOBJ("data/123.obj");

if (!pmodel2) exit(0);

glmUnitize(pmodel2);

glmFacetNormals(pmodel2);

glmVertexNormals(pmodel2, 90.0);

}

glmDraw(pmodel2, GLM_SMOOTH | GLM_MATERIAL);

glPopMatrix();

glPushMatrix();

glTranslatef(0.2,-1.05,0 );

glScalef(0.5,0.5,0.5);

glRotatef(angle[5], 0,0,1);

glTranslatef(0,-0.7, 0);

if (!pmodel2) {

pmodel2 = glmReadOBJ("data/123.obj");

if (!pmodel2) exit(0);

glmUnitize(pmodel2);

glmFacetNormals(pmodel2);

glmVertexNormals(pmodel2, 90.0);

}

glmDraw(pmodel2, GLM_SMOOTH | GLM_MATERIAL);

glPushMatrix();

glTranslatef(0,-1.2,0 );

glScalef(1,1,1);

glRotatef(angle[6], 0,0,1);

glTranslatef(0,-0.7, 0);

if (!pmodel2) {

pmodel2 = glmReadOBJ("data/123.obj");

if (!pmodel2) exit(0);

glmUnitize(pmodel2);

glmFacetNormals(pmodel2);

glmVertexNormals(pmodel2, 90.0);

}

glmDraw(pmodel2, GLM_SMOOTH | GLM_MATERIAL);

glPopMatrix();

glPushMatrix();

glTranslatef(-0.2,-1.05,0 );

glScalef(0.5,0.5,0.5);

glRotatef(angle[7], 0,0,1);

glTranslatef(0,-0.7, 0);

if (!pmodel2) {

pmodel2 = glmReadOBJ("data/123.obj");

if (!pmodel2) exit(0);

glmUnitize(pmodel2);

glmFacetNormals(pmodel2);

glmVertexNormals(pmodel2, 90.0);

}

glmDraw(pmodel2, GLM_SMOOTH | GLM_MATERIAL);

glPushMatrix();

glTranslatef(0,-1.2,0 );

glScalef(1,1,1);

glRotatef(angle[8], 0,0,1);

glTranslatef(0,-0.7, 0);

if (!pmodel2) {

pmodel2 = glmReadOBJ("data/123.obj");

if (!pmodel2) exit(0);

glmUnitize(pmodel2);

glmFacetNormals(pmodel2);

glmVertexNormals(pmodel2, 90.0);

}

glmDraw(pmodel2, GLM_SMOOTH | GLM_MATERIAL);

glPopMatrix();

glutSwapBuffers();

}

int oldX=0;

void mouse(int button, int state, int x, int y)///NOW2

{

oldX = x;

}

#include <stdio.h>

void motion(int x, int y)

{

angle[angleID] += x-oldX;

oldX = x;

for(int i=0;i<20;i++){

printf(" %.2f ", angle[i]);

}

printf("\n");

display();

}

void timer(int t)///NOW3

{

glutTimerFunc(33, timer, t+1);///NOW3 ///NOW4 快一點

if(t%30==0){///NOW4 每 30frame要讀新資料

if(fin==NULL) fin=fopen("motion.txt", "r");///NOW3

for(int i=0; i<20; i++){///NOW3

oldAngle[i] = newAngle[i]; ///NOW4

fscanf(fin, "%f", &newAngle[i]);///NOW4 新資料

}

float alpha = (t%30)/30.0;///NOW4 今天第1節有寫過它,內插

for(int i=0;i<20;i++){///NOW4

angle[i] = alpha*newAngle[i] + (1-alpha)*oldAngle[i];///NOW4

}

glutPostRedisplay();///NOW4

}

void keyboard(unsigned char key, int x, int y)

{

if(key=='1') angleID=1;

if(key=='2') angleID=2;

if(key=='3') angleID=3;

if(key=='4') angleID=4;

if(key=='5') angleID=5;

if(key=='6') angleID=6;

if(key=='7') angleID=7;

if(key=='8') angleID=8;

if(key=='w'){///NOW1

if(fout==NULL) fout=fopen("motion.txt", "w+");///NOW1

for(int i=0; i<20; i++){///NOW1

fprintf(fout, "%.1f ", angle[i]);///NOW1

}///NOW1

fprintf(fout, "\n");///NOW1

}

if(key=='r'){///NOW2

if(fin==NULL) fin=fopen("motion.txt", "r");///NOW2

for(int i=0; i<20; i++){///NOW2

fscanf(fin, "%f", &angle[i]);///NOW2

}

if(key=='t' || key=='p'){///NOW3 ///啟動timer 或是 play

glutTimerFunc(33, timer, 0);///NOW3 ///NOW4 變快了

if(fin==NULL) fin=fopen("motion.txt", "r");///NOW3

for(int i=0; i<20; i++){///NOW3

fscanf(fin, "%f", &newAngle[i]);///NOW3 ///NOW4 新角度

}

glutPostRedisplay();///NOW2 請讀到angle[i]之後, 重畫畫面

}

int main(int argc,char**argv){

glutInit(&argc, argv);

glutInitDisplayMode(GLUT_DOUBLE|GLUT_DEPTH);

glutCreateWindow("Week06");

glutDisplayFunc(display);

glutIdleFunc(display);

glClearColor(1,1,1,1);

glCullFace(GL_BACK);

glEnable(GL_DEPTH_TEST);

glDepthFunc(GL_LESS);

glEnable(GL_LIGHT0);

glEnable(GL_NORMALIZE);

glEnable(GL_COLOR_MATERIAL);

glEnable(GL_LIGHTING);

glLightfv(GL_LIGHT0, GL_AMBIENT, light_ambient);

glLightfv(GL_LIGHT0, GL_DIFFUSE, light_diffuse);

glLightfv(GL_LIGHT0, GL_SPECULAR, light_specular);

glLightfv(GL_LIGHT0, GL_POSITION, light_position);

glMaterialfv(GL_FRONT, GL_AMBIENT, mat_ambient);

glMaterialfv(GL_FRONT, GL_DIFFUSE, mat_diffuse);

glMaterialfv(GL_FRONT, GL_SPECULAR, mat_specular);

glMaterialfv(GL_FRONT, GL_SHININESS, high_shininess);

glutKeyboardFunc(keyboard);///NOW3

glutMouseFunc(mouse);///NOW2

glutMotionFunc(motion);///NOW2

glutDisplayFunc(display);

glutMainLoop();

}

訂閱：文章 (Atom)

2019電腦圖學A

2019年6月30日星期日

期末作品

期末作品

期末作品

2019年6月29日星期六

期末作業介紹及網址

期末作品

期末作品

期末作品

期末作品

神のノト - 期末作品

今天主題!

「期末作品」

➤介紹：

➤影片連結：

Class Computer Graphics

Exactly ended

ㄟOWOㄏ - 期末作品連結

2019年6月14日星期五

alanhc/張牧之電腦圖學-week17 [final]

網址

Week17

這是一個會跳舞的熊

https://www.youtube.com/watch?v=r6VxAjQjmew

2019年6月13日星期四

week14

2019年6月30日 星期日

2019年6月29日 星期六

今天主題!

「期末作品」

➤介紹：

➤影片連結：

Class Computer Graphics

Exactly ended

2019年6月14日 星期五

這是一個會跳舞的熊

2019年6月13日 星期四

2019年6月30日星期日

2019年6月29日星期六

2019年6月14日星期五

2019年6月13日星期四