Your SlideShare is downloading. ×
  • Like
Wpf3 D 기초부터 활용까지
Upcoming SlideShare
Loading in...5
×

Thanks for flagging this SlideShare!

Oops! An error has occurred.

×

Now you can save presentations on your phone or tablet

Available for both IPhone and Android

Text the download link to your phone

Standard text messaging rates apply

Wpf3 D 기초부터 활용까지

  • 1,818 views
Published

 

Published in Art & Photos , Business
  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Be the first to comment
    Be the first to like this
No Downloads

Views

Total Views
1,818
On SlideShare
0
From Embeds
0
Number of Embeds
4

Actions

Shares
Downloads
9
Comments
0
Likes
0

Embeds 0

No embeds

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
    No notes for slide

Transcript

  • 1. WPF 3D
    기초부터 활용까지..
    이동규
    HOONS 닷넷WPF 시삽
    dklee.net
    전호진
    HOONS 닷넷WPF시삽
    crynut84.tistory.com
  • 2. 진행순서
    WPF 3D 배경 / Show Case
    1
    2
    WPF 3D 기초 개념
    3
    3D 삼각형 만들기(라이브 코딩)
    4
    예제로 알아보는 WPF 3D 활용
  • 3. WPF 3D 배경 / Show case
  • 4. 전통적인 3D 프로그래밍
  • 5. WPF 3D등장
    WPF에서 3D API 지원
  • 6. British Library
    http://ttpdownload.bl.uk/app_files/xbap/BrowserApp.xbap
  • 7. You Cube
    http://www.chriscavanagh.com/chris/WPFBrowser/publish.htm
  • 8. Augmented Reality(AR : 증강현실)
    http://shine10e.textcube.com
  • 9. WPF 3D 기초 개념
    카메라, 조명, 메쉬
  • 10.
  • 11. ImageBrush
    메모리 트리!
    DiffuseMaterial
    Mesh
    Geometry3D
    Directional
    Light
    Ambient
    Light
    Geometry
    3D
    Material
    AxisAngle
    Rotation3D
    Light
    Geometry
    Model3D
    Model3D
    Visual3D
    Collection
    Rotate
    Transform3D
    Model Visual3D
    PerspectiveCamera
    Orthographic
    Camera
    Camera
    Visual3D
    ViewPort3D
  • 12. ViewPort3D
    • 2D와 3D 사이의 매개체
    • 13. 카메라, 광원, 모델
    • 14. System.Windows.Controls
    • 15. 일반적인 컨트롤 레이아웃과 동일
  • Camera
    -OrthographicCamera-
    -PerspectiveCamera-
    3D 모델을 보는 눈과 같은기능
    3D 모델이 2D로 변환되는 방법 결정
    PerspectiveCamera는 실생활에서
    사물을 보는 것과 동일한 효과
  • 16. Camera – WPF3D 좌표
  • 17. Camera – PerspectiveCamera
    FieldOfView
    UpDirection
    카메라의 앵글
    LookDirection
    카메라의 배치
    Position
    카메라가 가리키는 방향
    Camera의 위치 지정
  • 18. Camera – PerspectiveCamera
    0, 0, 4 -1, 0, 4 1, 0, 4
    Position
    Camera의 위치 지정
  • 19. Camera – PerspectiveCamera
    -0.33, 0, -1 -1, 0, 0 0.33, 0, 1
    LookDirection
    카메라가 가리키는 방향
  • 20. Camera – PerspectiveCamera
    -0.5, 1, 0 0, 1, 0 0.5, 1, 0
    UpDirection
    카메라의 배치
  • 21. Camera – PerspectiveCamera
    65 45 25
    FieldOfView
    카메라의 앵글
  • 22. ImageBrush
    메모리 트리!
    DiffuseMaterial
    Mesh
    Geometry3D
    Directional
    Light
    Ambient
    Light
    Geometry
    3D
    Material
    AxisAngle
    Rotation3D
    Light
    Geometry
    Model3D
    Model3D
    Visual3D
    Collection
    Rotate
    Transform3D
    Model Visual3D
    PerspectiveCamera
    Orthographic
    Camera
    Camera
    Visual3D
    ViewPort3D
  • 23. Model
    Triangle
    Model
  • 24. Model – MeshGeometry3D
    TriangleIndices
    Position
    Position의 인덱스
    삼각형의 구성 방법
    일련의 점들을 정의
    최소한 3개의 값
    Mesh의 순서 필요
  • 25. Model – MeshGeometry3D
    Y+
    2
    <MeshGeometry3D
    Position=“0 1 -4, 0 0 -4, 0 1 0, 0 0 0”
    TriangleIndices=“0 1 2, 1 3 2” />
    Z-
    1
    -4
    -3
    -2
    X+
    -1
    0
    -1
    Z+
    -2
    X-
    -3
    Y-
  • 26. Model – MeshGeometry3D
    Y+
    2
    <MeshGeometry3D
    Position=“0 1 -4, 0 0 -4, 0 1 0, 0 0 0”
    TriangleIndices=“0 1 2, 1 3 2” />
    Z-
    1
    -4
    -3
    -2
    X+
    -1
    0
    -1
    Z+
    -2
    X-
    -3
    Y-
  • 27. Model – MeshGeometry3D
    Y+
    2
    <MeshGeometry3D
    Position=“0 1 -4, 0 0 -4, 0 1 0, 0 0 0”
    TriangleIndices=“0 1 2, 1 3 2” />
    (0, 1, -4)
    (0, 1, 0)
    Z-
    1
    -4
    (0, 0, -4)
    -3
    -2
    X+
    -1
    0
    (0, 0, 0)
    -1
    Z+
    -2
    X-
    -3
    Y-
  • 28. Model – MeshGeometry3D
    Y+
    2
    <MeshGeometry3D
    Position=“0 1 -4, 0 0 -4, 0 1 0, 0 0 0”
    TriangleIndices=“0 1 2, 1 3 2” />
    (0, 1, -4)
    반시계 방향
    (0, 1, 0)
    Z-
    1
    -4
    (0, 0, -4)
    -3
    -2
    X+
    -1
    0
    (0, 0, 0)
    반시계 방향
    -1
    Z+
    -2
    X-
    -3
    Y-
  • 29. Model – Meterial(재질)
    • DiffuseMaterial Class
    • 30. 윤기 없는 표면
    • 31. 광원(빛)에 따라 밝기 결정
    • 32. 2D의 Brush 사용
    • 33. 단색, 그라데이션, 비트맵, 드로잉, Visual
    • 34. 앞면과 뒷면의 재질을 다르게 정의 가능
  • ImageBrush
    메모리 트리!
    DiffuseMaterial
    Mesh
    Geometry3D
    Directional
    Light
    Ambient
    Light
    Geometry
    3D
    Material
    AxisAngle
    Rotation3D
    Light
    Geometry
    Model3D
    Model3D
    Visual3D
    Collection
    Rotate
    Transform3D
    Model Visual3D
    PerspectiveCamera
    Orthographic
    Camera
    Camera
    Visual3D
    ViewPort3D
  • 35. Light
    AmbientLight
    DirectionalLight
    자연스러운 조명
    태양과 같은 원거리
    Color 속성
    Direction 속성
    가장 간단한 광원
    위치와 방향에 관계 없음
    Color 속성
  • 36. 간단한 삼각형 그리기 예제로 알아보는 WPF3D의 기본 개념
  • 37. WPF 3D 의 활용
    연아 큐브 만들기!
    3rdParty Tools
    ZAM3D 의 활용
  • 38. YUNA CUBE 만들기!
    2D요소
    텍스쳐
    회전
    큐브
  • 39. YUNA CUBE만들기 (1/4)
    큐브 추가
  • 40. YUNA CUBE만들기 (2/4)
    슬라이드 - 축회전
    마우스 - 트랙볼 회전 (using 3DTools)
    3D Tools?
    -Trackball
    -ScreenSpaceLines3D…
    http://3dtools.codeplex.com
  • 41. YUNA CUBE만들기 (3/4)
    텍스쳐 (연아 입히기 +_+)
  • 42. YUNA CUBE만들기 (4/4)
    2D 요소 삽입
  • 43. WPF 3D + TOOLS
    3rd Party Tools
    ZAM 3D
    Blender
    Maya
    LightWave
    3DS MAX
  • 44. WPF 3D with ZAM3D
  • 45. Thank You
    Q & A