{"id":1766,"date":"2022-09-28T12:45:23","date_gmt":"2022-09-28T03:45:23","guid":{"rendered":"http:\/\/batmask.dothome.co.kr\/?p=1766"},"modified":"2022-09-28T12:45:23","modified_gmt":"2022-09-28T03:45:23","slug":"godot-3d-rendering-1-3d-model-and-camera","status":"publish","type":"post","link":"http:\/\/batmask.net\/index.php\/2022\/09\/28\/1766\/","title":{"rendered":"Godot 3D rendering #1 : 3D Model and Camera"},"content":{"rendered":"\n

3D \uadf8\ub798\ud53d\uc744 \uc598\uae30\ud558\ub824\uba74 \ub300\ud559 \uc218\uc5c5 \uc218\uc900\uc758 \ubc29\ub300\ud55c \ub0b4\uc6a9\uc744 \ub9d0\ud574\uc57c \ud55c\ub2e4. \ub9ce\uc740\uac78 \uc0dd\ub7b5\ud558\uace0 Godot\uacfc \uac19\uc740 \uac8c\uc784 \uc81c\uc791 \ud234\uc744 \uc0ac\uc6a9\ud558\uae30 \uc704\ud55c \ub0b4\uc6a9\uc5d0 \ud3ec\ucee4\uc2f1\uc744 \ub9de\ucdb0 \uc815\ub9ac\ud574 \ubcf4\ub824 \ud55c\ub2e4. <\/p>\n\n\n\n

3D Model <\/h2>\n\n\n\n

3D \uadf8\ub798\ud53d\uc740 \uae30\ubcf8\uc801\uc73c\ub85c vertex\ub77c\uace0 \ubd88\ub9ac\ub294 3D\uacf5\uac04\uc0c1\uc758 \uc810\ub4e4\uc758 \uc9d1\ud569\uc5d0 \uc774 \uc810\ub4e4\uc744 \uc774\uc740 \uc120\ub4e4\ub85c \uba74\uc744 \ub9cc\ub4e4\uc5b4 \ubb3c\uccb4\ub97c \ud45c\ud604\ud55c\ub2e4. <\/p>\n\n\n

\n
\"\"
vertices to mesh<\/figcaption><\/figure>\n<\/div>\n\n\n

\uc774\uc640 \uac19\uc740 \ubc29\ubc95\uc73c\ub85c \uc77c\ubc18\uc801\uc778 3D \uc624\ube0c\uc81d\ud2b8\ub294 \ub2e4\uc74c\uacfc \uac19\uc774 \uc0bc\uac01\ud615\uc73c\ub85c \uad6c\uc131\ub41c\ub2e4. \uc0bc\uac01\ud615\uc744 \uae30\ubcf8\ub2e8\uc704\ub85c \uc4f0\ub294 \uc774\uc720\ub294, 3\uac1c\uc758 \uc810\uc77c \ub54c \ud56d\uc0c1 \ud3c9\uba74\uc744 \uc774\ub8e8\ub294 \uba74\uc758 \ucd5c\uc18c \ub2e8\uc704\uc774\uace0, \ud3c9\uba74\uc77c \ub54c, \ube5b\uc758 \ubc18\uc0ac\ub97c \uc218\ud559\uc801\uc73c\ub85c \uacc4\uc0b0\ud558\ub294\uac8c \ub2e8\uc21c\ud574\uc9c4\ub2e4. \uc0ac\uac01\ud615\ub3c4 \uc4f0\uc774\uae34 \ud558\uc9c0\ub9cc, 3\uac1c \uc774\uc0c1\uc758 \uc810\uc744 \uc774\uc6a9\ud558\uac8c \ub418\ub294 \ud3f4\ub9ac\uace4\ub4e4\uc740 \uba74\uc5d0 \ud718\uc5b4\uc9d0\uc774 \uac00\ub2a5\ud574\uc9c0\uace0 \uc774\ub294 \uc218\ud559\uc801 \uacc4\uc0b0\uc744 \uc5b4\ub835\uac8c \ub9cc\ub4e0\ub2e4. \uc774\ub7ec\ud55c \uc624\ube0c\uc81d\ud2b8\ub294 \ub9c8\uce58 \uadf8\ubb3c\uacfc \uac19\uc544\uc11c Mesh Object\ub77c\uace0 \ubd80\ub978\ub2e4.<\/p>\n\n\n

\n
\"\"
Blender 3D Sample mesh object<\/figcaption><\/figure>\n<\/div>\n\n\n

\ub9ce\uc740 \uc0bc\uac01\ud615\uc744 \uc4f8\uc218\ub85d, \uc2e4\uc81c \ubaa8\uc2b5\uacfc \ube44\uc2b7\ud558\uac8c \ubcf4\uc774\uaca0\uc9c0\ub9cc, \uacc4\uc0b0\ub7c9\ub3c4 \ube44\ub840\ud574\uc11c \ub298\uc5b4\ub09c\ub2e4. \uc791\uc740 \uc218\uc758 \uc0bc\uac01\ud615\uc744 \uc0ac\uc6a9\ud558\ub418, \uac89\uc5d0 \uc774\ubbf8\uc9c0\ub97c \uc50c\uc6cc\uc11c \uadf8\ub7f4\ub4ef\ud558\uac8c \ubcf4\uc774\ub3c4\ub85d \ud558\ub294\ub370, \uc5ec\uae30\uc5d0 \uc0ac\uc6a9\ub418\ub294 \uc774\ubbf8\uc9c0\uac00 \ud14d\uc2a4\uccd0\uc774\ub2e4.<\/p>\n\n\n\n

\"\"
Texture UV mapping <\/figcaption><\/figure>\n\n\n\n

3D \ubb3c\uccb4\uc5d0 2D \uc774\ubbf8\uc9c0\uc778 Texture\ub97c \ud3ec\uc7a5\uc9c0\ucc98\ub7fc \uac10\uc2f8\uc8fc\uac8c \ub418\ub294\ub370, \uba54\uc26c \uc624\ube0c\uc81d\ud2b8\ub294 \uc18d\uc774 \ube44\uc5b4\uc788\ub294 \uc624\ub9ac\uac00\ubbf8(\uc885\uc774\uc811\uae30)\uc640 \uac19\uae30 \ub54c\ubb38\uc5d0 \uc804\uac1c\ub3c4\ub97c 2D\uc5d0 \ud3bc\uce60 \uc218 \uc788\uace0, \uc5ec\uae30\uc5d0 \ud14d\uc2a4\uccd0 \uc774\ubbf8\uc9c0\ub97c \uc50c\uc6cc\uc900\ub2e4. \uc774 2D \uc804\uac1c\ub3c4\uc758 \uc88c\ud45c\uacc4\ub85c (u, v)\ub97c \uc0ac\uc6a9\ud55c\ub2e4. 3D \ubb3c\uccb4\ub97c \uc804\uac1c\ud558\ub294 \ubc29\ubc95\uc740 \ub108\ubb34\ub098 \ub2e4\uc591\ud558\uae30 \ub54c\ubb38\uc5d0, \uc774 (u, v) \uc88c\ud45c\uacc4\ub97c 3D vertex(x, y, z) \uc88c\ud45c\uacc4\uc5d0 \ub9e4\ud551\ud558\ub294 \uc815\ubcf4\uac00 \ud544\uc694\ud558\ub2e4. \uc774 \ub9e4\ud551 \uc815\ubcf4\ub97c \ud3ec\ud568\ud574 UV map\uc774\ub77c\uace0 \ubd80\ub978\ub2e4. <\/p>\n\n\n\n

\uad11\uc6d0\uacfc \ud45c\uba74\uc5d0\uc11c\uc758 \ube5b\uc758 \ubc18\uc0ac\ub97c \ucc98\ub9ac\ud558\ub294 \ubcf4\ub2e4 \ubcf5\uc7a1\ud55c \ub0b4\uc6a9\uc774 \uc788\uc9c0\ub9cc, \ub098\uc911\uc5d0 \ub2e4\ub8f0 \uac83\uc774\uace0 \uac00\uc7a5 \uae30\ubcf8\uc801\uc778 3D \ubaa8\ub378\uc740 \uc774\uc640\uac19\uc774 vertecies\ub4e4\ub85c \uc774\ub8e8\uc5b4\uc9c4 \ub9e4\uc26c \uc624\ube0c\uc81d\ud2b8\uc640 \ud14d\uc2a4\uccd0\ub85c \uad6c\uc131\ub41c\ub2e4.<\/p>\n\n\n\n

Camera<\/h2>\n\n\n\n

\uc55e\uc5d0\uc11c \uc0dd\uc131\ud55c 3D \ubaa8\ub378\uc744 \uc2a4\ud06c\ub9b0\uc5d0 \ubcf4\uc5ec\uc8fc\uae30 \uc704\ud574\uc120 \ud604\uc2e4\uc5d0\uc11c\uc640 \uac19\uc774 \uce74\uba54\ub77c\uac00 \ud544\uc694\ud558\ub2e4. 3D \ubaa8\ub378\ub4e4\uc744 \uce74\uba54\ub77c\ub97c \ud1b5\ud574 \uc2a4\ud06c\ub9b0\uc5d0 \ubcf4\uc5ec\uc8fc\ub294 \uc77c\ub828\uc758 \uacc4\uc0b0 \uacfc\uc815\uc744 3D \ub80c\ub354\ub9c1\uc774\ub77c\uace0 \ud55c\ub2e4. <\/p>\n\n\n\n

3D \uacf5\uac04\uc758 \uc624\ube0c\uc81d\ud2b8\ub4e4\uc744 \uce74\uba54\ub77c\uc5d0 \ub2f4\uae30 \uc704\ud574\uc11c\ub294 2D\ub85c \ud22c\uc601\ud558\ub294 Projection\uc774 \ud544\uc694\ud558\ub2e4. Projection\uc5d0\ub294 \ub2e4\uc74c\uacfc \uac19\uc774 Orthogonal Projection \uacfc Perspective Projection \ub450\uac00\uc9c0 \ubc29\ubc95\uc774 \uc788\ub2e4.<\/p>\n\n\n

\n
\"\"
https:\/\/www.javatpoint.com\/computer-graphics-parallel-projection<\/a><\/figcaption><\/figure>\n<\/div>\n\n
\n
\"\"
https:\/\/www.javatpoint.com\/computer-graphics-parallel-projection<\/a><\/figcaption><\/figure>\n<\/div>\n\n\n

Orthogonal\uc740 \ub2e8\uc21c\ud558\uc9c0\ub9cc, \uc6d0\uadfc \ud45c\ud604\uc774 \ub418\uc9c0 \uc54a\ub294\ub2e4. <\/p>\n\n\n

\n
\"\"
https:\/\/answers.unity.com\/questions\/1218955\/comparing-orthographic-and-perspective-cameras.html<\/a><\/figcaption><\/figure>\n<\/div>\n\n\n

\ud604\uc2e4\uacfc \uac19\uc740 \ubc29\uc2dd\uc740 Perspective\uc9c0\ub9cc, \uadf8\ub798\ud53d\uc801\uc778 \ud45c\ud604\uc744 \uc704\ud574 Orthognal\uc774 \uc0ac\uc6a9\ub418\uae30\ub3c4 \ud55c\ub2e4. \uc608\ub97c \ub4e4\uba74 CAD\ub3c4\uba74\uc758 \uacbd\uc6b0, \uc815\ud655\ud55c \uc218\uce58\uc758 \ud45c\uc2dc\uac00 \uc911\uc694\ud558\uace0 \uc6d0\uadfc\uc740 \ud544\uc694\uac00 \uc5c6\ub2e4. \ub450\uac00\uc9c0 Projection\uc5d0 \ub3d9\uc77c\ud558\uac8c Front Plane\uacfc Back Plane\uc774 \uc874\uc7ac\ud558\ub294\ub370, \ucef4\ud4e8\ud130 \uadf8\ub798\ud53d\uc5d0\uc11c\ub294 \ubb34\ud55c\ud55c \uacf5\uac04\uc744 \uc2a4\ud06c\ub9b0\uc5d0 \ud22c\uc601\ud558\uc9c0 \uc54a\uace0 \ud55c\uc815\ub41c \ubcfc\ub968\uc758 \uacf5\uac04\uc744 \ud22c\uc601\ud558\uac8c \ub41c\ub2e4. \uc5ec\uae30\uc11c Front-Back plane\uc0ac\uc774\uc5d0 \uc788\ub294 \uc624\ube0c\uc81d\ud2b8\ub4e4\ub9cc \uc2a4\ud06c\ub9b0\uc5d0 \ud22c\uc601\ub41c\ub2e4.<\/p>\n\n\n\n

Perspective Projection\uc744 \uc870\uae08 \ub354 \uc0b4\ud3b4\ubcf4\uba74 \ub2e4\uc74c\uacfc \uac19\ub2e4.<\/p>\n\n\n\n

\"\"
https:\/\/www.oreilly.com\/library\/view\/learn-opengl\/9781789340365\/843ddbf2-3a57-4f00-928f-7de5d42415ad.xhtml<\/a><\/figcaption><\/figure>\n\n\n\n

FOV\ub294 Field Of View\uc758 \uc57d\uc790\ub85c \uc5bc\ub9c8\ub098 \ub113\uc740 \uc601\uc5ed\uc744 \ud22c\uc601\uc2dc\ud0ac\uc9c0 \uc815\ud558\ub294 \uac01\ub3c4\uc774\ub2e4. fovy\ub85c \ud45c\uc2dc\ub41c\uac74, y\ucd95 \uac01\ub3c4\ub97c \uc758\ubbf8\ud55c\ub2e4. \uce74\uba54\ub77c\ub85c \uce58\uc790\uba74, \ub80c\uc988 \ucd08\uc810\uac70\ub9ac\uc640 \uc720\uc0ac\ud55c \uac1c\ub150\uc774\ub2e4. FOV\uc758 \uc218\ud3c9, \uc218\uc9c1\uc5d0 \ub2e4\ub978 \uac12\uc744 \uc0ac\uc6a9\ud558\ub294\ub370 \ub530\ub77c, \ud654\uba74\uc758 aspect ratio\ub97c \uacb0\uc815\ud558\ub294 \uac12\uc774\uae30\ub3c4 \ud558\ub2e4. <\/p>\n\n\n\n

Godot\uc5d0\uc11c\ub294 Camera\uc5d0 ‘Keep Aspect’\uc18d\uc131\uc774 \uc788\uace0, \uc218\ud3c9 \ub610\ub294 \uc218\uc9c1\uc744 \uace0\uc815\ud558\ub3c4\ub85d \ub418\uc5b4\uc788\ub2e4. \uace0\uc815\ub41c \ubc29\ud5a5\uc73c\ub85c\ub294 \ub9ac\uc0ac\uc774\uc988\uac00 \ub418\ub3c4 \ud654\uba74\uc5d0 \ub300\ud55c \ubb3c\uccb4\uc758 \ube44\uc728\uc774 \uc720\uc9c0\ub418\ub294 \uc18d\uc131\uc774\ub2e4. \uc774 \ub9d0\uc740, \ud574\ub2f9 \ubc29\ud5a5\uc73c\ub85c FOV\uac00 \uace0\uc815\uc774\ub77c\ub294 \uc598\uae30\uc774\uae30\ub3c4 \ud558\ub2e4. \ub2e4\ub974\uac8c \uc598\uae30\ud558\uba74, Keep Aspect\uc5d0\uc11c \uace0\uc815\ub418\uc9c0 \uc54a\uc740 \ubc29\ud5a5\uc740 FOV\uac00 \uac00\ubcc0\uc801\uc774\ub780 \uc598\uae30\ub2e4. \ub2e4\uc74c \uadf8\ub9bc\uc744 \ube44\uad50\ud574\ubcf4\uc790.<\/p>\n\n\n

\n
\"\"
1024×768, Keep Height, FOV : 70<\/figcaption><\/figure>\n<\/div>\n\n
\n
\"\"
1600×1600, Keep Height, FOV: 70<\/figcaption><\/figure>\n<\/div>\n\n\n

\uc704 \ub450 \uadf8\ub9bc\uc740 Keep Height \uc0c1\ud0dc\uc5d0\uc11c \uc2a4\ud06c\ub9b0 \uc0ac\uc774\uc988\ub97c 1024×768\uc5d0\uc11c 1600×1600\ub85c \ubcc0\uacbd\ud574\ubcf8 \uac83\uc774\ub2e4. \ub192\uc774\uac00 \ub2ec\ub77c\uc84c\uc9c0\ub9cc, \ub192\uc774 \ubc29\ud5a5\uc73c\ub85c\ub294 \ube44\uc728\uc774 \uc720\uc9c0\ub418\uc5b4 \ubcc0\uacbd\ub41c\uac8c \uc5c6\uc5b4\ubcf4\uc778\ub2e4. \ud558\uc9c0\ub9cc, \ub113\uc774 \ubc29\ud5a5\uc73c\ub85c\ub294 \uace0\uc815\ub41c \ub192\uc774\ub97c \uae30\uc900\uc73c\ub85c \ube44\uc728\uc774 \ub2ec\ub77c\uc84c\uc73c\ubbc0\ub85c FOV\uac00 \uc881\uc544\uc9c4\uac78 \ud655\uc778\ud560 \uc218 \uc788\ub2e4. <\/p>\n\n\n\n

Godot\uc5d0\uc11c FOV\ub294 \uc0c1\ub2f9\ud788 \ud5f7\uac08\ub9ac\uac8c \ub418\uc5b4 \uc788\uc5b4\uc11c \uc880 \uc0dd\uac01\ud574\ubcfc \ud544\uc694\uac00 \uc788\ub2e4. Godot \uce74\uba54\ub77c \uc18d\uc131\uc744 \ubcf4\uba74, FOV\uac00 \uc218\ud3c9, \uc218\uc9c1\uc774 \ubd84\ub9ac\ub418\uc5b4 \uc788\uc9c0 \uc54a\uace0 \ud558\ub098\uc758 \uac12\uc744 \uac16\ub294\ub2e4. <\/p>\n\n\n

\n
\"\"
Godot Camera Properties<\/figcaption><\/figure>\n<\/div>\n\n\n

\ub3c4\uc6c0\ub9d0\uc5d0\ub294 “Since keep_aspect locks one axis, fov sets the other axis’ field of view angle.”\ub77c\uace0 \uc368\uc788\ub2e4. \ub0b4\uac00 \ud574\uc11d\uc744 \ubabb\ud574\uc11c \uadf8\ub7f0\uac74\uc9c0 \ubaa8\ub974\uaca0\uc9c0\ub9cc, keep_aspect\ub85c \uace0\uc815\ub418\uc9c0 \uc54a\uc740 \ucabd\uc758 FOV\ub97c \uc124\uc815\ud55c\ub2e4\uace0 \ub9d0\ud558\ub294 \uac83 \uac19\ub2e4. \ud558\uc9c0\ub9cc \uc774 \uc598\uae30\uac00 \ub9de\ub2e4\uba74, \ud574\uc0c1\ub3c4\ub97c \ubcc0\uacbd\ud588\uc744 \uacbd\uc6b0, FOV\uac12\uc774 \uac19\uc774 \ubc14\ub00c\uc5b4\uc57c \ud568\uc5d0\ub3c4 \uadf8\ub807\uac8c \ub3d9\uc791\ud558\uc9c0 \uc54a\ub294\ub2e4. \ub610\ud55c, \uc9c1\uc811 FOV\uac12\uc744 \ubcc0\uacbd\ud558\uba74 \ub192\uc774\uc640 \ud3ed \ub458 \ub2e4 \ubcc0\uacbd\ub41c\ub2e4.
\ub0b4 \uc0dd\uac01\uc5d4 Keep Aspect\uc5d0\uc11c \uc124\uc815\ud55c \ubc29\ud5a5\uc5d0 \ub300\ud55c FOV \uac12\uc774\ub77c\ub294 \uacb0\ub860\uc774\ub2e4. \ud574\uc0c1\ub3c4\ub97c \ubcc0\uacbd\ud574 \ud654\uba74\uc774 \ub9ac\uc0ac\uc774\uc988\ub418\ub3c4 \ube44\uc728\uc774 \uc720\uc9c0\ub418\ubbc0\ub85c FOV\ub3c4 \ubcc0\uacbd\ub418\uc9c0 \uc54a\ub294\ub2e4.(\ud655\uc778 \uacb0\uacfc\uc640 \uc77c\uce58) FOV\ub97c \uc9c1\uc811 \ubcc0\uacbd\ud558\ub294 \uacbd\uc6b0, \ud574\uc0c1\ub3c4 \ube44\uc728\uc5d0 \ub9de\ucdb0\uc11c \uac00\ubcc0\uc801\uc778 \ub2e4\ub978 \ubc29\ud5a5 FOV\ub3c4 \uac19\uc774 \ubcc0\ud558\ub294 \uac83\uc73c\ub85c \uc0dd\uac01\ub41c\ub2e4.<\/p>\n","protected":false},"excerpt":{"rendered":"

3D \uadf8\ub798\ud53d\uc744 \uc598\uae30\ud558\ub824\uba74 \ub300\ud559 \uc218\uc5c5 \uc218\uc900\uc758 \ubc29\ub300\ud55c \ub0b4\uc6a9\uc744 \ub9d0\ud574\uc57c \ud55c\ub2e4. \ub9ce\uc740\uac78 \uc0dd\ub7b5\ud558\uace0 Godot\uacfc \uac19\uc740 \uac8c\uc784 \uc81c\uc791 \ud234\uc744 \uc0ac\uc6a9\ud558\uae30 \uc704\ud55c \ub0b4\uc6a9\uc5d0 \ud3ec\ucee4\uc2f1\uc744 \ub9de\ucdb0 \uc815\ub9ac\ud574 \ubcf4\ub824 \ud55c\ub2e4. 3D Model 3D \uadf8\ub798\ud53d\uc740 \uae30\ubcf8\uc801\uc73c\ub85c vertex\ub77c\uace0 \ubd88\ub9ac\ub294 3D\uacf5\uac04\uc0c1\uc758 \uc810\ub4e4\uc758 \uc9d1\ud569\uc5d0 \uc774 \uc810\ub4e4\uc744 \uc774\uc740 \uc120\ub4e4\ub85c \uba74\uc744 \ub9cc\ub4e4\uc5b4 \ubb3c\uccb4\ub97c \ud45c\ud604\ud55c\ub2e4. \uc774\uc640 \uac19\uc740 \ubc29\ubc95\uc73c\ub85c \uc77c\ubc18\uc801\uc778 3D \uc624\ube0c\uc81d\ud2b8\ub294 \ub2e4\uc74c\uacfc \ub354 \uc77d\uae30<\/a><\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[270,3],"tags":[284,293,296,292,294,295,291],"class_list":["post-1766","post","type-post","status-publish","format-standard","hentry","category-godot","category-etc","tag-3d","tag-camera","tag-fov","tag-model","tag-orthogonal","tag-perspective","tag-rendering"],"jetpack_featured_media_url":"","_links":{"self":[{"href":"http:\/\/batmask.net\/index.php\/wp-json\/wp\/v2\/posts\/1766","targetHints":{"allow":["GET"]}}],"collection":[{"href":"http:\/\/batmask.net\/index.php\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"http:\/\/batmask.net\/index.php\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"http:\/\/batmask.net\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"http:\/\/batmask.net\/index.php\/wp-json\/wp\/v2\/comments?post=1766"}],"version-history":[{"count":1,"href":"http:\/\/batmask.net\/index.php\/wp-json\/wp\/v2\/posts\/1766\/revisions"}],"predecessor-version":[{"id":1767,"href":"http:\/\/batmask.net\/index.php\/wp-json\/wp\/v2\/posts\/1766\/revisions\/1767"}],"wp:attachment":[{"href":"http:\/\/batmask.net\/index.php\/wp-json\/wp\/v2\/media?parent=1766"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"http:\/\/batmask.net\/index.php\/wp-json\/wp\/v2\/categories?post=1766"},{"taxonomy":"post_tag","embeddable":true,"href":"http:\/\/batmask.net\/index.php\/wp-json\/wp\/v2\/tags?post=1766"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}