λͺ©λ‘μ 체 κΈ (1103)
KoreanFoodie's Study
![](http://i1.daumcdn.net/thumb/C150x150/?fname=https://blog.kakaocdn.net/dn/RnJQx/btsayUI7Du7/CyI3OMZ7bfQ3aBbd9kk7a1/img.jpg)
μ΄ κ°μλ μ ν¬λΈμ 무λ£λ‘ 곡κ°λμ΄ μλ νμ ν κ΅μλμ μ»΄ν¨ν° κ·Έλν½μ€ κ°μ’λ₯Ό μ 리ν κΈμ λλ€. μμΈν λ΄μ©μ κ°μλ₯Ό μ§μ λ€μΌμκ±°λ μ± μ ꡬμ νμ μ νμΈν΄ 보μΈμ. κ°μ μλ£λ κΉν λ§ν¬μ μ¬λΌμ μμ΅λλ€. μμ½ : 1. κ³ ν΄μλ λ©μμμ, μ€μκ°μΌλ‘ λΌμ΄ν μ μ²λ¦¬νλλ°λ λΉμ©μ΄ λ§μ΄ λ€ κ²μ΄λ€. μ΄λ₯Ό ν΄κ²°νκΈ° μν΄, λ Έλ§ λ§€ν(Normal Mapping) κ³Ό μ ν΄μλ λ©μλ₯Ό μ¬μ©νμ¬ ν¨μ¨μ μΌλ‘ κ·Έλ΄λ―ν λΌμ΄ν ν¨κ³Όλ₯Ό λ§λ€μ΄λΌ μ μλ€. 2. λ Έλ§ λ§΅μ λ§λλ λμ€μ μΈ λ°©λ²μΌλ‘λ Height Field κ° μλ€. λ©μμμ ν μ μ μΈμ ν 4κ°μ μ μμ κ° 2κ°μ μ μ© μ§μ μ λ°©μ μμ λ§λ λ€μ, λ μ§μ 벑ν°μ λν΄ μΈμ μ μ·¨νλ λ°©λ²μ΄λ€. κ·ΈλΌ (x, y) μ’νμ λν z μ κ°μ λ°©μ μμΌλ‘ ννν ..
![](http://i1.daumcdn.net/thumb/C150x150/?fname=https://blog.kakaocdn.net/dn/n5194/btscQnJaNa6/5QfVJ3KWud2v8sjeDreKtk/img.jpg)
λμ μΌλ‘ μμ ― μμ±νκΈ° ν΅μ¬ : 1. UUserWidget μ CreateWidget, UWidget μ ConstructWidget μ μ¬μ©ν΄ μμ ―μ μμ±νμ. 2. μμ± ν, κ·Έλ₯ WidgetTree μ λΆμ΄κΈ°λ§ νλ©΄ λλ€. 3. AddChild κ°μ ν¨μλ‘ λΆλͺ¨μμ κ΄κ³λ₯Ό μ€μ ν μ μλ€! μ΄μ κΈμμ λμ μΌλ‘ μ‘ν° μ»΄ν¬λνΈλ₯Ό λ§λλ λ°©λ²μ κΈ°λ‘ν μ μ΄ μλλ°, μ΄λ²μλ μμ ―μ λμ μΌλ‘ λ§λλ λ²μ μμ보μ. μ½λλ μ¬μ€ λ§€μ° κ°λ¨νλ€ π μνλ μμ ― ν΄λμ€λ₯Ό UUserWidget μΌλ‘λΆν° μμλ°μ λ§λ€μλ€κ³ νμ. κ·ΈλΌ μλμ κ°μ μμΌλ‘ μ°λ©΄ λλ€ : // UTextBlock μ λμ μΌλ‘ μμ±νμ¬ WidgetTree μ λΆμΈλ€ UTextBlock* textBlock = WidgetTree->Co..
보νΈλμ΄ μλ κΈμ λλ€.
![](http://i1.daumcdn.net/thumb/C150x150/?fname=https://blog.kakaocdn.net/dn/b5aosd/btsaJVHmxBl/ChsEOGkwzq8dg7AE023t41/img.jpg)
μ΄ κ°μλ μ ν¬λΈμ 무λ£λ‘ 곡κ°λμ΄ μλ νμ ν κ΅μλμ μ»΄ν¨ν° κ·Έλν½μ€ κ°μ’λ₯Ό μ 리ν κΈμ λλ€. μμΈν λ΄μ©μ κ°μλ₯Ό μ§μ λ€μΌμκ±°λ μ± μ ꡬμ νμ μ νμΈν΄ 보μΈμ. κ°μ μλ£λ κΉν λ§ν¬μ μ¬λΌμ μμ΅λλ€. μμ½ : 1. μΊλ¦ν° μ λλ©μ΄μ μ ꡬνν λλ μΌλ°μ μΌλ‘ μ€μΌλ ν€μ λ§μ΄ μ¬μ©νλ€. κ° λΌλ μλ‘ λΆλͺ¨ μμ κ΄κ³λ₯Ό λ§Ίκ³ μμΌλ©° λΌμ μλ κ° vertex λ ν΄λΉ λΌμ Bone Space μ μ μλ μ’νλ₯Ό κ°μ§ μ μλ€. 2. Forward Kinematics λ Skeleton μ Hierarchy μμ λΆλͺ¨λ‘λΆν° μμκΉμ§, Top-Down traversal λ°©μμΌλ‘ μμ§μμ μ μ©νλ λ°©μμ΄λ€. κ° λΌκ° λ 립μ μΌλ‘ μμ§μΈλ€κ³ κ°μ νκ³ , ν΄λΉ Bone Space μμ Character Space..
![](http://i1.daumcdn.net/thumb/C150x150/?fname=https://blog.kakaocdn.net/dn/B8lGG/btsar638iD3/8nkORebPjpy5UdLEXMObL1/img.jpg)
μ΄ κ°μλ μ ν¬λΈμ 무λ£λ‘ 곡κ°λμ΄ μλ νμ ν κ΅μλμ μ»΄ν¨ν° κ·Έλν½μ€ κ°μ’λ₯Ό μ 리ν κΈμ λλ€. μμΈν λ΄μ©μ κ°μλ₯Ό μ§μ λ€μΌμκ±°λ μ± μ ꡬμ νμ μ νμΈν΄ 보μΈμ. κ°μ μλ£λ κΉν λ§ν¬μ μ¬λΌμ μμ΅λλ€.μμ½ : 1. μ€λΈμ νΈ νΌνΉ(Object Picking)μ νλ©΄, μ€ν¬λ¦° μ€νμ΄μ€μμ Ray λ₯Ό z μΆ λ°©ν₯ μμͺ½μΌλ‘ μ λ€μ, μ²μμΌλ‘ λΆλͺνλ μ€λΈμ νΈλ₯Ό μ νλμλ€κ³ μΈμνλ€. μ΄ Ray λ₯Ό Object Space λ‘ λ°κΎΈκΈ° μν΄ 3λ²μ λ³ν(Screen -> Camera -> World -> Object)μ μ§νν΄μΌ νλ€(κ° Ray μ λν΄ Object λ³λ‘ Ray κ° μμ±) 2. μ€λΈμ νΈ νΌνΉμλ Ray Intersection(ν΄λ¦¬κ³€ λ©μμμ Ray κ° μΌκ°ν μμ μλμ§ μ²΄ν¬) κ³Ό Boun..
![](http://i1.daumcdn.net/thumb/C150x150/?fname=https://blog.kakaocdn.net/dn/EjjAY/btsakcRVb4V/k0yTpqwa7W9ygj9UBeIFW1/img.jpg)
μ΄ κ°μλ μ ν¬λΈμ 무λ£λ‘ 곡κ°λμ΄ μλ νμ ν κ΅μλμ μ»΄ν¨ν° κ·Έλν½μ€ κ°μ’λ₯Ό μ 리ν κΈμ λλ€. μμΈν λ΄μ©μ κ°μλ₯Ό μ§μ λ€μΌμκ±°λ μ± μ ꡬμ νμ μ νμΈν΄ 보μΈμ. κ°μ μλ£λ κΉν λ§ν¬μ μ¬λΌμ μμ΅λλ€. μμ½ : 1. μ€μΌλ¬ λ³νμ μ£Ό μΆ(Principal Axes)μ κΈ°μ€μΌλ‘ μΌμ κ°λμ νμ μ μ°μμ μΌλ‘ μ μ©ν λ μ¬μ©ν μ μλ€. κ·Έλ°λ° μ€μΌλ¬ λ³νμ κ²°κ³Όκ°μ κ΅νλ²μΉμ΄ μ±λ¦½νμ§ μλλ€. 2. ν€νλ μ 보κ°μ ν λ, μ€μΌλ¬ λ³νμ μ΄μν κ²°κ³Όλ₯Ό 보μ¬μ€ μ μλλ°, μ΄λ₯Ό ν΄κ²°νκΈ° μν΄ μΏΌν°λμΈμ μ¬μ©νλ€. μΏΌν°λμΈμ μ¬μμλ₯Ό μ΄μ©νλ€. 3. μΏΌν°λμΈμ μ΄μ©νλ©΄ μμμ μΆμ λν΄ π λ§νΌμ κ°λλ‘ μ /벑ν°λ₯Ό νμ μν€λ νμ νλ ¬μ μ½κ² λ§λ€μ΄ λΌ μ μλ€(qpq*). κ·Έλ¦¬κ³ μΏΌν°λμΈ μ¬μ΄μ 보..
![](http://i1.daumcdn.net/thumb/C150x150/?fname=https://blog.kakaocdn.net/dn/bYV7xC/btsakcj4bxj/ZCnSdjQRr3KkZ9GWjlea2K/img.jpg)
μ΄ κ°μλ μ ν¬λΈμ 무λ£λ‘ 곡κ°λμ΄ μλ νμ ν κ΅μλμ μ»΄ν¨ν° κ·Έλν½μ€ κ°μ’λ₯Ό μ 리ν κΈμ λλ€. μμΈν λ΄μ©μ κ°μλ₯Ό μ§μ λ€μΌμκ±°λ μ± μ ꡬμ νμ μ νμΈν΄ 보μΈμ. κ°μ μλ£λ κΉν λ§ν¬μ μ¬λΌμ μμ΅λλ€.μμ½ : 1. μΆλ ₯ λ³ν© λ¨κ³μμλ Fragment Shader λ₯Ό ν΅ν΄ μ λ¬λ°μ ν½μ μ 보μ¬μ€μ§ λ§μ§, νΉμ μ΄λ»κ² 보μ¬μ€μ§λ₯Ό κ²°μ νλ€. μ΄λ 3 κ°μ§μ λ²νΌλ₯Ό μ¬μ©νλ€(Color Buffer, Depth Buffer, Stencil Buffer) 2. Z-buffering μ μ΄μ©ν΄ z κ°μ μ΄μ©ν 컬λ§μ μ€ν¬λ¦° μ€νμ΄μ€μμ μνν μ μλ€. μ΄λ, μ΄λ€ 물체λ₯Ό λ¨Όμ λ λλ§νλμ§μ κ΄κ³μμ΄ κ²°κ³Όκ°μ λμΌνλ€. 3. μν λΈλ λ©(Alpha Blending) μ μ΄μ©νλ©΄ ν¬λͺ ν μ€λΈμ νΈλ€μ΄ κ²Ήμ³μ Έ ..
![](http://i1.daumcdn.net/thumb/C150x150/?fname=https://blog.kakaocdn.net/dn/Vbouc/btsaEhRoLI6/Enf1RKswk0s0bPFUdDMpAk/img.jpg)
μ΄ κ°μλ μ ν¬λΈμ 무λ£λ‘ 곡κ°λμ΄ μλ νμ ν κ΅μλμ μ»΄ν¨ν° κ·Έλν½μ€ κ°μ’λ₯Ό μ 리ν κΈμ λλ€. μμΈν λ΄μ©μ κ°μλ₯Ό μ§μ λ€μΌμκ±°λ μ± μ ꡬμ νμ μ νμΈν΄ 보μΈμ. κ°μ μλ£λ κΉν λ§ν¬μ μ¬λΌμ μμ΅λλ€. μμ½ : 1. Fragment Shader λ Texturing κ³Ό Lighting μ μννλλ°, Lighting μ λνμ μΈ λͺ¨λΈλ‘λ ν λΌμ΄ν λͺ¨λΈ(Phong Lighting Model μ΄ μλ€). 2. ν λΌμ΄ν λͺ¨λΈμμ, λΉμ 4 κ°μ§μ μμλ₯Ό λν νλ ¬λ‘ ννλλ€ : Diffuse(λλ°μ¬), Specular(μ λ°μ¬), Ambient(μ£Όλ³κ΄), Emissive(μ체 λ°κ΄). 3. Specular μ νμν View 벑ν°μ κ²½μ°, Vertex Shader κ° μλ 곡κ°μμ ꡬν View 벑..
![](http://i1.daumcdn.net/thumb/C150x150/?fname=https://blog.kakaocdn.net/dn/4akAE/btsaqOJrJ7W/4nl6NX4seS3k8GaYvimBc1/img.jpg)
μ΄ κ°μλ μ ν¬λΈμ 무λ£λ‘ 곡κ°λμ΄ μλ νμ ν κ΅μλμ μ»΄ν¨ν° κ·Έλν½μ€ κ°μ’λ₯Ό μ 리ν κΈμ λλ€. μμΈν λ΄μ©μ κ°μλ₯Ό μ§μ λ€μΌμκ±°λ μ± μ ꡬμ νμ μ νμΈν΄ 보μΈμ. κ°μ μλ£λ κΉν λ§ν¬μ μ¬λΌμ μμ΅λλ€. μμ½ : 1. Fragment Shader λ Texturing κ³Ό Lighting μ μννλ€. μ΄λ, μ°λ¦¬λ κ° ν½μ μ μ μ ν ν μ€μ³ κ°μ μ νλ κ³Όμ μμ Nearest point sampling κ³Ό Bilinear sampling μ μ ννμ¬ μ μ©ν μ μλ€. 2. ν μ€μ³λ§μ μν΄, ν μ€μ³ 곡κ°μ normalize μν€κ² λλλ°, μ΄λμ κ²°κ³Όλ₯Ό Texture Coordinates λΌκ³ λΆλ₯Έλ€. 1 κ°μ λ²μ΄λλ 곡κ°μ μ²λ¦¬νλ λ°©μμΌλ‘λ Clamp-to-Edge, Repeat, Mirrore..
![](http://i1.daumcdn.net/thumb/C150x150/?fname=https://blog.kakaocdn.net/dn/dlPOWp/btsahz5DPYY/9X74FKozJbiBTFBjWxgsoK/img.jpg)
μ΄ κ°μλ μ ν¬λΈμ 무λ£λ‘ 곡κ°λμ΄ μλ νμ ν κ΅μλμ μ»΄ν¨ν° κ·Έλν½μ€ κ°μ’λ₯Ό μ 리ν κΈμ λλ€. μμΈν λ΄μ©μ κ°μλ₯Ό μ§μ λ€μΌμκ±°λ μ± μ ꡬμ νμ μ νμΈν΄ 보μΈμ. κ°μ μλ£λ κΉν λ§ν¬μ μ¬λΌμ μμ΅λλ€.μμ½ : 1. Rasterizer(λμ€ν°λΌμ΄μ ) λ 5κ°μ§ μ²λ¦¬λ₯Ό μννλ€ : Clipping, Perspective division, Back-face culling, Viewport transform, Scan conversion μ΄ κ·Έκ²μ΄λ€. 2. ν΄λ¦¬νμ ν΄λ¦½ 곡κ°μ κ±ΈμΉ ν΄λ¦¬κ³€μ κ²½μ°, ν΄λ¦½ 곡κ°μ λ²μ΄λλ ν΄λ¦¬κ³€μ μΌλΆλ₯Ό μλΌλ΄λ κ²μ μλ―Ένλ€. Perspective division μ Clip 곡κ°μ NDC λ‘ λ³ννλ©°, Back-face culling μ ν΅ν΄ μΉ΄λ©λΌμμ 보μ΄μ§ μλ ..