3D Archives - 6 중 6 번째 페이지

[C#/WPF] 3차원 큐브 회전하기

■ 3차원 큐브를 회전하는 방법을 보여준다. ▶ MainWindow.xaml


<Window x:Class="TestProject.MainWindow"
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
    Width="800"
    Height="600"
    Title="3차원 큐브 회전하기">
    <Grid>
        <Grid.ColumnDefinitions>
            <ColumnDefinition Width="*"  />
            <ColumnDefinition Width="20" />
        </Grid.ColumnDefinitions>
        <Grid.RowDefinitions>
            <RowDefinition Height="*"  />
            <RowDefinition Height="25" />
        </Grid.RowDefinitions>
        <ScrollBar Name="verticalScrollBar" Grid.Row="0" Grid.Column="1"
            Orientation="Vertical"
            Minimum="-180"
            Maximum="180"
            SmallChange="1"
            LargeChange="10"
            Value="0" />
        <ScrollBar Name="horizontalScrollBar" Grid.Row="1" Grid.Column="0"
            Orientation="Horizontal"
            Minimum="-180"
            Maximum="180"
            SmallChange="1"
            LargeChange="10"
            Value="0" />
        <Viewport3D Grid.Row="0" Grid.Column="0"
            Margin="4 4 4 4">
            <ModelVisual3D>
                <ModelVisual3D.Content>
                    <Model3DGroup>
                        <AmbientLight Color="Gray" />
                        <DirectionalLight Color="Gray" Direction="1 -2 -3" />
                        <DirectionalLight Color="Gray" Direction="-1 2 3" />
                        <GeometryModel3D>
                            <GeometryModel3D.Geometry>
                                <MeshGeometry3D
                                    Positions="-1,-1,-1   1,-1,-1   1,-1, 1  -1,-1, 1
                                               -1,-1, 1   1,-1, 1   1, 1, 1  -1, 1, 1
                                                1,-1, 1   1,-1,-1   1, 1,-1   1, 1, 1
                                                1, 1, 1   1, 1,-1  -1, 1,-1  -1, 1, 1
                                               -1,-1, 1  -1, 1, 1  -1, 1,-1  -1,-1,-1
                                               -1,-1,-1  -1, 1,-1   1, 1,-1   1,-1,-1"
                                    TriangleIndices=" 0  1  2   2  3  0
                                                      4  5  6   6  7  4
                                                      8  9 10  10 11  8
                                                     12 13 14  14 15 12
                                                     16 17 18  18 19 16
                                                     20 21 22  22 23 20" />
                            </GeometryModel3D.Geometry>
                            <GeometryModel3D.Material>
                                <DiffuseMaterial Brush="Blue" />
                            </GeometryModel3D.Material>
                        </GeometryModel3D>
                    </Model3DGroup>
                </ModelVisual3D.Content>
            </ModelVisual3D>
            <Viewport3D.Camera>
                <PerspectiveCamera
                    Position="1.5 2 3"
                    LookDirection="-1.5 -2 -3"
                    UpDirection="0 1 0"
                    FieldOfView="60">
                    <PerspectiveCamera.Transform>
                        <Transform3DGroup>
                            <RotateTransform3D>
                                <RotateTransform3D.Rotation>
                                    <AxisAngleRotation3D
                                        Axis="0 1 0"
                                        Angle="{Binding ElementName=horizontalScrollBar, Path=Value}" />
                                </RotateTransform3D.Rotation>
                            </RotateTransform3D>
                            <RotateTransform3D>
                                <RotateTransform3D.Rotation>
                                    <AxisAngleRotation3D
                                        Axis="1 0 0"
                                        Angle="{Binding ElementName=verticalScrollBar, Path=Value}" />
                                </RotateTransform3D.Rotation>
                            </RotateTransform3D>
                        </Transform3DGroup>
                    </PerspectiveCamera.Transform>
                </PerspectiveCamera>
            </Viewport3D.Camera>
        </Viewport3D>
    </Grid>
</Window>

<Window x:Class="TestProject.MainWindow"

xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"

xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"

Width="800"

Height="600"

Title="3차원 큐브 회전하기">

<Grid>

<Grid.ColumnDefinitions>

</Grid.ColumnDefinitions>

<Grid.RowDefinitions>

</Grid.RowDefinitions>

<ScrollBar Name="verticalScrollBar" Grid.Row="0" Grid.Column="1"

Orientation="Vertical"

Minimum="-180"

Maximum="180"

SmallChange="1"

LargeChange="10"

Value="0" />

<ScrollBar Name="horizontalScrollBar" Grid.Row="1" Grid.Column="0"

Orientation="Horizontal"

Minimum="-180"

Maximum="180"

SmallChange="1"

LargeChange="10"

Value="0" />

<Viewport3D Grid.Row="0" Grid.Column="0"

Margin="4 4 4 4">

<ModelVisual3D.Content>

<GeometryModel3D.Geometry>

<MeshGeometry3D

Positions="-1,-1,-1 1,-1,-1 1,-1, 1 -1,-1, 1

-1,-1, 1 1,-1, 1 1, 1, 1 -1, 1, 1

1,-1, 1 1,-1,-1 1, 1,-1 1, 1, 1

1, 1, 1 1, 1,-1 -1, 1,-1 -1, 1, 1

-1,-1, 1 -1, 1, 1 -1, 1,-1 -1,-1,-1

-1,-1,-1 -1, 1,-1 1, 1,-1 1,-1,-1"

TriangleIndices=" 0 1 2 2 3 0

4 5 6 6 7 4

8 9 10 10 11 8

12 13 14 14 15 12

16 17 18 18 19 16

20 21 22 22 23 20" />

</GeometryModel3D.Geometry>

<GeometryModel3D.Material>

</GeometryModel3D.Material>

</GeometryModel3D>

</Model3DGroup>

</ModelVisual3D.Content>

</ModelVisual3D>

<Viewport3D.Camera>

<PerspectiveCamera

Position="1.5 2 3"

LookDirection="-1.5 -2 -3"

UpDirection="0 1 0"

FieldOfView="60">

<PerspectiveCamera.Transform>

<RotateTransform3D.Rotation>

<AxisAngleRotation3D

Axis="0 1 0"

Angle="{Binding ElementName=horizontalScrollBar, Path=Value}" />

</RotateTransform3D.Rotation>

</RotateTransform3D>

<RotateTransform3D.Rotation>

<AxisAngleRotation3D

Axis="1 0 0"

Angle="{Binding ElementName=verticalScrollBar, Path=Value}" />

</RotateTransform3D.Rotation>

</RotateTransform3D>

</Transform3DGroup>

</PerspectiveCamera.Transform>

</PerspectiveCamera>

</Viewport3D.Camera>

</Viewport3D>

</Grid>

</Window>

▶ MainWindow.xaml.cs


using System.Windows;

namespace TestProject
{
    /// <summary>
    /// 메인 윈도우
    /// </summary>
    public partial class MainWindow : Window
    {
        //////////////////////////////////////////////////////////////////////////////////////////////////// Constructor
        ////////////////////////////////////////////////////////////////////////////////////////// Public

        #region 생성자 - MainWindow()

        /// <summary>
        /// 생성자
        /// </summary>
        public MainWindow()
        {
            InitializeComponent();
        }

        #endregion
    }
}

using System.Windows;

namespace TestProject

{

/// <summary>

/// 메인 윈도우

/// </summary>

public partial class MainWindow : Window

{

//////////////////////////////////////////////////////////////////////////////////////////////////// Constructor

////////////////////////////////////////////////////////////////////////////////////////// Public

#region 생성자 - MainWindow()

/// <summary>

/// 생성자

/// </summary>

public MainWindow()

{

InitializeComponent();

}

#endregion

}

TestProject.zip

[C#/WPF] 3차원 고도 맵 그리기

■ 3차원 고도 맵을 그리는 방법을 보여준다. ▶ WriteableBitmapHelper.cs


using System.Windows;
using System.Windows.Media;
using System.Windows.Media.Imaging;

namespace TestProject
{
    /// <summary>
    /// 쓰기 가능 비트맵 헬퍼
    /// </summary>
    public class WriteableBitmapHelper
    {
        //////////////////////////////////////////////////////////////////////////////////////////////////// Field
        ////////////////////////////////////////////////////////////////////////////////////////// Private

        #region Field

        /// <summary>
        /// 너비
        /// </summary>
        private int width;

        /// <summary>
        /// 높이
        /// </summary>
        private int height;

        /// <summary>
        /// 픽셀 배열
        /// </summary>
        private byte[] pixelArray;

        /// <summary>
        /// 스트라이드
        /// </summary>
        private int stride;

        #endregion

        //////////////////////////////////////////////////////////////////////////////////////////////////// Constructor
        ////////////////////////////////////////////////////////////////////////////////////////// Public

        #region 생성자 - WriteableBitmapHelper(width, height)

        /// <summary>
        /// 생성자
        /// </summary>
        /// <param name="width">너비</param>
        /// <param name="height">높이</param>
        public WriteableBitmapHelper(int width, int height)
        {
            this.width  = width;
            this.height = height;

            this.pixelArray = new byte[width * height * 4];

            this.stride = width * 4;
        }

        #endregion

        //////////////////////////////////////////////////////////////////////////////////////////////////// Method
        ////////////////////////////////////////////////////////////////////////////////////////// Public

        #region 픽셀 구하기 - GetPixel(x, y, red, green, blue, alpha)

        /// <summary>
        /// 픽셀 구하기
        /// </summary>
        /// <param name="x">X 좌표</param>
        /// <param name="y">Y 좌표</param>
        /// <param name="red">빨강색</param>
        /// <param name="green">녹색</param>
        /// <param name="blue">파랑색</param>
        /// <param name="alpha">투명도</param>
        public void GetPixel(int x, int y, out byte red, out byte green, out byte blue, out byte alpha)
        {
            int index = y * this.stride + x * 4;

            blue  = this.pixelArray[index++];
            green = this.pixelArray[index++];
            red   = this.pixelArray[index++];
            alpha = this.pixelArray[index  ];
        }

        #endregion
        #region 파랑색 구하기 - GetBlue(x, y)

        /// <summary>
        /// 파랑색 구하기
        /// </summary>
        /// <param name="x">X 좌표</param>
        /// <param name="y">Y 좌표</param>
        /// <returns>파랑색</returns>
        public byte GetBlue(int x, int y)
        {
            return this.pixelArray[y * this.stride + x * 4];
        }

        #endregion
        #region 녹색 구하기 - GetGreen(x, y)

        /// <summary>
        /// 녹색 구하기
        /// </summary>
        /// <param name="x">X 좌표</param>
        /// <param name="y">Y 좌표</param>
        /// <returns>녹색</returns>
        public byte GetGreen(int x, int y)
        {
            return this.pixelArray[y * this.stride + x * 4 + 1];
        }

        #endregion
        #region 빨강색 구하기 - GetRed(x, y)

        /// <summary>
        /// 빨강색 구하기
        /// </summary>
        /// <param name="x">X 좌표</param>
        /// <param name="y">Y 좌표</param>
        /// <returns>빨강색</returns>
        public byte GetRed(int x, int y)
        {
            return this.pixelArray[y * this.stride + x * 4 + 2];
        }

        #endregion
        #region 투명도 구하기 - GetAlpha(x, y)

        /// <summary>
        /// 투명도 구하기
        /// </summary>
        /// <param name="x">X 좌표</param>
        /// <param name="y">Y 좌표</param>
        /// <returns>투명도</returns>
        public byte GetAlpha(int x, int y)
        {
            return this.pixelArray[y * this.stride + x * 4 + 3];
        }

        #endregion
        #region 픽셀 설정하기 - SetPixel(x, y, red, green, blue, alpha)

        /// <summary>
        /// 픽셀 설정하기
        /// </summary>
        /// <param name="x">X 좌표</param>
        /// <param name="y">Y 좌표</param>
        /// <param name="red">빨강색</param>
        /// <param name="green">녹색</param>
        /// <param name="blue">파랑색</param>
        /// <param name="alpha">투명도</param>
        public void SetPixel(int x, int y, byte red, byte green, byte blue, byte alpha)
        {
            int index = y * this.stride + x * 4;

            this.pixelArray[index++] = blue;
            this.pixelArray[index++] = green;
            this.pixelArray[index++] = red;
            this.pixelArray[index++] = alpha;
        }

        #endregion
        #region 파랑색 설정하기 - SetBlue(x, y, blue)

        /// <summary>
        /// 파랑색 설정하기
        /// </summary>
        /// <param name="x">X 좌표</param>
        /// <param name="y">Y 좌표</param>
        /// <param name="blue">파랑색</param>
        public void SetBlue(int x, int y, byte blue)
        {
            this.pixelArray[y * this.stride + x * 4] = blue;
        }

        #endregion
        #region 녹색 설정하기 - SetGreen(x, y, green)

        /// <summary>
        /// 녹색 설정하기
        /// </summary>
        /// <param name="x">X 좌표</param>
        /// <param name="y">Y 좌표</param>
        /// <param name="green">녹색</param>
        public void SetGreen(int x, int y, byte green)
        {
            this.pixelArray[y * this.stride + x * 4 + 1] = green;
        }

        #endregion
        #region 빨강색 설정하기 - SetRed(x, y, red)

        /// <summary>
        /// 빨강색 설정하기
        /// </summary>
        /// <param name="x">X 좌표</param>
        /// <param name="y">Y 좌표</param>
        /// <param name="red">빨강색</param>
        public void SetRed(int x, int y, byte red)
        {
            this.pixelArray[y * this.stride + x * 4 + 2] = red;
        }

        #endregion
        #region 투명도 설정하기 - SetAlpha(x, y, alpha)

        /// <summary>
        /// 투명도 설정하기
        /// </summary>
        /// <param name="x">X 좌표</param>
        /// <param name="y">Y 좌표</param>
        /// <param name="alpha">투명도</param>
        public void SetAlpha(int x, int y, byte alpha)
        {
            this.pixelArray[y * this.stride + x * 4 + 3] = alpha;
        }

        #endregion
        #region 색상 설정하기 - SetColor(red, green, blue)

        /// <summary>
        /// 색상 설정하기
        /// </summary>
        /// <param name="red">빨강색</param>
        /// <param name="green">녹색</param>
        /// <param name="blue">파랑색</param>
        public void SetColor(byte red, byte green, byte blue)
        {
            SetColor(red, green, blue, 255);
        }

        #endregion
        #region 색상 설정하기 - SetColor(red, green, blue, alpha)

        /// <summary>
        /// 색상 설정하기
        /// </summary>
        /// <param name="red">빨강색</param>
        /// <param name="green">녹색</param>
        /// <param name="blue">파랑색</param>
        /// <param name="alpha">투명도</param>
        public void SetColor(byte red, byte green, byte blue, byte alpha)
        {
            int byteCount = this.width * this.height * 4;
            int index     = 0;

            while(index < byteCount)
            {
                this.pixelArray[index++] = blue;
                this.pixelArray[index++] = green;
                this.pixelArray[index++] = red;
                this.pixelArray[index++] = alpha;
            }
        }

        #endregion
        #region 비트맵 구하기 - GetBitmap(dpiX, dpiY)

        /// <summary>
        /// 비트맵 구하기
        /// </summary>
        /// <param name="dpiX">X DPI</param>
        /// <param name="dpiY">Y DPI</param>
        /// <returns>쓰기 가능 비트맵</returns>
        public WriteableBitmap GetBitmap(double dpiX, double dpiY)
        {
            WriteableBitmap bitmap = new WriteableBitmap
            (
                this.width,
                this.height,
                dpiX,
                dpiY,
                PixelFormats.Bgra32,
                null
            );

            Int32Rect rectangle = new Int32Rect(0, 0, this.width, this.height);

            bitmap.WritePixels(rectangle, this.pixelArray, this.stride, 0);

            return bitmap;
        }

        #endregion
    }
}

100

101

102

103

104

105

106

107

108

109

110

111

112

113

114

115

116

117

118

119

120

121

122

123

124

125

126

127

128

129

130

131

132

133

134

135

136

137

138

139

140

141

142

143

144

145

146

147

148

149

150

151

152

153

154

155

156

157

158

159

160

161

162

163

164

165

166

167

168

169

170

171

172

173

174

175

176

177

178

179

180

181

182

183

184

185

186

187

188

189

190

191

192

193

194

195

196

197

198

199

200

201

202

203

204

205

206

207

208

209

210

211

212

213

214

215

216

217

218

219

220

221

222

223

224

225

226

227

228

229

230

231

232

233

234

235

236

237

238

239

240

241

242

243

244

245

246

247

248

249

250

251

252

253

254

255

256

257

258

259

260

261

262

263

264

265

266

267

268

269

270

271

272

273

274

275

276

277

278

279

280

281

282

283

284

285

286

287

288

289

using System.Windows;

using System.Windows.Media;

using System.Windows.Media.Imaging;

namespace TestProject

{

/// <summary>

/// 쓰기 가능 비트맵 헬퍼

/// </summary>

public class WriteableBitmapHelper

{

//////////////////////////////////////////////////////////////////////////////////////////////////// Field

////////////////////////////////////////////////////////////////////////////////////////// Private

#region Field

/// <summary>

/// 너비

/// </summary>

private int width;

/// <summary>

/// 높이

/// </summary>

private int height;

/// <summary>

/// 픽셀 배열

/// </summary>

private byte[] pixelArray;

/// <summary>

/// 스트라이드

/// </summary>

private int stride;

#endregion

//////////////////////////////////////////////////////////////////////////////////////////////////// Constructor

////////////////////////////////////////////////////////////////////////////////////////// Public

#region 생성자 - WriteableBitmapHelper(width, height)

/// <summary>

/// 생성자

/// </summary>

/// <param name="width">너비</param>

/// <param name="height">높이</param>

public WriteableBitmapHelper(int width, int height)

{

this.width = width;

this.height = height;

this.pixelArray = new byte[width * height * 4];

this.stride = width * 4;

}

#endregion

//////////////////////////////////////////////////////////////////////////////////////////////////// Method

////////////////////////////////////////////////////////////////////////////////////////// Public

#region 픽셀 구하기 - GetPixel(x, y, red, green, blue, alpha)

/// <summary>

/// 픽셀 구하기

/// </summary>

/// <param name="x">X 좌표</param>

/// <param name="y">Y 좌표</param>

/// <param name="red">빨강색</param>

/// <param name="green">녹색</param>

/// <param name="blue">파랑색</param>

/// <param name="alpha">투명도</param>

public void GetPixel(int x, int y, out byte red, out byte green, out byte blue, out byte alpha)

{

int index = y * this.stride + x * 4;

blue = this.pixelArray[index++];

green = this.pixelArray[index++];

red = this.pixelArray[index++];

alpha = this.pixelArray[index ];

}

#endregion

#region 파랑색 구하기 - GetBlue(x, y)

/// <summary>

/// 파랑색 구하기

/// </summary>

/// <param name="x">X 좌표</param>

/// <param name="y">Y 좌표</param>

/// <returns>파랑색</returns>

public byte GetBlue(int x, int y)

{

return this.pixelArray[y * this.stride + x * 4];

}

#endregion

#region 녹색 구하기 - GetGreen(x, y)

/// <summary>

/// 녹색 구하기

/// </summary>

/// <param name="x">X 좌표</param>

/// <param name="y">Y 좌표</param>

/// <returns>녹색</returns>

public byte GetGreen(int x, int y)

{

return this.pixelArray[y * this.stride + x * 4 + 1];

}

#endregion

#region 빨강색 구하기 - GetRed(x, y)

/// <summary>

/// 빨강색 구하기

/// </summary>

/// <param name="x">X 좌표</param>

/// <param name="y">Y 좌표</param>

/// <returns>빨강색</returns>

public byte GetRed(int x, int y)

{

return this.pixelArray[y * this.stride + x * 4 + 2];

}

#endregion

#region 투명도 구하기 - GetAlpha(x, y)

/// <summary>

/// 투명도 구하기

/// </summary>

/// <param name="x">X 좌표</param>

/// <param name="y">Y 좌표</param>

/// <returns>투명도</returns>

public byte GetAlpha(int x, int y)

{

return this.pixelArray[y * this.stride + x * 4 + 3];

}

#endregion

#region 픽셀 설정하기 - SetPixel(x, y, red, green, blue, alpha)

/// <summary>

/// 픽셀 설정하기

/// </summary>

/// <param name="x">X 좌표</param>

/// <param name="y">Y 좌표</param>

/// <param name="red">빨강색</param>

/// <param name="green">녹색</param>

/// <param name="blue">파랑색</param>

/// <param name="alpha">투명도</param>

public void SetPixel(int x, int y, byte red, byte green, byte blue, byte alpha)

{

int index = y * this.stride + x * 4;

this.pixelArray[index++] = blue;

this.pixelArray[index++] = green;

this.pixelArray[index++] = red;

this.pixelArray[index++] = alpha;

}

#endregion

#region 파랑색 설정하기 - SetBlue(x, y, blue)

/// <summary>

/// 파랑색 설정하기

/// </summary>

/// <param name="x">X 좌표</param>

/// <param name="y">Y 좌표</param>

/// <param name="blue">파랑색</param>

public void SetBlue(int x, int y, byte blue)

{

this.pixelArray[y * this.stride + x * 4] = blue;

}

#endregion

#region 녹색 설정하기 - SetGreen(x, y, green)

/// <summary>

/// 녹색 설정하기

/// </summary>

/// <param name="x">X 좌표</param>

/// <param name="y">Y 좌표</param>

/// <param name="green">녹색</param>

public void SetGreen(int x, int y, byte green)

{

this.pixelArray[y * this.stride + x * 4 + 1] = green;

}

#endregion

#region 빨강색 설정하기 - SetRed(x, y, red)

/// <summary>

/// 빨강색 설정하기

/// </summary>

/// <param name="x">X 좌표</param>

/// <param name="y">Y 좌표</param>

/// <param name="red">빨강색</param>

public void SetRed(int x, int y, byte red)

{

this.pixelArray[y * this.stride + x * 4 + 2] = red;

}

#endregion

#region 투명도 설정하기 - SetAlpha(x, y, alpha)

/// <summary>

/// 투명도 설정하기

/// </summary>

/// <param name="x">X 좌표</param>

/// <param name="y">Y 좌표</param>

/// <param name="alpha">투명도</param>

public void SetAlpha(int x, int y, byte alpha)

{

this.pixelArray[y * this.stride + x * 4 + 3] = alpha;

}

#endregion

#region 색상 설정하기 - SetColor(red, green, blue)

/// <summary>

/// 색상 설정하기

/// </summary>

/// <param name="red">빨강색</param>

/// <param name="green">녹색</param>

/// <param name="blue">파랑색</param>

public void SetColor(byte red, byte green, byte blue)

{

SetColor(red, green, blue, 255);

}

#endregion

#region 색상 설정하기 - SetColor(red, green, blue, alpha)

/// <summary>

/// 색상 설정하기

/// </summary>

/// <param name="red">빨강색</param>

/// <param name="green">녹색</param>

/// <param name="blue">파랑색</param>

/// <param name="alpha">투명도</param>

public void SetColor(byte red, byte green, byte blue, byte alpha)

{

int byteCount = this.width * this.height * 4;

int index = 0;

while(index < byteCount)

{

this.pixelArray[index++] = blue;

this.pixelArray[index++] = green;

this.pixelArray[index++] = red;

this.pixelArray[index++] = alpha;

}

#endregion

#region 비트맵 구하기 - GetBitmap(dpiX, dpiY)

/// <summary>

/// 비트맵 구하기

/// </summary>

/// <param name="dpiX">X DPI</param>

/// <param name="dpiY">Y DPI</param>

/// <returns>쓰기 가능 비트맵</returns>

public WriteableBitmap GetBitmap(double dpiX, double dpiY)

{

WriteableBitmap bitmap = new WriteableBitmap

(

this.width,

this.height,

dpiX,

dpiY,

PixelFormats.Bgra32,

null

);

Int32Rect rectangle = new Int32Rect(0, 0, this.width, this.height);

bitmap.WritePixels(rectangle, this.pixelArray, this.stride, 0);

return bitmap;

}

#endregion

}

▶ WriteableBitmapExtention.cs


using System.IO;
using System.Windows.Media.Imaging;

namespace TestProject
{
    /// <summary>
    /// 쓰기 가능 비트맵 확장
    /// </summary>
    public static class WriteableBitmapExtention
    {
        //////////////////////////////////////////////////////////////////////////////////////////////////// Method
        ////////////////////////////////////////////////////////////////////////////////////////// Static
        //////////////////////////////////////////////////////////////////////////////// Public

        #region 저장하기 - Save(bitmap, filePath)

        /// <summary>
        /// 저장하기
        /// </summary>
        /// <param name="bitmap">비트맵</param>
        /// <param name="filePath">파일 경로</param>
        public static void Save(this WriteableBitmap bitmap, string filePath)
        {
            using(FileStream stream = new FileStream(filePath, FileMode.Create))
            {
                PngBitmapEncoder encoder = new PngBitmapEncoder();

                encoder.Frames.Add(BitmapFrame.Create(bitmap));

                encoder.Save(stream);
            }
        }

        #endregion
    }
}

using System.IO;

using System.Windows.Media.Imaging;

namespace TestProject

{

/// <summary>

/// 쓰기 가능 비트맵 확장

/// </summary>

public static class WriteableBitmapExtention

{

//////////////////////////////////////////////////////////////////////////////////////////////////// Method

////////////////////////////////////////////////////////////////////////////////////////// Static

//////////////////////////////////////////////////////////////////////////////// Public

#region 저장하기 - Save(bitmap, filePath)

/// <summary>

/// 저장하기

/// </summary>

/// <param name="bitmap">비트맵</param>

/// <param name="filePath">파일 경로</param>

public static void Save(this WriteableBitmap bitmap, string filePath)

{

using(FileStream stream = new FileStream(filePath, FileMode.Create))

{

PngBitmapEncoder encoder = new PngBitmapEncoder();

encoder.Frames.Add(BitmapFrame.Create(bitmap));

encoder.Save(stream);

}

#endregion

}

▶ MainWindow.xaml


<Window x:Class="TestProject.MainWindow"
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
    Width="800"
    Height="600"
    Title="3차원 고도 맵 그리기"
    Loaded="Window_Loaded"
    KeyDown="Window_KeyDown">
    <Grid>
        <Viewport3D Name="viewport3D" />
    </Grid>
</Window>

<Window x:Class="TestProject.MainWindow"

xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"

xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"

Width="800"

Height="600"

Title="3차원 고도 맵 그리기"

Loaded="Window_Loaded"

KeyDown="Window_KeyDown">

<Grid>

</Grid>

</Window>

▶ MainWindow.xaml.cs


using System;
using System.Collections.Generic;
using System.Linq;
using System.Windows;
using System.Windows.Input;
using System.Windows.Media;
using System.Windows.Media.Imaging;
using System.Windows.Media.Media3D;

namespace TestProject
{
    /// <summary>
    /// 메인 윈도우
    /// </summary>
    public partial class MainWindow : Window
    {
        //////////////////////////////////////////////////////////////////////////////////////////////////// Field
        ////////////////////////////////////////////////////////////////////////////////////////// Private

        #region Field

        /// <summary>
        /// 3차원 모델 그룹
        /// </summary>
        private Model3DGroup model3Dgroup = new Model3DGroup();

        /// <summary>
        /// 카메라
        /// </summary>
        private PerspectiveCamera camera;

        /// <summary>
        /// 카메라 파이
        /// </summary>
        private double cameraPhi = Math.PI / 6.0;

        /// <summary>
        /// 카메라 세타
        /// </summary>
        private double cameraTheta = Math.PI / 6.0;

        /// <summary>
        /// 카메라 R
        /// </summary>
        private double cameraR = 3.0;

        /// <summary>
        /// 카메라 델타 파이
        /// </summary>
        private const double CAMERA_DELTA_PHI = 0.1;

        /// <summary>
        /// 카메라 델타 세타
        /// </summary>
        private const double CAMERA_DELTA_THETA = 0.1;

        /// <summary>
        /// 카메라 델타 R
        /// </summary>
        private const double CAMERA_DELTA_R = 0.1;

        /// <summary>
        /// X 최소값
        /// </summary>
        private const double X_MINIMUM = -1.5;

        /// <summary>
        /// X 최대값
        /// </summary>
        private const double X_MAXIMUM = 1.5;

        /// <summary>
        /// 델타 X
        /// </summary>
        private const double DELTA_X = 0.03;

        /// <summary>
        /// Z 최소값
        /// </summary>
        private const double Z_MINIMUM = -1.5;

        /// <summary>
        /// Z 최대값
        /// </summary>
        private const double Z_MAXIMUM = 1.5;

        /// <summary>
        /// 델타 Z
        /// </summary>
        private const double DELTA_Z = 0.03;

        /// <summary>
        /// 텍스처 X 스케일
        /// </summary>
        private const double TEXTURE_X_SCALE = (X_MAXIMUM - X_MINIMUM);

        /// <summary>
        /// 텍스처 Z 스케일
        /// </summary>
        private const double TEXTURE_Z_SCALE = (Z_MAXIMUM - Z_MINIMUM);

        /// <summary>
        /// 3차원 포인트 딕셔너리
        /// </summary>
        private Dictionary<Point3D, int> point3DDictionary = new Dictionary<Point3D, int>();

        #endregion

        //////////////////////////////////////////////////////////////////////////////////////////////////// Constructor
        ////////////////////////////////////////////////////////////////////////////////////////// Public

        #region 생성자 - MainWindow()

        /// <summary>
        /// 생성자
        /// </summary>
        public MainWindow()
        {
            InitializeComponent();
        }

        #endregion

        //////////////////////////////////////////////////////////////////////////////////////////////////// Method
        ////////////////////////////////////////////////////////////////////////////////////////// Private
        //////////////////////////////////////////////////////////////////////////////// Event

        #region 윈도우 로드시 처리하기 - Window_Loaded(sender, e)

        /// <summary>
        /// 윈도우 로드시 처리하기
        /// </summary>
        /// <param name="sender">이벤트 발생자</param>
        /// <param name="e">이벤트 인자</param>
        private void Window_Loaded(object sender, RoutedEventArgs e)
        {
            this.camera = new PerspectiveCamera();

            this.camera.FieldOfView = 60;

            this.viewport3D.Camera = this.camera;

            SetCameraPosition();

            DefineLight();

            CreateAltitudeMap();

            DefineModel(this.model3Dgroup);

            ModelVisual3D modelVisual3D = new ModelVisual3D();

            modelVisual3D.Content = this.model3Dgroup;

            this.viewport3D.Children.Add(modelVisual3D);
        }

        #endregion
        #region 윈도우 키 DOWN 처리하기 - Window_KeyDown(sender, e)

        /// <summary>
        /// 윈도우 키 DOWN 처리하기
        /// </summary>
        /// <param name="sender">이벤트 발생자</param>
        /// <param name="e">이벤트 인자</param>
        private void Window_KeyDown(object sender, KeyEventArgs e)
        {
            switch(e.Key)
            {
                case Key.Up :

                    this.cameraPhi += CAMERA_DELTA_PHI;

                    if(this.cameraPhi > Math.PI / 2.0)
                    {
                        this.cameraPhi = Math.PI / 2.0;
                    }

                    break;

                case Key.Down :

                    this.cameraPhi -= CAMERA_DELTA_PHI;

                    if(this.cameraPhi < -Math.PI / 2.0)
                    {
                        this.cameraPhi = -Math.PI / 2.0;
                    }

                    break;

                case Key.Left :

                    this.cameraTheta += CAMERA_DELTA_THETA;

                    break;

                case Key.Right :

                    this.cameraTheta -= CAMERA_DELTA_THETA;

                    break;

                case Key.Add     :
                case Key.OemPlus :

                    this.cameraR -= CAMERA_DELTA_R;

                    if(this.cameraR < CAMERA_DELTA_R)
                    {
                        this.cameraR = CAMERA_DELTA_R;
                    }

                    break;

                case Key.Subtract :
                case Key.OemMinus :

                    this.cameraR += CAMERA_DELTA_R;

                    break;
            }

            SetCameraPosition();
        }

        #endregion

        //////////////////////////////////////////////////////////////////////////////// Function

        #region 카메라 위치 설정하기 - SetCameraPosition()

        /// <summary>
        /// 카메라 위치 설정하기
        /// </summary>
        private void SetCameraPosition()
        {
            double y   = this.cameraR * Math.Sin(this.cameraPhi);
            double hyp = this.cameraR * Math.Cos(this.cameraPhi);
            double x   = hyp * Math.Cos(this.cameraTheta);
            double z   = hyp * Math.Sin(this.cameraTheta);

            this.camera.Position = new Point3D(x, y, z);

            this.camera.LookDirection = new Vector3D(-x, -y, -z);

            this.camera.UpDirection = new Vector3D(0, 1, 0);
        }

        #endregion
        #region 조명 정의하기 - DefineLight()

        /// <summary>
        /// 조명 정의하기
        /// </summary>
        private void DefineLight()
        {
            AmbientLight ambientLight = new AmbientLight(Colors.Gray);

            DirectionalLight directionalLight = new DirectionalLight(Colors.Gray, new Vector3D(-1.0, -3.0, -2.0));

            this.model3Dgroup.Children.Add(ambientLight);

            this.model3Dgroup.Children.Add(directionalLight);
        }

        #endregion
        #region 무지개 색상 맵 설정하기 - SetRainbowColorMap(value, minimumValue, maximumValue, red, green, blue)

        /// <summary>
        /// 무지개 색상 맵 설정하기
        /// </summary>
        /// <param name="value">값</param>
        /// <param name="minimumValue">최소값</param>
        /// <param name="maximumValue">최대값</param>
        /// <param name="red">빨강색</param>
        /// <param name="green">녹색</param>
        /// <param name="blue">파랑색</param>
        private void SetRainbowColorMap(double value, double minimumValue, double maximumValue, out byte red, out byte green, out byte blue)
        {
            int mapValue = (int)(1023 * (value - minimumValue) / (maximumValue - minimumValue));

            if(mapValue < 256)
            {
                red   = 255;
                green = (byte)mapValue;
                blue  = 0;
            }
            else if(mapValue < 512)
            {
                mapValue -= 256;

                red   = (byte)(255 - mapValue);
                green = 255;
                blue  = 0;
            }
            else if(mapValue < 768)
            {
                mapValue -= 512;

                red   = 0;
                green = 255;
                blue  = (byte)mapValue;
            }
            else
            {
                mapValue -= 768;

                red   = 0;
                green = (byte)(255 - mapValue);
                blue  = 255;
            }
        }

        #endregion
        #region 고도 맵 생성하기 - CreateAltitudeMap()

        /// <summary>
        /// 고도 맵 생성하기
        /// </summary>
        private void CreateAltitudeMap()
        {
            const int X_WIDTH = 512;
            const int Z_WIDTH = 512;

            const double deltaX = (X_MAXIMUM - X_MINIMUM) / X_WIDTH;
            const double deltaZ = (Z_MAXIMUM - Z_MINIMUM) / Z_WIDTH;

            double[,] valueArray = new double[X_WIDTH, Z_WIDTH];

            for(int xIndex = 0; xIndex < X_WIDTH; xIndex++)
            {
                double x = X_MINIMUM + xIndex * deltaX;

                for(int zIndex = 0; zIndex < Z_WIDTH; zIndex++)
                {
                    double z = Z_MINIMUM + zIndex * deltaZ;

                    valueArray[xIndex, zIndex] = GetY(x, z);
                }
            }

            var valueEnumerable = from double value in valueArray
                                  select value;

            double yMinimum = valueEnumerable.Min();
            double yMaximum = valueEnumerable.Max();

            WriteableBitmapHelper bitmapPixelMaker = new WriteableBitmapHelper(X_WIDTH, Z_WIDTH);

            for(int xIndex = 0; xIndex < X_WIDTH; xIndex++)
            {
                for(int zIndex = 0; zIndex < Z_WIDTH; zIndex++)
                {
                    byte red;
                    byte green;
                    byte blue;

                    SetRainbowColorMap
                    (
                        valueArray[xIndex, zIndex],
                        yMinimum,
                        yMaximum,
                        out red,
                        out green,
                        out blue
                    );

                    bitmapPixelMaker.SetPixel(xIndex, zIndex, red, green, blue, 255);
                }
            }

            WriteableBitmap bitmap = bitmapPixelMaker.GetBitmap(96, 96);

            bitmap.Save("Texture.png");
        }

        #endregion
        #region Y 좌표 구하기 - GetY(x, z)

        /// <summary>
        /// Y 좌표 구하기
        /// </summary>
        /// <param name="x">X 좌표</param>
        /// <param name="z">Z 좌표</param>
        /// <returns>Y 좌표</returns>
        private double GetY(double x, double z)
        {
            const double TWO_PI = 2 * 3.14159265;

            double r2    = x * x + z * z;
            double r     = Math.Sqrt(r2);
            double theta = Math.Atan2(z, x);

            return Math.Exp(-r2) * Math.Sin(TWO_PI * r) * Math.Cos(3 * theta);
        }

        #endregion
        #region 포인트 추가하기 - AddPoint(point3DCollection, pointCollection, point3D)

        /// <summary>
        /// 포인트 추가하기
        /// </summary>
        /// <param name="point3DCollection">3차원 포인트 컬렉션</param>
        /// <param name="pointCollection">포인트 컬렉션</param>
        /// <param name="point3D">3차원 포인트</param>
        /// <returns>포인트 인덱스</returns>
        private int AddPoint(Point3DCollection point3DCollection, PointCollection pointCollection, Point3D point3D)
        {
            if(this.point3DDictionary.ContainsKey(point3D))
            {
                return this.point3DDictionary[point3D];
            }

            point3DCollection.Add(point3D);

            this.point3DDictionary.Add(point3D, point3DCollection.Count - 1);

            pointCollection.Add
            (
                new Point
                (
                    (point3D.X - X_MINIMUM) * TEXTURE_X_SCALE,
                    (point3D.Z - Z_MINIMUM) * TEXTURE_Z_SCALE
                )
            );

            return point3DCollection.Count - 1;
        }

        #endregion
        #region 삼각형 추가하기 - AddTriangle(meshGeometry3D, point3D1, point3D2, point3D3)

        /// <summary>
        /// 삼각형 추가하기
        /// </summary>
        /// <param name="meshGeometry3D">3차원 메쉬 기하</param>
        /// <param name="point3D1">3차원 포인트 1</param>
        /// <param name="point3D2">3차원 포인트 2</param>
        /// <param name="point3D3">3차원 포인트 3</param>
        private void AddTriangle(MeshGeometry3D meshGeometry3D, Point3D point3D1, Point3D point3D2, Point3D point3D3)
        {
            int index1 = AddPoint(meshGeometry3D.Positions, meshGeometry3D.TextureCoordinates, point3D1);
            int index2 = AddPoint(meshGeometry3D.Positions, meshGeometry3D.TextureCoordinates, point3D2);
            int index3 = AddPoint(meshGeometry3D.Positions, meshGeometry3D.TextureCoordinates, point3D3);

            meshGeometry3D.TriangleIndices.Add(index1);
            meshGeometry3D.TriangleIndices.Add(index2);
            meshGeometry3D.TriangleIndices.Add(index3);
        }

        #endregion
        #region 모델 정의하기 - DefineModel(model3DGroup)

        /// <summary>
        /// 모델 정의하기
        /// </summary>
        /// <param name="model3DGroup">3차원 모델 그룹</param>
        private void DefineModel(Model3DGroup model3DGroup)
        {
            MeshGeometry3D meshGeometry3D = new MeshGeometry3D();

            for(double x = X_MINIMUM; x <= X_MAXIMUM - DELTA_X; x += DELTA_X)
            {
                for(double z = Z_MINIMUM; z <= Z_MAXIMUM - DELTA_Z; z += DELTA_X)
                {
                    Point3D p00 = new Point3D(x          , GetY(x          , z          ), z          );
                    Point3D p10 = new Point3D(x + DELTA_X, GetY(x + DELTA_X, z          ), z          );
                    Point3D p01 = new Point3D(x          , GetY(x          , z + DELTA_Z), z + DELTA_Z);
                    Point3D p11 = new Point3D(x + DELTA_X, GetY(x + DELTA_X, z + DELTA_Z), z + DELTA_Z);

                    AddTriangle(meshGeometry3D, p00, p01, p11);
                    AddTriangle(meshGeometry3D, p00, p11, p10);
                }
            }

            ImageBrush imageBrush = new ImageBrush();

            imageBrush.ImageSource = new BitmapImage(new Uri("Texture.png", UriKind.Relative));

            DiffuseMaterial diffuseMaterial = new DiffuseMaterial(imageBrush);

            GeometryModel3D geometryModel3D = new GeometryModel3D(meshGeometry3D, diffuseMaterial);

            geometryModel3D.BackMaterial = diffuseMaterial;

            model3DGroup.Children.Add(geometryModel3D);
        }

        #endregion
    }
}

100

101

102

103

104

105

106

107

108

109

110

111

112

113

114

115

116

117

118

119

120

121

122

123

124

125

126

127

128

129

130

131

132

133

134

135

136

137

138

139

140

141

142

143

144

145

146

147

148

149

150

151

152

153

154

155

156

157

158

159

160

161

162

163

164

165

166

167

168

169

170

171

172

173

174

175

176

177

178

179

180

181

182

183

184

185

186

187

188

189

190

191

192

193

194

195

196

197

198

199

200

201

202

203

204

205

206

207

208

209

210

211

212

213

214

215

216

217

218

219

220

221

222

223

224

225

226

227

228

229

230

231

232

233

234

235

236

237

238

239

240

241

242

243

244

245

246

247

248

249

250

251

252

253

254

255

256

257

258

259

260

261

262

263

264

265

266

267

268

269

270

271

272

273

274

275

276

277

278

279

280

281

282

283

284

285

286

287

288

289

290

291

292

293

294

295

296

297

298

299

300

301

302

303

304

305

306

307

308

309

310

311

312

313

314

315

316

317

318

319

320

321

322

323

324

325

326

327

328

329

330

331

332

333

334

335

336

337

338

339

340

341

342

343

344

345

346

347

348

349

350

351

352

353

354

355

356

357

358

359

360

361

362

363

364

365

366

367

368

369

370

371

372

373

374

375

376

377

378

379

380

381

382

383

384

385

386

387

388

389

390

391

392

393

394

395

396

397

398

399

400

401

402

403

404

405

406

407

408

409

410

411

412

413

414

415

416

417

418

419

420

421

422

423

424

425

426

427

428

429

430

431

432

433

434

435

436

437

438

439

440

441

442

443

444

445

446

447

448

449

450

451

452

453

454

455

456

457

458

459

460

461

462

463

464

465

466

467

468

469

470

471

472

473

474

475

476

477

478

479

480

481

482

483

484

485

486

487

488

489

490

491

492

493

494

using System;

using System.Collections.Generic;

using System.Linq;

using System.Windows;

using System.Windows.Input;

using System.Windows.Media;

using System.Windows.Media.Imaging;

using System.Windows.Media.Media3D;

namespace TestProject

{

/// <summary>

/// 메인 윈도우

/// </summary>

public partial class MainWindow : Window

{

//////////////////////////////////////////////////////////////////////////////////////////////////// Field

////////////////////////////////////////////////////////////////////////////////////////// Private

#region Field

/// <summary>

/// 3차원 모델 그룹

/// </summary>

private Model3DGroup model3Dgroup = new Model3DGroup();

/// <summary>

/// 카메라

/// </summary>

private PerspectiveCamera camera;

/// <summary>

/// 카메라 파이

/// </summary>

private double cameraPhi = Math.PI / 6.0;

/// <summary>

/// 카메라 세타

/// </summary>

private double cameraTheta = Math.PI / 6.0;

/// <summary>

/// 카메라 R

/// </summary>

private double cameraR = 3.0;

/// <summary>

/// 카메라 델타 파이

/// </summary>

private const double CAMERA_DELTA_PHI = 0.1;

/// <summary>

/// 카메라 델타 세타

/// </summary>

private const double CAMERA_DELTA_THETA = 0.1;

/// <summary>

/// 카메라 델타 R

/// </summary>

private const double CAMERA_DELTA_R = 0.1;

/// <summary>

/// X 최소값

/// </summary>

private const double X_MINIMUM = -1.5;

/// <summary>

/// X 최대값

/// </summary>

private const double X_MAXIMUM = 1.5;

/// <summary>

/// 델타 X

/// </summary>

private const double DELTA_X = 0.03;

/// <summary>

/// Z 최소값

/// </summary>

private const double Z_MINIMUM = -1.5;

/// <summary>

/// Z 최대값

/// </summary>

private const double Z_MAXIMUM = 1.5;

/// <summary>

/// 델타 Z

/// </summary>

private const double DELTA_Z = 0.03;

/// <summary>

/// 텍스처 X 스케일

/// </summary>

private const double TEXTURE_X_SCALE = (X_MAXIMUM - X_MINIMUM);

/// <summary>

/// 텍스처 Z 스케일

/// </summary>

private const double TEXTURE_Z_SCALE = (Z_MAXIMUM - Z_MINIMUM);

/// <summary>

/// 3차원 포인트 딕셔너리

/// </summary>

private Dictionary<Point3D, int> point3DDictionary = new Dictionary<Point3D, int>();

#endregion

//////////////////////////////////////////////////////////////////////////////////////////////////// Constructor

////////////////////////////////////////////////////////////////////////////////////////// Public

#region 생성자 - MainWindow()

/// <summary>

/// 생성자

/// </summary>

public MainWindow()

{

InitializeComponent();

}

#endregion

//////////////////////////////////////////////////////////////////////////////////////////////////// Method

////////////////////////////////////////////////////////////////////////////////////////// Private

//////////////////////////////////////////////////////////////////////////////// Event

#region 윈도우 로드시 처리하기 - Window_Loaded(sender, e)

/// <summary>

/// 윈도우 로드시 처리하기

/// </summary>

/// <param name="sender">이벤트 발생자</param>

/// <param name="e">이벤트 인자</param>

private void Window_Loaded(object sender, RoutedEventArgs e)

{

this.camera = new PerspectiveCamera();

this.camera.FieldOfView = 60;

this.viewport3D.Camera = this.camera;

SetCameraPosition();

DefineLight();

CreateAltitudeMap();

DefineModel(this.model3Dgroup);

ModelVisual3D modelVisual3D = new ModelVisual3D();

modelVisual3D.Content = this.model3Dgroup;

this.viewport3D.Children.Add(modelVisual3D);

}

#endregion

#region 윈도우 키 DOWN 처리하기 - Window_KeyDown(sender, e)

/// <summary>

/// 윈도우 키 DOWN 처리하기

/// </summary>

/// <param name="sender">이벤트 발생자</param>

/// <param name="e">이벤트 인자</param>

private void Window_KeyDown(object sender, KeyEventArgs e)

{

switch(e.Key)

{

case Key.Up :

this.cameraPhi += CAMERA_DELTA_PHI;

if(this.cameraPhi > Math.PI / 2.0)

{

this.cameraPhi = Math.PI / 2.0;

}

break;

case Key.Down :

this.cameraPhi -= CAMERA_DELTA_PHI;

if(this.cameraPhi < -Math.PI / 2.0)

{

this.cameraPhi = -Math.PI / 2.0;

}

break;

case Key.Left :

this.cameraTheta += CAMERA_DELTA_THETA;

break;

case Key.Right :

this.cameraTheta -= CAMERA_DELTA_THETA;

break;

case Key.Add :

case Key.OemPlus :

this.cameraR -= CAMERA_DELTA_R;

if(this.cameraR < CAMERA_DELTA_R)

{

this.cameraR = CAMERA_DELTA_R;

}

break;

case Key.Subtract :

case Key.OemMinus :

this.cameraR += CAMERA_DELTA_R;

break;

}

SetCameraPosition();

}

#endregion

//////////////////////////////////////////////////////////////////////////////// Function

#region 카메라 위치 설정하기 - SetCameraPosition()

/// <summary>

/// 카메라 위치 설정하기

/// </summary>

private void SetCameraPosition()

{

double y = this.cameraR * Math.Sin(this.cameraPhi);

double hyp = this.cameraR * Math.Cos(this.cameraPhi);

double x = hyp * Math.Cos(this.cameraTheta);

double z = hyp * Math.Sin(this.cameraTheta);

this.camera.Position = new Point3D(x, y, z);

this.camera.LookDirection = new Vector3D(-x, -y, -z);

this.camera.UpDirection = new Vector3D(0, 1, 0);

}

#endregion

#region 조명 정의하기 - DefineLight()

/// <summary>

/// 조명 정의하기

/// </summary>

private void DefineLight()

{

AmbientLight ambientLight = new AmbientLight(Colors.Gray);

DirectionalLight directionalLight = new DirectionalLight(Colors.Gray, new Vector3D(-1.0, -3.0, -2.0));

this.model3Dgroup.Children.Add(ambientLight);

this.model3Dgroup.Children.Add(directionalLight);

}

#endregion

#region 무지개 색상 맵 설정하기 - SetRainbowColorMap(value, minimumValue, maximumValue, red, green, blue)

/// <summary>

/// 무지개 색상 맵 설정하기

/// </summary>

/// <param name="value">값</param>

/// <param name="minimumValue">최소값</param>

/// <param name="maximumValue">최대값</param>

/// <param name="red">빨강색</param>

/// <param name="green">녹색</param>

/// <param name="blue">파랑색</param>

private void SetRainbowColorMap(double value, double minimumValue, double maximumValue, out byte red, out byte green, out byte blue)

{

int mapValue = (int)(1023 * (value - minimumValue) / (maximumValue - minimumValue));

if(mapValue < 256)

{

red = 255;

green = (byte)mapValue;

blue = 0;

}

else if(mapValue < 512)

{

mapValue -= 256;

red = (byte)(255 - mapValue);

green = 255;

blue = 0;

}

else if(mapValue < 768)

{

mapValue -= 512;

red = 0;

green = 255;

blue = (byte)mapValue;

}

else

{

mapValue -= 768;

red = 0;

green = (byte)(255 - mapValue);

blue = 255;

}

#endregion

#region 고도 맵 생성하기 - CreateAltitudeMap()

/// <summary>

/// 고도 맵 생성하기

/// </summary>

private void CreateAltitudeMap()

{

const int X_WIDTH = 512;

const int Z_WIDTH = 512;

const double deltaX = (X_MAXIMUM - X_MINIMUM) / X_WIDTH;

const double deltaZ = (Z_MAXIMUM - Z_MINIMUM) / Z_WIDTH;

double[,] valueArray = new double[X_WIDTH, Z_WIDTH];

for(int xIndex = 0; xIndex < X_WIDTH; xIndex++)

{

double x = X_MINIMUM + xIndex * deltaX;

for(int zIndex = 0; zIndex < Z_WIDTH; zIndex++)

{

double z = Z_MINIMUM + zIndex * deltaZ;

valueArray[xIndex, zIndex] = GetY(x, z);

}

var valueEnumerable = from double value in valueArray

select value;

double yMinimum = valueEnumerable.Min();

double yMaximum = valueEnumerable.Max();

WriteableBitmapHelper bitmapPixelMaker = new WriteableBitmapHelper(X_WIDTH, Z_WIDTH);

for(int xIndex = 0; xIndex < X_WIDTH; xIndex++)

{

for(int zIndex = 0; zIndex < Z_WIDTH; zIndex++)

{

byte red;

byte green;

byte blue;

SetRainbowColorMap

(

valueArray[xIndex, zIndex],

yMinimum,

yMaximum,

out red,

out green,

out blue

);

bitmapPixelMaker.SetPixel(xIndex, zIndex, red, green, blue, 255);

}

WriteableBitmap bitmap = bitmapPixelMaker.GetBitmap(96, 96);

bitmap.Save("Texture.png");

}

#endregion

#region Y 좌표 구하기 - GetY(x, z)

/// <summary>

/// Y 좌표 구하기

/// </summary>

/// <param name="x">X 좌표</param>

/// <param name="z">Z 좌표</param>

/// <returns>Y 좌표</returns>

private double GetY(double x, double z)

{

const double TWO_PI = 2 * 3.14159265;

double r2 = x * x + z * z;

double r = Math.Sqrt(r2);

double theta = Math.Atan2(z, x);

return Math.Exp(-r2) * Math.Sin(TWO_PI * r) * Math.Cos(3 * theta);

}

#endregion

#region 포인트 추가하기 - AddPoint(point3DCollection, pointCollection, point3D)

/// <summary>

/// 포인트 추가하기

/// </summary>

/// <param name="point3DCollection">3차원 포인트 컬렉션</param>

/// <param name="pointCollection">포인트 컬렉션</param>

/// <param name="point3D">3차원 포인트</param>

/// <returns>포인트 인덱스</returns>

private int AddPoint(Point3DCollection point3DCollection, PointCollection pointCollection, Point3D point3D)

{

if(this.point3DDictionary.ContainsKey(point3D))

{

return this.point3DDictionary[point3D];

}

point3DCollection.Add(point3D);

this.point3DDictionary.Add(point3D, point3DCollection.Count - 1);

pointCollection.Add

(

new Point

(

(point3D.X - X_MINIMUM) * TEXTURE_X_SCALE,

(point3D.Z - Z_MINIMUM) * TEXTURE_Z_SCALE

)

);

return point3DCollection.Count - 1;

}

#endregion

#region 삼각형 추가하기 - AddTriangle(meshGeometry3D, point3D1, point3D2, point3D3)

/// <summary>

/// 삼각형 추가하기

/// </summary>

/// <param name="meshGeometry3D">3차원 메쉬 기하</param>

/// <param name="point3D1">3차원 포인트 1</param>

/// <param name="point3D2">3차원 포인트 2</param>

/// <param name="point3D3">3차원 포인트 3</param>

private void AddTriangle(MeshGeometry3D meshGeometry3D, Point3D point3D1, Point3D point3D2, Point3D point3D3)

{

int index1 = AddPoint(meshGeometry3D.Positions, meshGeometry3D.TextureCoordinates, point3D1);

int index2 = AddPoint(meshGeometry3D.Positions, meshGeometry3D.TextureCoordinates, point3D2);

int index3 = AddPoint(meshGeometry3D.Positions, meshGeometry3D.TextureCoordinates, point3D3);

meshGeometry3D.TriangleIndices.Add(index1);

meshGeometry3D.TriangleIndices.Add(index2);

meshGeometry3D.TriangleIndices.Add(index3);

}

#endregion

#region 모델 정의하기 - DefineModel(model3DGroup)

/// <summary>

/// 모델 정의하기

/// </summary>

/// <param name="model3DGroup">3차원 모델 그룹</param>

private void DefineModel(Model3DGroup model3DGroup)

{

MeshGeometry3D meshGeometry3D = new MeshGeometry3D();

for(double x = X_MINIMUM; x <= X_MAXIMUM - DELTA_X; x += DELTA_X)

{

for(double z = Z_MINIMUM; z <= Z_MAXIMUM - DELTA_Z; z += DELTA_X)

{

Point3D p00 = new Point3D(x , GetY(x , z ), z );

Point3D p10 = new Point3D(x + DELTA_X, GetY(x + DELTA_X, z ), z );

Point3D p01 = new Point3D(x , GetY(x , z + DELTA_Z), z + DELTA_Z);

Point3D p11 = new Point3D(x + DELTA_X, GetY(x + DELTA_X, z + DELTA_Z), z + DELTA_Z);

AddTriangle(meshGeometry3D, p00, p01, p11);

AddTriangle(meshGeometry3D, p00, p11, p10);

}

ImageBrush imageBrush = new ImageBrush();

imageBrush.ImageSource = new BitmapImage(new Uri("Texture.png", UriKind.Relative));

DiffuseMaterial diffuseMaterial = new DiffuseMaterial(imageBrush);

GeometryModel3D geometryModel3D = new GeometryModel3D(meshGeometry3D, diffuseMaterial);

geometryModel3D.BackMaterial = diffuseMaterial;

model3DGroup.Children.Add(geometryModel3D);

}

#endregion

}

TestProject.zip

[C#/WPF] 3차원 표면 격자 그리기

■ 3차원 표면에 격자를 그리는 방법을 보여준다. ▶ MainWindow.xaml


<Window x:Class="TestProject.MainWindow"
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
    Width="800"
    Height="600"
    Title="3차원 표면 격자 그리기"
    Loaded="Window_Loaded"
    KeyDown="Window_KeyDown">
    <Grid>
        <Viewport3D Name="mainViewport" />
    </Grid>
</Window>

<Window x:Class="TestProject.MainWindow"

xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"

xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"

Width="800"

Height="600"

Title="3차원 표면 격자 그리기"

Loaded="Window_Loaded"

KeyDown="Window_KeyDown">

<Grid>

</Grid>

</Window>

▶ MainWindow.xaml.cs


using System;
using System.Collections.Generic;
using System.Windows;
using System.Windows.Input;
using System.Windows.Media;
using System.Windows.Media.Imaging;
using System.Windows.Media.Media3D;

namespace TestProject
{
    /// <summary>
    /// 메인 윈도우
    /// </summary>
    public partial class MainWindow : Window
    {
        //////////////////////////////////////////////////////////////////////////////////////////////////// Field
        ////////////////////////////////////////////////////////////////////////////////////////// Private

        #region Field

        /// <summary>
        /// 모델 3D 그룹
        /// </summary>
        private Model3DGroup model3Dgroup = new Model3DGroup();

        /// <summary>
        /// 카메라
        /// </summary>
        private PerspectiveCamera camera;

        /// <summary>
        /// 카메라 R
        /// </summary>
        private double cameraR = 3.0;

        /// <summary>
        /// 카메라 파이
        /// </summary>
        private double cameraPhi = Math.PI / 6.0;

        /// <summary>
        /// 카메라 세타
        /// </summary>
        private double cameraTheta = Math.PI / 6.0;

        /// <summary>
        /// 카메라 델타 파이
        /// </summary>
        private const double CAMERA_DELTA_PHI = 0.1;

        /// <summary>
        /// 카메라 델타 세타
        /// </summary>
        private const double CAMERA_DELTA_THETA = 0.1;

        /// <summary>
        /// 카메라 델타 R
        /// </summary>
        private const double CAMERA_DELTA_R = 0.1;

        /// <summary>
        /// X 최소값
        /// </summary>
        private const double X_MINIMUM = -1.5;

        /// <summary>
        /// X 최대값
        /// </summary>
        private const double X_MAXIMUM = 1.5;

        /// <summary>
        /// X 델타
        /// </summary>
        private const double DELTA_X = 0.03;

        /// <summary>
        /// Z 최소값
        /// </summary>
        private const double Z_MINIMUM = -1.5;

        /// <summary>
        /// Z 최대값
        /// </summary>
        private const double Z_MAXIMUM = 1.5;

        /// <summary>
        /// Z 델타
        /// </summary>
        private const double DELTA_Z = 0.03;

        /// <summary>
        /// 텍스처 X 스케일
        /// </summary>
        private const double TEXTURE_X_SCALE = (X_MAXIMUM - X_MINIMUM);

        /// <summary>
        /// 텍스처 Z 스케일
        /// </summary>
        private const double TEXTURE_Z_SCALE = (Z_MAXIMUM - Z_MINIMUM);

        /// <summary>
        /// 3차원 포인트 딕셔너리
        /// </summary>
        private Dictionary<Point3D, int> point3DDictionary = new Dictionary<Point3D, int>();

        #endregion

        //////////////////////////////////////////////////////////////////////////////////////////////////// Constructor
        ////////////////////////////////////////////////////////////////////////////////////////// Public

        #region 생성자 - MainWindow()

        /// <summary>
        /// 생성자
        /// </summary>
        public MainWindow()
        {
            InitializeComponent();
        }

        #endregion

        //////////////////////////////////////////////////////////////////////////////////////////////////// Method
        ////////////////////////////////////////////////////////////////////////////////////////// Private
        //////////////////////////////////////////////////////////////////////////////// Event

        #region 윈도우 로드시 처리하기 - Window_Loaded(sender, e)

        /// <summary>
        /// 윈도우 로드시 처리하기
        /// </summary>
        /// <param name="sender">이벤트 발생자</param>
        /// <param name="e">이벤트 인자</param>
        private void Window_Loaded(object sender, RoutedEventArgs e)
        {
            this.camera = new PerspectiveCamera();

            this.camera.FieldOfView = 60;

            this.mainViewport.Camera = this.camera;

            SetCameraPosition();

            DefineLight();

            DefineModel(this.model3Dgroup);

            ModelVisual3D modelVisual3D = new ModelVisual3D();

            modelVisual3D.Content = this.model3Dgroup;

            this.mainViewport.Children.Add(modelVisual3D);
        }

        #endregion
        #region 윈도우 키 DOWN 처리하기 - Window_KeyDown(sender, e)

        /// <summary>
        /// 윈도우 키 DOWN 처리하기
        /// </summary>
        /// <param name="sender">이벤트 발생자</param>
        /// <param name="e">이벤트 인자</param>
        private void Window_KeyDown(object sender, KeyEventArgs e)
        {
            switch(e.Key)
            {
                case Key.Up :

                    this.cameraPhi += CAMERA_DELTA_PHI;

                    if(this.cameraPhi > Math.PI / 2.0)
                    {
                        this.cameraPhi = Math.PI / 2.0;
                    }

                    break;

                case Key.Down :

                    this.cameraPhi -= CAMERA_DELTA_PHI;

                    if(this.cameraPhi < -Math.PI / 2.0)
                    {
                        this.cameraPhi = -Math.PI / 2.0;
                    }

                    break;

                case Key.Left :

                    this.cameraTheta += CAMERA_DELTA_THETA;

                    break;

                case Key.Right :

                    this.cameraTheta -= CAMERA_DELTA_THETA;

                    break;

                case Key.Add     :
                case Key.OemPlus :

                    this.cameraR -= CAMERA_DELTA_R;

                    if(this.cameraR < CAMERA_DELTA_R)
                    {
                        this.cameraR = CAMERA_DELTA_R;
                    }

                    break;

                case Key.Subtract :
                case Key.OemMinus :

                    this.cameraR += CAMERA_DELTA_R;

                    break;
            }

            SetCameraPosition();
        }

        #endregion

        //////////////////////////////////////////////////////////////////////////////// Function

        #region 카메라 위치 설정하기 - SetCameraPosition()

        /// <summary>
        /// 카메라 위치 설정하기
        /// </summary>
        private void SetCameraPosition()
        {
            double y   = this.cameraR * Math.Sin(this.cameraPhi);
            double hyp = this.cameraR * Math.Cos(this.cameraPhi);
            double x   = hyp * Math.Cos(this.cameraTheta);
            double z   = hyp * Math.Sin(this.cameraTheta);

            this.camera.Position = new Point3D(x, y, z);

            this.camera.LookDirection = new Vector3D(-x, -y, -z);

            this.camera.UpDirection = new Vector3D(0, 1, 0);
        }

        #endregion
        #region 조명 정의하기 - DefineLight()

        /// <summary>
        /// 조명 정의하기
        /// </summary>
        private void DefineLight()
        {
            AmbientLight ambientLight = new AmbientLight(Colors.Gray);

            DirectionalLight directionalLight = new DirectionalLight(Colors.Gray, new Vector3D(-1.0, -3.0, -2.0));

            this.model3Dgroup.Children.Add(ambientLight);

            this.model3Dgroup.Children.Add(directionalLight);
        }

        #endregion
        #region Y 좌표 구하기 - GetY(x, z)

        /// <summary>
        /// Y 좌표 구하기
        /// </summary>
        /// <param name="x">X 좌표</param>
        /// <param name="z">Z 좌표</param>
        /// <returns>Y 좌표</returns>
        private double GetY(double x, double z)
        {
            const double TWO_PI = 2 * 3.14159265;

            double r2    = x * x + z * z;
            double r     = Math.Sqrt(r2);
            double theta = Math.Atan2(z, x);

            return Math.Exp(-r2) * Math.Sin(TWO_PI * r) * Math.Cos(3 * theta);
        }

        #endregion
        #region 포인트 추가하기 - AddPoint(point3DCollection, pointCollection, point3D)

        /// <summary>
        /// 포인트 추가하기
        /// </summary>
        /// <param name="point3DCollection">3차원 포인트 컬렉션</param>
        /// <param name="pointCollection">포인트 컬렉션</param>
        /// <param name="point3D">3차원 포인트</param>
        /// <returns>3차원 포인트 인덱스</returns>
        private int AddPoint(Point3DCollection point3DCollection, PointCollection pointCollection, Point3D point3D)
        {
            if(this.point3DDictionary.ContainsKey(point3D))
            {
                return this.point3DDictionary[point3D];
            }

            point3DCollection.Add(point3D);

            this.point3DDictionary.Add(point3D, point3DCollection.Count - 1);

            pointCollection.Add
            (
                new Point
                (
                    (point3D.X - X_MINIMUM) * TEXTURE_X_SCALE,
                    (point3D.Z - Z_MINIMUM) * TEXTURE_Z_SCALE
                )
            );

            return point3DCollection.Count - 1;
        }

        #endregion
        #region 삼각형 추가하기 - AddTriangle(meshGeometry3D, point3D1, point3D2, point3D3)

        /// <summary>
        /// 삼각형 추가하기
        /// </summary>
        /// <param name="meshGeometry3D">메쉬 기하 3D</param>
        /// <param name="point3D1">3차원 포인트 1</param>
        /// <param name="point3D2">3차원 포인트 2</param>
        /// <param name="point3D3">3차원 포인트 3</param>
        private void AddTriangle(MeshGeometry3D meshGeometry3D, Point3D point3D1, Point3D point3D2, Point3D point3D3)
        {
            int index1 = AddPoint(meshGeometry3D.Positions, meshGeometry3D.TextureCoordinates, point3D1);
            int index2 = AddPoint(meshGeometry3D.Positions, meshGeometry3D.TextureCoordinates, point3D2);
            int index3 = AddPoint(meshGeometry3D.Positions, meshGeometry3D.TextureCoordinates, point3D3);

            meshGeometry3D.TriangleIndices.Add(index1);
            meshGeometry3D.TriangleIndices.Add(index2);
            meshGeometry3D.TriangleIndices.Add(index3);
        }

        #endregion
        #region 모델 정의하기 - DefineModel(model3DGroup)

        /// <summary>
        /// 모델 정의하기
        /// </summary>
        /// <param name="model3DGroup">모델 3D 그룹</param>
        private void DefineModel(Model3DGroup model3DGroup)
        {
            MeshGeometry3D meshGeometry3D = new MeshGeometry3D();

            for(double x = X_MINIMUM; x <= X_MAXIMUM - DELTA_X; x += DELTA_X)
            {
                for(double z = Z_MINIMUM; z <= Z_MAXIMUM - DELTA_Z; z += DELTA_X)
                {
                    Point3D p00 = new Point3D(x          , GetY(x          , z          ), z          );
                    Point3D p10 = new Point3D(x + DELTA_X, GetY(x + DELTA_X, z          ), z          );
                    Point3D p01 = new Point3D(x          , GetY(x          , z + DELTA_Z), z + DELTA_Z);
                    Point3D p11 = new Point3D(x + DELTA_X, GetY(x + DELTA_X, z + DELTA_Z), z + DELTA_Z);

                    AddTriangle(meshGeometry3D, p00, p01, p11);
                    AddTriangle(meshGeometry3D, p00, p11, p10);
                }
            }

            ImageBrush imageBrush = new ImageBrush();

            imageBrush.ImageSource = new BitmapImage(new Uri("Grid.png", UriKind.Relative));

            DiffuseMaterial diffuseMaterial = new DiffuseMaterial(imageBrush);

            GeometryModel3D geometryModel3D = new GeometryModel3D(meshGeometry3D, diffuseMaterial);

            geometryModel3D.BackMaterial = diffuseMaterial;

            model3DGroup.Children.Add(geometryModel3D);
        }

        #endregion
    }
}

100

101

102

103

104

105

106

107

108

109

110

111

112

113

114

115

116

117

118

119

120

121

122

123

124

125

126

127

128

129

130

131

132

133

134

135

136

137

138

139

140

141

142

143

144

145

146

147

148

149

150

151

152

153

154

155

156

157

158

159

160

161

162

163

164

165

166

167

168

169

170

171

172

173

174

175

176

177

178

179

180

181

182

183

184

185

186

187

188

189

190

191

192

193

194

195

196

197

198

199

200

201

202

203

204

205

206

207

208

209

210

211

212

213

214

215

216

217

218

219

220

221

222

223

224

225

226

227

228

229

230

231

232

233

234

235

236

237

238

239

240

241

242

243

244

245

246

247

248

249

250

251

252

253

254

255

256

257

258

259

260

261

262

263

264

265

266

267

268

269

270

271

272

273

274

275

276

277

278

279

280

281

282

283

284

285

286

287

288

289

290

291

292

293

294

295

296

297

298

299

300

301

302

303

304

305

306

307

308

309

310

311

312

313

314

315

316

317

318

319

320

321

322

323

324

325

326

327

328

329

330

331

332

333

334

335

336

337

338

339

340

341

342

343

344

345

346

347

348

349

350

351

352

353

354

355

356

357

358

359

360

361

362

363

364

365

366

367

368

369

370

371

372

373

374

375

376

377

378

379

380

using System;

using System.Collections.Generic;

using System.Windows;

using System.Windows.Input;

using System.Windows.Media;

using System.Windows.Media.Imaging;

using System.Windows.Media.Media3D;

namespace TestProject

{

/// <summary>

/// 메인 윈도우

/// </summary>

public partial class MainWindow : Window

{

//////////////////////////////////////////////////////////////////////////////////////////////////// Field

////////////////////////////////////////////////////////////////////////////////////////// Private

#region Field

/// <summary>

/// 모델 3D 그룹

/// </summary>

private Model3DGroup model3Dgroup = new Model3DGroup();

/// <summary>

/// 카메라

/// </summary>

private PerspectiveCamera camera;

/// <summary>

/// 카메라 R

/// </summary>

private double cameraR = 3.0;

/// <summary>

/// 카메라 파이

/// </summary>

private double cameraPhi = Math.PI / 6.0;

/// <summary>

/// 카메라 세타

/// </summary>

private double cameraTheta = Math.PI / 6.0;

/// <summary>

/// 카메라 델타 파이

/// </summary>

private const double CAMERA_DELTA_PHI = 0.1;

/// <summary>

/// 카메라 델타 세타

/// </summary>

private const double CAMERA_DELTA_THETA = 0.1;

/// <summary>

/// 카메라 델타 R

/// </summary>

private const double CAMERA_DELTA_R = 0.1;

/// <summary>

/// X 최소값

/// </summary>

private const double X_MINIMUM = -1.5;

/// <summary>

/// X 최대값

/// </summary>

private const double X_MAXIMUM = 1.5;

/// <summary>

/// X 델타

/// </summary>

private const double DELTA_X = 0.03;

/// <summary>

/// Z 최소값

/// </summary>

private const double Z_MINIMUM = -1.5;

/// <summary>

/// Z 최대값

/// </summary>

private const double Z_MAXIMUM = 1.5;

/// <summary>

/// Z 델타

/// </summary>

private const double DELTA_Z = 0.03;

/// <summary>

/// 텍스처 X 스케일

/// </summary>

private const double TEXTURE_X_SCALE = (X_MAXIMUM - X_MINIMUM);

/// <summary>

/// 텍스처 Z 스케일

/// </summary>

private const double TEXTURE_Z_SCALE = (Z_MAXIMUM - Z_MINIMUM);

/// <summary>

/// 3차원 포인트 딕셔너리

/// </summary>

private Dictionary<Point3D, int> point3DDictionary = new Dictionary<Point3D, int>();

#endregion

//////////////////////////////////////////////////////////////////////////////////////////////////// Constructor

////////////////////////////////////////////////////////////////////////////////////////// Public

#region 생성자 - MainWindow()

/// <summary>

/// 생성자

/// </summary>

public MainWindow()

{

InitializeComponent();

}

#endregion

//////////////////////////////////////////////////////////////////////////////////////////////////// Method

////////////////////////////////////////////////////////////////////////////////////////// Private

//////////////////////////////////////////////////////////////////////////////// Event

#region 윈도우 로드시 처리하기 - Window_Loaded(sender, e)

/// <summary>

/// 윈도우 로드시 처리하기

/// </summary>

/// <param name="sender">이벤트 발생자</param>

/// <param name="e">이벤트 인자</param>

private void Window_Loaded(object sender, RoutedEventArgs e)

{

this.camera = new PerspectiveCamera();

this.camera.FieldOfView = 60;

this.mainViewport.Camera = this.camera;

SetCameraPosition();

DefineLight();

DefineModel(this.model3Dgroup);

ModelVisual3D modelVisual3D = new ModelVisual3D();

modelVisual3D.Content = this.model3Dgroup;

this.mainViewport.Children.Add(modelVisual3D);

}

#endregion

#region 윈도우 키 DOWN 처리하기 - Window_KeyDown(sender, e)

/// <summary>

/// 윈도우 키 DOWN 처리하기

/// </summary>

/// <param name="sender">이벤트 발생자</param>

/// <param name="e">이벤트 인자</param>

private void Window_KeyDown(object sender, KeyEventArgs e)

{

switch(e.Key)

{

case Key.Up :

this.cameraPhi += CAMERA_DELTA_PHI;

if(this.cameraPhi > Math.PI / 2.0)

{

this.cameraPhi = Math.PI / 2.0;

}

break;

case Key.Down :

this.cameraPhi -= CAMERA_DELTA_PHI;

if(this.cameraPhi < -Math.PI / 2.0)

{

this.cameraPhi = -Math.PI / 2.0;

}

break;

case Key.Left :

this.cameraTheta += CAMERA_DELTA_THETA;

break;

case Key.Right :

this.cameraTheta -= CAMERA_DELTA_THETA;

break;

case Key.Add :

case Key.OemPlus :

this.cameraR -= CAMERA_DELTA_R;

if(this.cameraR < CAMERA_DELTA_R)

{

this.cameraR = CAMERA_DELTA_R;

}

break;

case Key.Subtract :

case Key.OemMinus :

this.cameraR += CAMERA_DELTA_R;

break;

}

SetCameraPosition();

}

#endregion

//////////////////////////////////////////////////////////////////////////////// Function

#region 카메라 위치 설정하기 - SetCameraPosition()

/// <summary>

/// 카메라 위치 설정하기

/// </summary>

private void SetCameraPosition()

{

double y = this.cameraR * Math.Sin(this.cameraPhi);

double hyp = this.cameraR * Math.Cos(this.cameraPhi);

double x = hyp * Math.Cos(this.cameraTheta);

double z = hyp * Math.Sin(this.cameraTheta);

this.camera.Position = new Point3D(x, y, z);

this.camera.LookDirection = new Vector3D(-x, -y, -z);

this.camera.UpDirection = new Vector3D(0, 1, 0);

}

#endregion

#region 조명 정의하기 - DefineLight()

/// <summary>

/// 조명 정의하기

/// </summary>

private void DefineLight()

{

AmbientLight ambientLight = new AmbientLight(Colors.Gray);

DirectionalLight directionalLight = new DirectionalLight(Colors.Gray, new Vector3D(-1.0, -3.0, -2.0));

this.model3Dgroup.Children.Add(ambientLight);

this.model3Dgroup.Children.Add(directionalLight);

}

#endregion

#region Y 좌표 구하기 - GetY(x, z)

/// <summary>

/// Y 좌표 구하기

/// </summary>

/// <param name="x">X 좌표</param>

/// <param name="z">Z 좌표</param>

/// <returns>Y 좌표</returns>

private double GetY(double x, double z)

{

const double TWO_PI = 2 * 3.14159265;

double r2 = x * x + z * z;

double r = Math.Sqrt(r2);

double theta = Math.Atan2(z, x);

return Math.Exp(-r2) * Math.Sin(TWO_PI * r) * Math.Cos(3 * theta);

}

#endregion

#region 포인트 추가하기 - AddPoint(point3DCollection, pointCollection, point3D)

/// <summary>

/// 포인트 추가하기

/// </summary>

/// <param name="point3DCollection">3차원 포인트 컬렉션</param>

/// <param name="pointCollection">포인트 컬렉션</param>

/// <param name="point3D">3차원 포인트</param>

/// <returns>3차원 포인트 인덱스</returns>

private int AddPoint(Point3DCollection point3DCollection, PointCollection pointCollection, Point3D point3D)

{

if(this.point3DDictionary.ContainsKey(point3D))

{

return this.point3DDictionary[point3D];

}

point3DCollection.Add(point3D);

this.point3DDictionary.Add(point3D, point3DCollection.Count - 1);

pointCollection.Add

(

new Point

(

(point3D.X - X_MINIMUM) * TEXTURE_X_SCALE,

(point3D.Z - Z_MINIMUM) * TEXTURE_Z_SCALE

)

);

return point3DCollection.Count - 1;

}

#endregion

#region 삼각형 추가하기 - AddTriangle(meshGeometry3D, point3D1, point3D2, point3D3)

/// <summary>

/// 삼각형 추가하기

/// </summary>

/// <param name="meshGeometry3D">메쉬 기하 3D</param>

/// <param name="point3D1">3차원 포인트 1</param>

/// <param name="point3D2">3차원 포인트 2</param>

/// <param name="point3D3">3차원 포인트 3</param>

private void AddTriangle(MeshGeometry3D meshGeometry3D, Point3D point3D1, Point3D point3D2, Point3D point3D3)

{

int index1 = AddPoint(meshGeometry3D.Positions, meshGeometry3D.TextureCoordinates, point3D1);

int index2 = AddPoint(meshGeometry3D.Positions, meshGeometry3D.TextureCoordinates, point3D2);

int index3 = AddPoint(meshGeometry3D.Positions, meshGeometry3D.TextureCoordinates, point3D3);

meshGeometry3D.TriangleIndices.Add(index1);

meshGeometry3D.TriangleIndices.Add(index2);

meshGeometry3D.TriangleIndices.Add(index3);

}

#endregion

#region 모델 정의하기 - DefineModel(model3DGroup)

/// <summary>

/// 모델 정의하기

/// </summary>

/// <param name="model3DGroup">모델 3D 그룹</param>

private void DefineModel(Model3DGroup model3DGroup)

{

MeshGeometry3D meshGeometry3D = new MeshGeometry3D();

for(double x = X_MINIMUM; x <= X_MAXIMUM - DELTA_X; x += DELTA_X)

{

for(double z = Z_MINIMUM; z <= Z_MAXIMUM - DELTA_Z; z += DELTA_X)

{

Point3D p00 = new Point3D(x , GetY(x , z ), z );

Point3D p10 = new Point3D(x + DELTA_X, GetY(x + DELTA_X, z ), z );

Point3D p01 = new Point3D(x , GetY(x , z + DELTA_Z), z + DELTA_Z);

Point3D p11 = new Point3D(x + DELTA_X, GetY(x + DELTA_X, z + DELTA_Z), z + DELTA_Z);

AddTriangle(meshGeometry3D, p00, p01, p11);

AddTriangle(meshGeometry3D, p00, p11, p10);

}

ImageBrush imageBrush = new ImageBrush();

imageBrush.ImageSource = new BitmapImage(new Uri("Grid.png", UriKind.Relative));

DiffuseMaterial diffuseMaterial = new DiffuseMaterial(imageBrush);

GeometryModel3D geometryModel3D = new GeometryModel3D(meshGeometry3D, diffuseMaterial);

geometryModel3D.BackMaterial = diffuseMaterial;

model3DGroup.Children.Add(geometryModel3D);

}

#endregion

}

TestProject.zip

[C#/WINFORM/EMGUCV] 입체 사진 만들기

■ 입체 사진을 만드는 방법을 보여준다. ▶ MainForm.cs


using System;
using System.Drawing;
using System.Windows.Forms;

using Emgu.CV;
using Emgu.CV.Structure;

using OpenTK.Graphics;
using OpenTK.Graphics.OpenGL;

namespace TestProject
{
    /// <summary>
    /// 메인 폼
    /// </summary>
    public partial class MainForm : Form
    {
        //////////////////////////////////////////////////////////////////////////////////////////////////// Field
        ////////////////////////////////////////////////////////////////////////////////////////// Private

        #region Field

        /// <summary>
        /// 왼쪽 이미지
        /// </summary>
        private Image<Bgr, Byte> leftImage;

        /// <summary>
        /// 오른쪽 이미지
        /// </summary>
        private Image<Bgr, byte> rightImage;

        /// <summary>
        /// 3D 포인트 배열
        /// </summary>
        private MCvPoint3D32f[] point3DArray;


        /// <summary>
        /// GL 로드 여부
        /// </summary>
        private bool giLoaded = false;

        /// <summary>
        /// 텍스처 배열
        /// </summary>
        private int[] textureArray;

        /// <summary>
        /// 텍스처 이미지
        /// </summary>
        private Image<Bgr, Byte> textureImage;

        /// <summary>
        /// 각도
        /// </summary>
        private double angle = 0.0;

        /// <summary>
        /// 각도 증가치
        /// </summary>
        private double angleIncrement = 0.2;

        #endregion

        //////////////////////////////////////////////////////////////////////////////////////////////////// Constructor
        ////////////////////////////////////////////////////////////////////////////////////////// Public

        #region 생성자 - MainForm()

        /// <summary>
        /// 생성자
        /// </summary>
        public MainForm()
        {
            InitializeComponent();

            this.leftImage  = new Image<Bgr, byte>("imageLeft.png" );
            this.rightImage = new Image<Bgr, byte>("imageRight.png");

            Image<Gray, short> disparityMapImage;

            Computer3DPointArray
            (
                leftImage.Convert<Gray, Byte>(),
                rightImage.Convert<Gray, Byte>(),
                out disparityMapImage,
                out this.point3DArray
            );

            this.disparityMapImageBox.Image = disparityMapImage;

            FormClosed                  += Form_FormClosed;
            this.resultGlControl.Load   += resultGlControl_Load;
            this.resultGlControl.Paint  += resultGlControl_Paint;
            this.resultGlControl.Resize += resultGlControl_Resize;
        }

        #endregion

        //////////////////////////////////////////////////////////////////////////////////////////////////// Method
        ////////////////////////////////////////////////////////////////////////////////////////// Private
        //////////////////////////////////////////////////////////////////////////////// Event

        #region 폼 닫은 경우 처리하기 - Form_FormClosed(sender, e)

        /// <summary>
        /// 폼 닫은 경우 처리하기
        /// </summary>
        /// <param name="sender">이벤트 발생자</param>
        /// <param name="e">이벤트 인자</param>
        private void Form_FormClosed(object sender, FormClosedEventArgs e)
        {
            this.resultGlControl.Dispose();
        }

        #endregion
        #region 결과 GL 컨트롤 로드시 처리하기 - resultGlControl_Load(sender, e)

        /// <summary>
        /// 결과 GL 컨트롤 로드시 처리하기
        /// </summary>
        /// <param name="sender">이벤트 발생자</param>
        /// <param name="e">이벤트 인자</param>
        private void resultGlControl_Load(object sender, EventArgs e)
        {
            this.giLoaded = true;

            GL.ClearColor(0.0f, 0.0f, 0.0f, 0.0f);

            SetupViewport();

            #region 3D 포인트 클라아두를 위한 텍스처를 생성한다.

            int repeat = (int)All.Repeat;
            int linear = (int)All.Linear;

            GL.Enable(EnableCap.CullFace);
            GL.Enable(EnableCap.Texture2D);

            this.textureArray = new int[1];

            GL.GenTextures(1, this.textureArray);

            GL.BindTexture(TextureTarget.Texture2D, this.textureArray[0]);

            GL.TexParameterI(TextureTarget.Texture2D, TextureParameterName.TextureWrapS    , ref repeat);
            GL.TexParameterI(TextureTarget.Texture2D, TextureParameterName.TextureWrapT    , ref repeat);
            GL.TexParameterI(TextureTarget.Texture2D, TextureParameterName.TextureMagFilter, ref linear);
            GL.TexParameterI(TextureTarget.Texture2D, TextureParameterName.TextureMinFilter, ref linear);

            GL.TexEnv(TextureEnvTarget.TextureEnv, TextureEnvParameter.TextureEnvMode, (int)All.Decal);

            GL.ShadeModel(ShadingModel.Smooth);

            GL.Hint(HintTarget.PerspectiveCorrectionHint, HintMode.Nicest);

            GL.BindTexture(TextureTarget.Texture2D, 1);

            Size imageSize = leftImage.Size;

            int maximumDimension = Math.Max(imageSize.Width, imageSize.Height);

            using(Image<Bgr, Byte> squareImage = new Image<Bgr, byte>(maximumDimension, maximumDimension))
            {
                Rectangle roiRectangle = new Rectangle
                (
                    maximumDimension / 2 - imageSize.Width  / 2,
                    maximumDimension / 2 - imageSize.Height / 2,
                    imageSize.Width,
                    imageSize.Height
                );

                squareImage.ROI = roiRectangle;

                CvInvoke.cvCopy(leftImage, squareImage, IntPtr.Zero);

                squareImage.ROI = Rectangle.Empty;

                this.textureImage = squareImage.Resize(512, 512, Emgu.CV.CvEnum.INTER.CV_INTER_CUBIC, true);

                this.textureImage._Flip(Emgu.CV.CvEnum.FLIP.VERTICAL);

                GL.TexImage2D
                (
                    TextureTarget.Texture2D,
                    0,
                    PixelInternalFormat.Rgb8,
                    this.textureImage.Width,
                    this.textureImage.Height,
                    0,
                    PixelFormat.Bgr,
                    PixelType.UnsignedByte,
                    this.textureImage.MIplImage.imageData
                );
            }

            #endregion
        }

        #endregion
        #region 결과 GL 컨트롤 크기 변경시 처리하기 - resultGlControl_Resize(sender, e)

        /// <summary>
        /// 결과 GL 컨트롤 크기 변경시 처리하기
        /// </summary>
        /// <param name="sender">이벤트 발생자</param>
        /// <param name="e">이벤트 인자</param>
        private void resultGlControl_Resize(object sender, EventArgs e)
        {
            if(!this.giLoaded)
            {
                return;
            }

            SetupViewport();
        }

        #endregion
        #region 결과 GL 컨트롤 PAINT 처리하기 - resultGlControl_Paint(sender, e)

        /// <summary>
        /// 결과 GL 컨트롤 PAINT 처리하기
        /// </summary>
        /// <param name="sender">이벤트 발생자</param>
        /// <param name="e">이벤트 인자</param>
        private void resultGlControl_Paint(object sender, PaintEventArgs e)
        {
            if(!this.giLoaded)
            {
                return;
            }

            GL.Clear(ClearBufferMask.ColorBufferBit | ClearBufferMask.DepthBufferBit);

            GL.Enable(EnableCap.Texture2D);

            GL.PushMatrix();

            GL.Rotate(10.0, 0.0, 1.0, 0.0);

            GL.Rotate(this.angle, 0.0, 1.0, 0.0);

            GL.Begin(BeginMode.Points);

            GL.Color4(1.0, 1.0, 1.0, 1.0);

            foreach(MCvPoint3D32f point3D in this.point3DArray)
            {
                GL.TexCoord2(point3D.x + 0.5f, point3D.y + 0.5f);

                GL.Vertex3(point3D.x, point3D.y, point3D.z);
            }

            GL.End();

            GL.PopMatrix();

            if(this.angle >= 30.0 || this.angle <= -30.0)
            {
                this.angleIncrement = -this.angleIncrement;
            }

            this.angle += this.angleIncrement;

            GraphicsContext.CurrentContext.SwapBuffers();

            this.resultGlControl.Invalidate();
        }

        #endregion

        //////////////////////////////////////////////////////////////////////////////// Function

        #region 3D 포인트 배열 계산하기 - Computer3DPointArray(leftImage, rightImage, disparityMapImage, point3DArray)

        /// <summary>
        /// 3D 포인트 배열 계산하기
        /// </summary>
        /// <param name="leftImage">왼쪽 이미지</param>
        /// <param name="rightImage">오른쪽 이미지</param>
        /// <param name="disparityMapImage">차이 맵 이미지</param>
        /// <param name="point3DArray">3D 포인트 배열</param>
        private static void Computer3DPointArray(Image<Gray, Byte> leftImage, Image<Gray, Byte> rightImage, out Image<Gray, short> disparityMapImage,
            out MCvPoint3D32f[] point3DArray)
        {
            Size imageSize = leftImage.Size;

            disparityMapImage = new Image<Gray, short>(imageSize);

          //using(StereoSGBM stereoSolver = new StereoSGBM(5, 64, 0, 0, 0, 0, 0, 0, 0, 0, StereoSGBM.Mode.SGBM))
            using(StereoBM stereoSolver = new StereoBM(Emgu.CV.CvEnum.STEREO_BM_TYPE.BASIC, 0))
            {
                stereoSolver.FindStereoCorrespondence(leftImage, rightImage, disparityMapImage);

                float scale = Math.Max(imageSize.Width, imageSize.Height);

                using
                (
                    Matrix<double> qMartix = new Matrix<double>
                    (
                        new double[,]
                        {
                            { 1.0,  0.0,  0.0, -imageSize.Width  / 2 },
                            { 0.0, -1.0,  0.0,  imageSize.Height / 2 },
                            { 0.0,  0.0, -1.0,  0.0                  },
                            { 0.0,  0.0,  0.0,  scale                }
                        }
                    )
                )
                {
                    point3DArray = PointCollection.ReprojectImageTo3D(disparityMapImage, qMartix);
                }
            }
        }

        #endregion
        #region 뷰포트 셋업하기 - SetupViewport()

        /// <summary>
        /// 뷰포트 셋업하기
        /// </summary>
        private void SetupViewport()
        {
            int width  = this.resultGlControl.Width;
            int height = this.resultGlControl.Height;

            GL.MatrixMode(MatrixMode.Projection);

            GL.LoadIdentity();

            GL.Ortho(-1.5, 1.5, -1.5, 1.5, -1.5, 1.5);

            GL.Viewport(0, 0, width, height);
        }

        #endregion
    }
}

100

101

102

103

104

105

106

107

108

109

110

111

112

113

114

115

116

117

118

119

120

121

122

123

124

125

126

127

128

129

130

131

132

133

134

135

136

137

138

139

140

141

142

143

144

145

146

147

148

149

150

151

152

153

154

155

156

157

158

159

160

161

162

163

164

165

166

167

168

169

170

171

172

173

174

175

176

177

178

179

180

181

182

183

184

185

186

187

188

189

190

191

192

193

194

195

196

197

198

199

200

201

202

203

204

205

206

207

208

209

210

211

212

213

214

215

216

217

218

219

220

221

222

223

224

225

226

227

228

229

230

231

232

233

234

235

236

237

238

239

240

241

242

243

244

245

246

247

248

249

250

251

252

253

254

255

256

257

258

259

260

261

262

263

264

265

266

267

268

269

270

271

272

273

274

275

276

277

278

279

280

281

282

283

284

285

286

287

288

289

290

291

292

293

294

295

296

297

298

299

300

301

302

303

304

305

306

307

308

309

310

311

312

313

314

315

316

317

318

319

320

321

322

323

324

325

326

327

328

329

330

331

332

333

334

335

336

337

338

339

340

341

using System;

using System.Drawing;

using System.Windows.Forms;

using Emgu.CV;

using Emgu.CV.Structure;

using OpenTK.Graphics;

using OpenTK.Graphics.OpenGL;

namespace TestProject

{

/// <summary>

/// 메인 폼

/// </summary>

public partial class MainForm : Form

{

//////////////////////////////////////////////////////////////////////////////////////////////////// Field

////////////////////////////////////////////////////////////////////////////////////////// Private

#region Field

/// <summary>

/// 왼쪽 이미지

/// </summary>

private Image<Bgr, Byte> leftImage;

/// <summary>

/// 오른쪽 이미지

/// </summary>

private Image<Bgr, byte> rightImage;

/// <summary>

/// 3D 포인트 배열

/// </summary>

private MCvPoint3D32f[] point3DArray;

/// <summary>

/// GL 로드 여부

/// </summary>

private bool giLoaded = false;

/// <summary>

/// 텍스처 배열

/// </summary>

private int[] textureArray;

/// <summary>

/// 텍스처 이미지

/// </summary>

private Image<Bgr, Byte> textureImage;

/// <summary>

/// 각도

/// </summary>

private double angle = 0.0;

/// <summary>

/// 각도 증가치

/// </summary>

private double angleIncrement = 0.2;

#endregion

//////////////////////////////////////////////////////////////////////////////////////////////////// Constructor

////////////////////////////////////////////////////////////////////////////////////////// Public

#region 생성자 - MainForm()

/// <summary>

/// 생성자

/// </summary>

public MainForm()

{

InitializeComponent();

this.leftImage = new Image<Bgr, byte>("imageLeft.png" );

this.rightImage = new Image<Bgr, byte>("imageRight.png");

Image<Gray, short> disparityMapImage;

Computer3DPointArray

(

leftImage.Convert<Gray, Byte>(),

rightImage.Convert<Gray, Byte>(),

out disparityMapImage,

out this.point3DArray

);

this.disparityMapImageBox.Image = disparityMapImage;

FormClosed += Form_FormClosed;

this.resultGlControl.Load += resultGlControl_Load;

this.resultGlControl.Paint += resultGlControl_Paint;

this.resultGlControl.Resize += resultGlControl_Resize;

}

#endregion

//////////////////////////////////////////////////////////////////////////////////////////////////// Method

////////////////////////////////////////////////////////////////////////////////////////// Private

//////////////////////////////////////////////////////////////////////////////// Event

#region 폼 닫은 경우 처리하기 - Form_FormClosed(sender, e)

/// <summary>

/// 폼 닫은 경우 처리하기

/// </summary>

/// <param name="sender">이벤트 발생자</param>

/// <param name="e">이벤트 인자</param>

private void Form_FormClosed(object sender, FormClosedEventArgs e)

{

this.resultGlControl.Dispose();

}

#endregion

#region 결과 GL 컨트롤 로드시 처리하기 - resultGlControl_Load(sender, e)

/// <summary>

/// 결과 GL 컨트롤 로드시 처리하기

/// </summary>

/// <param name="sender">이벤트 발생자</param>

/// <param name="e">이벤트 인자</param>

private void resultGlControl_Load(object sender, EventArgs e)

{

this.giLoaded = true;

GL.ClearColor(0.0f, 0.0f, 0.0f, 0.0f);

SetupViewport();

#region 3D 포인트 클라아두를 위한 텍스처를 생성한다.

int repeat = (int)All.Repeat;

int linear = (int)All.Linear;

GL.Enable(EnableCap.CullFace);

GL.Enable(EnableCap.Texture2D);

this.textureArray = new int[1];

GL.GenTextures(1, this.textureArray);

GL.BindTexture(TextureTarget.Texture2D, this.textureArray[0]);

GL.TexParameterI(TextureTarget.Texture2D, TextureParameterName.TextureWrapS , ref repeat);

GL.TexParameterI(TextureTarget.Texture2D, TextureParameterName.TextureWrapT , ref repeat);

GL.TexParameterI(TextureTarget.Texture2D, TextureParameterName.TextureMagFilter, ref linear);

GL.TexParameterI(TextureTarget.Texture2D, TextureParameterName.TextureMinFilter, ref linear);

GL.TexEnv(TextureEnvTarget.TextureEnv, TextureEnvParameter.TextureEnvMode, (int)All.Decal);

GL.ShadeModel(ShadingModel.Smooth);

GL.Hint(HintTarget.PerspectiveCorrectionHint, HintMode.Nicest);

GL.BindTexture(TextureTarget.Texture2D, 1);

Size imageSize = leftImage.Size;

int maximumDimension = Math.Max(imageSize.Width, imageSize.Height);

using(Image<Bgr, Byte> squareImage = new Image<Bgr, byte>(maximumDimension, maximumDimension))

{

Rectangle roiRectangle = new Rectangle

(

maximumDimension / 2 - imageSize.Width / 2,

maximumDimension / 2 - imageSize.Height / 2,

imageSize.Width,

imageSize.Height

);

squareImage.ROI = roiRectangle;

CvInvoke.cvCopy(leftImage, squareImage, IntPtr.Zero);

squareImage.ROI = Rectangle.Empty;

this.textureImage = squareImage.Resize(512, 512, Emgu.CV.CvEnum.INTER.CV_INTER_CUBIC, true);

this.textureImage._Flip(Emgu.CV.CvEnum.FLIP.VERTICAL);

GL.TexImage2D

(

TextureTarget.Texture2D,

PixelInternalFormat.Rgb8,

this.textureImage.Width,

this.textureImage.Height,

PixelFormat.Bgr,

PixelType.UnsignedByte,

this.textureImage.MIplImage.imageData

);

}

#endregion

}

#endregion

#region 결과 GL 컨트롤 크기 변경시 처리하기 - resultGlControl_Resize(sender, e)

/// <summary>

/// 결과 GL 컨트롤 크기 변경시 처리하기

/// </summary>

/// <param name="sender">이벤트 발생자</param>

/// <param name="e">이벤트 인자</param>

private void resultGlControl_Resize(object sender, EventArgs e)

{

if(!this.giLoaded)

{

return;

}

SetupViewport();

}

#endregion

#region 결과 GL 컨트롤 PAINT 처리하기 - resultGlControl_Paint(sender, e)

/// <summary>

/// 결과 GL 컨트롤 PAINT 처리하기

/// </summary>

/// <param name="sender">이벤트 발생자</param>

/// <param name="e">이벤트 인자</param>

private void resultGlControl_Paint(object sender, PaintEventArgs e)

{

if(!this.giLoaded)

{

return;

}

GL.Clear(ClearBufferMask.ColorBufferBit | ClearBufferMask.DepthBufferBit);

GL.Enable(EnableCap.Texture2D);

GL.PushMatrix();

GL.Rotate(10.0, 0.0, 1.0, 0.0);

GL.Rotate(this.angle, 0.0, 1.0, 0.0);

GL.Begin(BeginMode.Points);

GL.Color4(1.0, 1.0, 1.0, 1.0);

foreach(MCvPoint3D32f point3D in this.point3DArray)

{

GL.TexCoord2(point3D.x + 0.5f, point3D.y + 0.5f);

GL.Vertex3(point3D.x, point3D.y, point3D.z);

}

GL.End();

GL.PopMatrix();

if(this.angle >= 30.0 || this.angle <= -30.0)

{

this.angleIncrement = -this.angleIncrement;

}

this.angle += this.angleIncrement;

GraphicsContext.CurrentContext.SwapBuffers();

this.resultGlControl.Invalidate();

}

#endregion

//////////////////////////////////////////////////////////////////////////////// Function

#region 3D 포인트 배열 계산하기 - Computer3DPointArray(leftImage, rightImage, disparityMapImage, point3DArray)

/// <summary>

/// 3D 포인트 배열 계산하기

/// </summary>

/// <param name="leftImage">왼쪽 이미지</param>

/// <param name="rightImage">오른쪽 이미지</param>

/// <param name="disparityMapImage">차이 맵 이미지</param>

/// <param name="point3DArray">3D 포인트 배열</param>

private static void Computer3DPointArray(Image<Gray, Byte> leftImage, Image<Gray, Byte> rightImage, out Image<Gray, short> disparityMapImage,

out MCvPoint3D32f[] point3DArray)

{

Size imageSize = leftImage.Size;

disparityMapImage = new Image<Gray, short>(imageSize);

//using(StereoSGBM stereoSolver = new StereoSGBM(5, 64, 0, 0, 0, 0, 0, 0, 0, 0, StereoSGBM.Mode.SGBM))

using(StereoBM stereoSolver = new StereoBM(Emgu.CV.CvEnum.STEREO_BM_TYPE.BASIC, 0))

{

stereoSolver.FindStereoCorrespondence(leftImage, rightImage, disparityMapImage);

float scale = Math.Max(imageSize.Width, imageSize.Height);

using

(

Matrix<double> qMartix = new Matrix<double>

(

new double[,]

{

{ 1.0, 0.0, 0.0, -imageSize.Width / 2 },

{ 0.0, -1.0, 0.0, imageSize.Height / 2 },

{ 0.0, 0.0, -1.0, 0.0 },

{ 0.0, 0.0, 0.0, scale }

}

)

{

point3DArray = PointCollection.ReprojectImageTo3D(disparityMapImage, qMartix);

}

#endregion

#region 뷰포트 셋업하기 - SetupViewport()

/// <summary>

/// 뷰포트 셋업하기

/// </summary>

private void SetupViewport()

{

int width = this.resultGlControl.Width;

int height = this.resultGlControl.Height;

GL.MatrixMode(MatrixMode.Projection);

GL.LoadIdentity();

GL.Ortho(-1.5, 1.5, -1.5, 1.5, -1.5, 1.5);

GL.Viewport(0, 0, width, height);

}

#endregion

}

TestProject.zip

[C#/WINFORM/TEECHART] 커스텀 3D 텍스트 그리기

■ 커스텀 3D 텍스트를 그리는 방법을 보여준다. ▶ MainForm.cs


using System;
using System.Drawing;
using System.Windows.Forms;

using Steema.TeeChart.Drawing;
using Steema.TeeChart.Styles;

namespace HowToCustomDrawText3D
{
    /// <summary>
    /// 메인 폼
    /// </summary>
    public partial class MainForm : Form
    {
        //////////////////////////////////////////////////////////////////////////////////////////////////// Constructor
        ////////////////////////////////////////////////////////////////////////////////////////// Public

        #region 생성자 - MainForm()

        /// <summary>
        /// 생성자
        /// </summary>
        public MainForm()
        {
            InitializeComponent();

            Load += Form_Load;
        }

        #endregion

        //////////////////////////////////////////////////////////////////////////////////////////////////// Method
        ////////////////////////////////////////////////////////////////////////////////////////// Private
        //////////////////////////////////////////////////////////////////////////////// Event

        #region 폼 로드시 처리하기 - Form_Load(sender, e)

        /// <summary>
        /// 폼 로드시 처리하기
        /// </summary>
        /// <param name="sender">이벤트 발생자</param>
        /// <param name="e">이벤트 인자</param>
        private void Form_Load(object sender, EventArgs e)
        {
            this.tChart.Aspect.Chart3DPercent = 50;

            this.tChart.AfterDraw += tChart_AfterDraw;

            Line line = new Line(this.tChart.Chart);

            line.HorizAxis = HorizontalAxis.Both;
            line.VertAxis  = VerticalAxis.Both;

            line.FillSampleValues(20);
        }

        #endregion
        #region 티차트 그리기 후 처리하기 - tChart_AfterDraw(sender, graphics3D)

        /// <summary>
        /// 티차트 그리기 후 처리하기
        /// </summary>
        /// <param name="sender">이벤트 발생자</param>
        /// <param name="graphics3D">이벤트 인자</param>
        private void tChart_AfterDraw(object sender, Graphics3D graphics3D)
        {
            string text = "테스트 텍스트";

            Size      size         = new Size(150, 50);
            Point     leftTopPoint = new Point(graphics3D.ChartXCenter - (size.Width / 2), graphics3D.ChartYCenter - (size.Height / 2));
            Rectangle rectangle    = new Rectangle(leftTopPoint,size);

            graphics3D.Pen.Color = Color.Blue;

            graphics3D.Rectangle(rectangle, this.tChart.Aspect.Width3D / 2);

            graphics3D.TextOut
            (
                Convert.ToInt32(graphics3D.ChartXCenter - (graphics3D.TextWidth (text) / 2)),
                Convert.ToInt32(graphics3D.ChartYCenter - (graphics3D.TextHeight(text) / 2)),
                this.tChart.Aspect.Width3D / 2,
                text
            );
        }

        #endregion
    }
}

using System;

using System.Drawing;

using System.Windows.Forms;

using Steema.TeeChart.Drawing;

using Steema.TeeChart.Styles;

namespace HowToCustomDrawText3D

{

/// <summary>

/// 메인 폼

/// </summary>

public partial class MainForm : Form

{

//////////////////////////////////////////////////////////////////////////////////////////////////// Constructor

////////////////////////////////////////////////////////////////////////////////////////// Public

#region 생성자 - MainForm()

/// <summary>

/// 생성자

/// </summary>

public MainForm()

{

InitializeComponent();

Load += Form_Load;

}

#endregion

//////////////////////////////////////////////////////////////////////////////////////////////////// Method

////////////////////////////////////////////////////////////////////////////////////////// Private

//////////////////////////////////////////////////////////////////////////////// Event

#region 폼 로드시 처리하기 - Form_Load(sender, e)

/// <summary>

/// 폼 로드시 처리하기

/// </summary>

/// <param name="sender">이벤트 발생자</param>

/// <param name="e">이벤트 인자</param>

private void Form_Load(object sender, EventArgs e)

{

this.tChart.Aspect.Chart3DPercent = 50;

this.tChart.AfterDraw += tChart_AfterDraw;

Line line = new Line(this.tChart.Chart);

line.HorizAxis = HorizontalAxis.Both;

line.VertAxis = VerticalAxis.Both;

line.FillSampleValues(20);

}

#endregion

#region 티차트 그리기 후 처리하기 - tChart_AfterDraw(sender, graphics3D)

/// <summary>

/// 티차트 그리기 후 처리하기

/// </summary>

/// <param name="sender">이벤트 발생자</param>

/// <param name="graphics3D">이벤트 인자</param>

private void tChart_AfterDraw(object sender, Graphics3D graphics3D)

{

string text = "테스트 텍스트";

Size size = new Size(150, 50);

Point leftTopPoint = new Point(graphics3D.ChartXCenter - (size.Width / 2), graphics3D.ChartYCenter - (size.Height / 2));

Rectangle rectangle = new Rectangle(leftTopPoint,size);

graphics3D.Pen.Color = Color.Blue;

graphics3D.Rectangle(rectangle, this.tChart.Aspect.Width3D / 2);

graphics3D.TextOut

(

Convert.ToInt32(graphics3D.ChartXCenter - (graphics3D.TextWidth (text) / 2)),

Convert.ToInt32(graphics3D.ChartYCenter - (graphics3D.TextHeight(text) / 2)),

this.tChart.Aspect.Width3D / 2,

text

);

}

#endregion

}

TestProject.zip

[C#/WINFORM/TEECHART] TChart 클래스 : AfterDraw 이벤트를 사용해 커스텀 3D 사각형 그리기

■ TChart 클래스의 AfterDraw 이벤트를 사용해 커스텀 3D 사각형을 그리는 방법을 보여준다. ▶ MainForm.cs


using System;
using System.Drawing;
using System.Windows.Forms;

using Steema.TeeChart.Drawing;
using Steema.TeeChart.Styles;

namespace TestProject
{
    /// <summary>
    /// 메인 폼
    /// </summary>
    public partial class MainForm : Form
    {
        //////////////////////////////////////////////////////////////////////////////////////////////////// Constructor
        ////////////////////////////////////////////////////////////////////////////////////////// Public

        #region 생성자 - MainForm()

        /// <summary>
        /// 생성자
        /// </summary>
        public MainForm()
        {
            InitializeComponent();

            this.tChart.AfterDraw += tChart_AfterDraw;

            Load += Form_Load;
        }

        #endregion

        //////////////////////////////////////////////////////////////////////////////////////////////////// Method
        ////////////////////////////////////////////////////////////////////////////////////////// Private

        #region 폼 로드시 처리하기 - Form_Load(sender, e)

        /// <summary>
        /// 폼 로드시 처리하기
        /// </summary>
        /// <param name="sender">이벤트 발생자</param>
        /// <param name="e">이벤트 인자</param>
        private void Form_Load(object sender, EventArgs e)
        {
            this.tChart.Aspect.Chart3DPercent = 50;
            this.tChart.Axes.Depth.Visible    = true;

            Points points = new Points(tChart.Chart);

            points.VertAxis        = VerticalAxis.Both;
            points.HorizAxis       = HorizontalAxis.Both;
            points.LinePen.Visible = false;

            points.FillSampleValues(20);
        }

        #endregion
        #region 티차트 그리기 후 처리하기 - tChart_AfterDraw(sender, graphics3D)

        /// <summary>
        /// 티차트 그리기 후 처리하기
        /// </summary>
        /// <param name="sender">이벤트 발생자</param>
        /// <param name="graphics3D">이벤트 인자</param>
        private void tChart_AfterDraw(object sender, Graphics3D graphics3D)
        {
            Size      size         = new Size(100,100);
            Point     leftTopPoint = new Point(this.tChart.Axes.Left.Position, graphics3D.ChartYCenter - (size.Height / 2));
            Rectangle rectangle    = new Rectangle(leftTopPoint, size);

            graphics3D.Brush.Color = Color.Blue;
            graphics3D.Pen.Color   = Color.Aquamarine;

            graphics3D.Rectangle(rectangle, this.tChart.Aspect.Width3D / 2);
        }

        #endregion
    }
}

using System;

using System.Drawing;

using System.Windows.Forms;

using Steema.TeeChart.Drawing;

using Steema.TeeChart.Styles;

namespace TestProject

{

/// <summary>

/// 메인 폼

/// </summary>

public partial class MainForm : Form

{

//////////////////////////////////////////////////////////////////////////////////////////////////// Constructor

////////////////////////////////////////////////////////////////////////////////////////// Public

#region 생성자 - MainForm()

/// <summary>

/// 생성자

/// </summary>

public MainForm()

{

InitializeComponent();

this.tChart.AfterDraw += tChart_AfterDraw;

Load += Form_Load;

}

#endregion

//////////////////////////////////////////////////////////////////////////////////////////////////// Method

////////////////////////////////////////////////////////////////////////////////////////// Private

#region 폼 로드시 처리하기 - Form_Load(sender, e)

/// <summary>

/// 폼 로드시 처리하기

/// </summary>

/// <param name="sender">이벤트 발생자</param>

/// <param name="e">이벤트 인자</param>

private void Form_Load(object sender, EventArgs e)

{

this.tChart.Aspect.Chart3DPercent = 50;

this.tChart.Axes.Depth.Visible = true;

Points points = new Points(tChart.Chart);

points.VertAxis = VerticalAxis.Both;

points.HorizAxis = HorizontalAxis.Both;

points.LinePen.Visible = false;

points.FillSampleValues(20);

}

#endregion

#region 티차트 그리기 후 처리하기 - tChart_AfterDraw(sender, graphics3D)

/// <summary>

/// 티차트 그리기 후 처리하기

/// </summary>

/// <param name="sender">이벤트 발생자</param>

/// <param name="graphics3D">이벤트 인자</param>

private void tChart_AfterDraw(object sender, Graphics3D graphics3D)

{

Size size = new Size(100,100);

Point leftTopPoint = new Point(this.tChart.Axes.Left.Position, graphics3D.ChartYCenter - (size.Height / 2));

Rectangle rectangle = new Rectangle(leftTopPoint, size);

graphics3D.Brush.Color = Color.Blue;

graphics3D.Pen.Color = Color.Aquamarine;

graphics3D.Rectangle(rectangle, this.tChart.Aspect.Width3D / 2);

}

#endregion

}

TestProject.zip

[C#/WINFORM/TEECHART] TChart 클래스 : AfterDraw 이벤트를 사용해 커스텀 3D 선 그리기

■ TChart 클래스의 AfterDraw 이벤트를 사용해 커스텀 3D 선을 그리는 방법을 보여준다. ▶ MainForm.cs


using System;
using System.Windows.Forms;

using Steema.TeeChart.Drawing;
using Steema.TeeChart.Styles;

namespace TestProject
{
    /// <summary>
    /// 메인 폼
    /// </summary>
    public partial class MainForm : Form
    {
        //////////////////////////////////////////////////////////////////////////////////////////////////// Constructor
        ////////////////////////////////////////////////////////////////////////////////////////// Public

        #region 생성자 - MainForm()

        /// <summary>
        /// 생성자
        /// </summary>
        public MainForm()
        {
            InitializeComponent();

            Load += Form_Load;
        }

        #endregion

        //////////////////////////////////////////////////////////////////////////////////////////////////// Method
        ////////////////////////////////////////////////////////////////////////////////////////// Private
        //////////////////////////////////////////////////////////////////////////////// Event

        #region 폼 로드시 처리하기 - Form_Load(sender, e)

        /// <summary>
        /// 폼 로드시 처리하기
        /// </summary>
        /// <param name="sender">이벤트 발생자</param>
        /// <param name="e">이벤트 인자</param>
        private void Form_Load(object sender, EventArgs e)
        {
            this.tChart.Aspect.Chart3DPercent = 50;

            this.tChart.AfterDraw += tChart_AfterDraw;

            Line line = new Line(this.tChart.Chart);

            line.HorizAxis = HorizontalAxis.Both;
            line.VertAxis  = VerticalAxis.Both;

            line.FillSampleValues(20);
        }

        #endregion
        #region 티차트 그리기 후 처리하기 - tChart_AfterDraw(sender, graphics3D)

        /// <summary>
        /// 티차트 그리기 후 처리하기
        /// </summary>
        /// <param name="sender">이벤트 발생자</param>
        /// <param name="graphics3D">이벤트 인자</param>
        private void tChart_AfterDraw(object sender, Graphics3D graphics3D)
        {
            Point3D startPoint = new Point3D();

            startPoint.X = tChart.Axes.Left.Position;
            startPoint.Y = tChart.Axes.Top.Position;
            startPoint.Z = 0;

            Point3D endPoint = new Point3D();

            endPoint.X = tChart.Axes.Right.Position;
            endPoint.Y = tChart.Axes.Bottom.Position;
            endPoint.Z = tChart.Aspect.Width3D;

            graphics3D.MoveTo(startPoint);
            graphics3D.LineTo(endPoint);
        }

        #endregion
    }
}

using System;

using System.Windows.Forms;

using Steema.TeeChart.Drawing;

using Steema.TeeChart.Styles;

namespace TestProject

{

/// <summary>

/// 메인 폼

/// </summary>

public partial class MainForm : Form

{

//////////////////////////////////////////////////////////////////////////////////////////////////// Constructor

////////////////////////////////////////////////////////////////////////////////////////// Public

#region 생성자 - MainForm()

/// <summary>

/// 생성자

/// </summary>

public MainForm()

{

InitializeComponent();

Load += Form_Load;

}

#endregion

//////////////////////////////////////////////////////////////////////////////////////////////////// Method

////////////////////////////////////////////////////////////////////////////////////////// Private

//////////////////////////////////////////////////////////////////////////////// Event

#region 폼 로드시 처리하기 - Form_Load(sender, e)

/// <summary>

/// 폼 로드시 처리하기

/// </summary>

/// <param name="sender">이벤트 발생자</param>

/// <param name="e">이벤트 인자</param>

private void Form_Load(object sender, EventArgs e)

{

this.tChart.Aspect.Chart3DPercent = 50;

this.tChart.AfterDraw += tChart_AfterDraw;

Line line = new Line(this.tChart.Chart);

line.HorizAxis = HorizontalAxis.Both;

line.VertAxis = VerticalAxis.Both;

line.FillSampleValues(20);

}

#endregion

#region 티차트 그리기 후 처리하기 - tChart_AfterDraw(sender, graphics3D)

/// <summary>

/// 티차트 그리기 후 처리하기

/// </summary>

/// <param name="sender">이벤트 발생자</param>

/// <param name="graphics3D">이벤트 인자</param>

private void tChart_AfterDraw(object sender, Graphics3D graphics3D)

{

Point3D startPoint = new Point3D();

startPoint.X = tChart.Axes.Left.Position;

startPoint.Y = tChart.Axes.Top.Position;

startPoint.Z = 0;

Point3D endPoint = new Point3D();

endPoint.X = tChart.Axes.Right.Position;

endPoint.Y = tChart.Axes.Bottom.Position;

endPoint.Z = tChart.Aspect.Width3D;

graphics3D.MoveTo(startPoint);

graphics3D.LineTo(endPoint);

}

#endregion

}

TestProject.zip

[C#/WPF] 조명 애니메이션 만들기

■ 조명 애니메이션을 만드는 방법을 보여준다. ▶ MainWindow.xaml


<Window x:Class="TestProject.MainWindow"
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
    Title="조명 애니메이션 만들기"
    Width="800"
    Height="600">
    <Viewport3D>
        <ModelVisual3D>
            <ModelVisual3D.Content>
                <Model3DGroup>
                    <GeometryModel3D>
                        <GeometryModel3D.Geometry>
                            <MeshGeometry3D
                                Positions="0 1  0, 0 0  0, 1 1  0, 1 0  0,
                                           0 1 -4, 0 0 -4, 0 1  0, 0 0  0,
                                           1 1 -4, 0 1 -4, 1 1  0, 0 1  0,
                                           1 1  0, 1 0  0, 1 1 -4, 1 0 -4,
                                           1 0  0, 0 0  0, 1 0 -4, 0 0 -4,
                                           1 1 -4, 1 0 -4, 0 1 -4, 0 0 -4"
                                TriangleIndices=" 0  1  2,  1  3  2,
                                                  4  5  6,  5  7  6,
                                                  8  9 10,  9 11 10,
                                                 12 13 14, 13 15 14,
                                                 16 17 18, 17 19 18,
                                                 20 21 22, 21 23 22" />
                        </GeometryModel3D.Geometry>
                        <GeometryModel3D.Material>
                            <DiffuseMaterial Brush="Blue" />
                        </GeometryModel3D.Material>
                    </GeometryModel3D>
                    <DirectionalLight x:Name="directionalLight" />
                </Model3DGroup>
            </ModelVisual3D.Content>
        </ModelVisual3D>
        <Viewport3D.Camera>
            <PerspectiveCamera
                Position="-2 2 4"
                LookDirection="2 -1 -4"
                UpDirection="0 1 0"
                FieldOfView="45" />
        </Viewport3D.Camera>
    </Viewport3D>
    <Window.Triggers>
        <EventTrigger RoutedEvent="Window.Loaded">
            <BeginStoryboard>
                <Storyboard TargetName="directionalLight">
                    <Vector3DAnimationUsingKeyFrames Storyboard.TargetProperty="Direction">
                        <LinearVector3DKeyFrame KeyTime="0:0:0"  Value=" 2 0 -1" />
                        <LinearVector3DKeyFrame KeyTime="0:0:10" Value=" 0 -1 0" />
                        <LinearVector3DKeyFrame KeyTime="0:0:20" Value="-2 0 -1" />
                    </Vector3DAnimationUsingKeyFrames>
                    <ColorAnimationUsingKeyFrames Storyboard.TargetProperty="Color">
                        <LinearColorKeyFrame KeyTime="0:0:0"  Value="Black" />
                        <LinearColorKeyFrame KeyTime="0:0:3"  Value="White" />
                        <LinearColorKeyFrame KeyTime="0:0:17" Value="White" />
                        <LinearColorKeyFrame KeyTime="0:0:20" Value="Black" />
                    </ColorAnimationUsingKeyFrames>
                </Storyboard>
            </BeginStoryboard>
        </EventTrigger>
    </Window.Triggers>
</Window>

<Window x:Class="TestProject.MainWindow"

xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"

xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"

Title="조명 애니메이션 만들기"

Width="800"

Height="600">

<ModelVisual3D.Content>

<GeometryModel3D.Geometry>

<MeshGeometry3D

Positions="0 1 0, 0 0 0, 1 1 0, 1 0 0,

0 1 -4, 0 0 -4, 0 1 0, 0 0 0,

1 1 -4, 0 1 -4, 1 1 0, 0 1 0,

1 1 0, 1 0 0, 1 1 -4, 1 0 -4,

1 0 0, 0 0 0, 1 0 -4, 0 0 -4,

1 1 -4, 1 0 -4, 0 1 -4, 0 0 -4"

TriangleIndices=" 0 1 2, 1 3 2,

4 5 6, 5 7 6,

8 9 10, 9 11 10,

12 13 14, 13 15 14,

16 17 18, 17 19 18,

20 21 22, 21 23 22" />

</GeometryModel3D.Geometry>

<GeometryModel3D.Material>

</GeometryModel3D.Material>

</GeometryModel3D>

</Model3DGroup>

</ModelVisual3D.Content>

</ModelVisual3D>

<Viewport3D.Camera>

<PerspectiveCamera

Position="-2 2 4"

LookDirection="2 -1 -4"

UpDirection="0 1 0"

FieldOfView="45" />

</Viewport3D.Camera>

</Viewport3D>

<Window.Triggers>

</Vector3DAnimationUsingKeyFrames>

</ColorAnimationUsingKeyFrames>

</Storyboard>

</BeginStoryboard>

</EventTrigger>

</Window.Triggers>

</Window>

TestProject.zip

[C#/WPF] 정육면체 애니메이션 만들기

■ 정육면체 애니메이션을 만드는 방법을 보여준다. ▶ MainWindow.xaml


<Window x:Class="TestProject.MainWindow"
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
    Title="정육면체 애니메이션 만들기"
    Width="800"
    Height="600">
    <Viewport3D>
        <ModelVisual3D>
            <ModelVisual3D.Content>
                <Model3DGroup>
                    <GeometryModel3D>
                        <GeometryModel3D.Geometry>
                            <!-- 정육면체 : 앞쪽 면, 뒤쪽 면, 왼쪽 면, 오른쪽 면, 위쪽 면, 아래쪽 면 -->
                            <MeshGeometry3D
                                Positions="-0.5  0.5  0.5,  0.5  0.5  0.5,
                                           -0.5 -0.5  0.5,  0.5 -0.5  0.5,

                                            0.5  0.5 -0.5, -0.5  0.5 -0.5,
                                            0.5 -0.5 -0.5, -0.5 -0.5 -0.5,

                                           -0.5  0.5 -0.5, -0.5  0.5  0.5,
                                           -0.5 -0.5 -0.5, -0.5 -0.5  0.5,

                                            0.5  0.5  0.5,  0.5  0.5 -0.5,
                                            0.5 -0.5  0.5,  0.5 -0.5 -0.5,

                                           -0.5  0.5 -0.5,  0.5  0.5 -0.5,
                                           -0.5  0.5  0.5,  0.5  0.5  0.5,

                                            0.5 -0.5 -0.5, -0.5 -0.5 -0.5,
                                            0.5 -0.5  0.5, -0.5 -0.5  0.5"
                               TriangleIndices=" 0  2  1,  1  2  3
                                                 4  6  5,  5  6  7,
                                                 8 10  9,  9 10 11,
                                                12 14 13, 13 14 15
                                                16 18 17, 17 18 19
                                                20 22 21, 21 22 23" />
                        </GeometryModel3D.Geometry>
                        <GeometryModel3D.Material>
                            <DiffuseMaterial Brush="Blue" />
                        </GeometryModel3D.Material>
                    </GeometryModel3D>
                    <AmbientLight Color="#404040" />
                    <DirectionalLight
                        Color="#c0c0c0"
                        Direction="2 -3 -1" />
                </Model3DGroup>
            </ModelVisual3D.Content>
        </ModelVisual3D>
        <Viewport3D.Camera>
            <PerspectiveCamera x:Name="perspectiveCamera" />
        </Viewport3D.Camera>
    </Viewport3D>
    <Window.Triggers>
        <EventTrigger RoutedEvent="Window.Loaded">
            <BeginStoryboard>
                <Storyboard TargetName="perspectiveCamera">
                    <Point3DAnimation
                        Storyboard.TargetProperty="Position"
                        From="-10 1 6"
                        To="10 1 6"
                        Duration="0:0:2"
                        AutoReverse="True"
                        RepeatBehavior="Forever" />
                    <Vector3DAnimation
                        Storyboard.TargetProperty="LookDirection"
                        From="10 -1 -6"
                        To="-10 -1 -6"
                        Duration="0:0:2"
                        AutoReverse="True"
                        RepeatBehavior="Forever" />
                    <DoubleAnimationUsingKeyFrames
                        Storyboard.TargetProperty="FieldOfView"
                        AutoReverse="True"
                        RepeatBehavior="Forever">
                        <LinearDoubleKeyFrame KeyTime="0:0:0" Value="20" />
                        <LinearDoubleKeyFrame KeyTime="0:0:1" Value="45" />
                        <LinearDoubleKeyFrame KeyTime="0:0:2" Value="20" />
                    </DoubleAnimationUsingKeyFrames>
                </Storyboard>
            </BeginStoryboard>
        </EventTrigger>
    </Window.Triggers>
</Window>

<Window x:Class="TestProject.MainWindow"

xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"

xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"

Title="정육면체 애니메이션 만들기"

Width="800"

Height="600">

<ModelVisual3D.Content>

<GeometryModel3D.Geometry>

<MeshGeometry3D

Positions="-0.5 0.5 0.5, 0.5 0.5 0.5,

-0.5 -0.5 0.5, 0.5 -0.5 0.5,

0.5 0.5 -0.5, -0.5 0.5 -0.5,

0.5 -0.5 -0.5, -0.5 -0.5 -0.5,

-0.5 0.5 -0.5, -0.5 0.5 0.5,

-0.5 -0.5 -0.5, -0.5 -0.5 0.5,

0.5 0.5 0.5, 0.5 0.5 -0.5,

0.5 -0.5 0.5, 0.5 -0.5 -0.5,

-0.5 0.5 -0.5, 0.5 0.5 -0.5,

-0.5 0.5 0.5, 0.5 0.5 0.5,

0.5 -0.5 -0.5, -0.5 -0.5 -0.5,

0.5 -0.5 0.5, -0.5 -0.5 0.5"

TriangleIndices=" 0 2 1, 1 2 3

4 6 5, 5 6 7,

8 10 9, 9 10 11,

12 14 13, 13 14 15

16 18 17, 17 18 19

20 22 21, 21 22 23" />

</GeometryModel3D.Geometry>

<GeometryModel3D.Material>

</GeometryModel3D.Material>

</GeometryModel3D>

<DirectionalLight

Color="#c0c0c0"

Direction="2 -3 -1" />

</Model3DGroup>

</ModelVisual3D.Content>

</ModelVisual3D>

<Viewport3D.Camera>

</Viewport3D.Camera>

</Viewport3D>

<Window.Triggers>

<Point3DAnimation

Storyboard.TargetProperty="Position"

From="-10 1 6"

To="10 1 6"

Duration="0:0:2"

AutoReverse="True"

RepeatBehavior="Forever" />

<Vector3DAnimation

Storyboard.TargetProperty="LookDirection"

From="10 -1 -6"

To="-10 -1 -6"

Duration="0:0:2"

AutoReverse="True"

RepeatBehavior="Forever" />

<DoubleAnimationUsingKeyFrames

Storyboard.TargetProperty="FieldOfView"

AutoReverse="True"

RepeatBehavior="Forever">

</DoubleAnimationUsingKeyFrames>

</Storyboard>

</BeginStoryboard>

</EventTrigger>

</Window.Triggers>

</Window>

TestProject.zip

[C#/WPF] 정육면체 애니메이션 만들기

■ 정육면체 애니메이션을 만드는 방법을 보여준다. ▶ MainWindows.xaml


<Window x:Class="TestProject.MainWindow"
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
    Title="정육면체 애니메이션 만들기"
    Width="800"
    Height="600">
    <Viewport3D>
        <ModelVisual3D>
            <ModelVisual3D.Content>
                <Model3DGroup>
                    <GeometryModel3D>
                        <GeometryModel3D.Geometry>
                            <!-- 정육면체 : 앞쪽 면, 뒤쪽 면, 왼쪽 면, 오른쪽 면, 위쪽 면, 아래쪽 면 -->
                            <MeshGeometry3D
                                Positions="-0.5  0.5  0.5,  0.5  0.5  0.5,
                                           -0.5 -0.5  0.5,  0.5 -0.5  0.5,

                                            0.5  0.5 -0.5, -0.5  0.5 -0.5,
                                            0.5 -0.5 -0.5, -0.5 -0.5 -0.5,

                                           -0.5  0.5 -0.5, -0.5  0.5  0.5,
                                           -0.5 -0.5 -0.5, -0.5 -0.5  0.5,

                                            0.5  0.5  0.5,  0.5  0.5 -0.5,
                                            0.5 -0.5  0.5,  0.5 -0.5 -0.5,

                                           -0.5  0.5 -0.5,  0.5  0.5 -0.5,
                                           -0.5  0.5  0.5,  0.5  0.5  0.5,

                                            0.5 -0.5 -0.5, -0.5 -0.5 -0.5,
                                            0.5 -0.5  0.5, -0.5 -0.5  0.5"
                               TriangleIndices=" 0  2  1,  1  2  3
                                                 4  6  5,  5  6  7,
                                                 8 10  9,  9 10 11,
                                                12 14 13, 13 14 15
                                                16 18 17, 17 18 19
                                                20 22 21, 21 22 23" />
                        </GeometryModel3D.Geometry>
                        <GeometryModel3D.Material>
                            <DiffuseMaterial Brush="Blue" />
                        </GeometryModel3D.Material>
                    </GeometryModel3D>
                    <AmbientLight Color="#404040" />
                    <DirectionalLight
                        Color="#c0c0c0"
                        Direction="2 -3 -1" />
                </Model3DGroup>
            </ModelVisual3D.Content>
        </ModelVisual3D>
        <Viewport3D.Camera>
            <PerspectiveCamera x:Name="perspectiveCamera" />
        </Viewport3D.Camera>
    </Viewport3D>
    <Window.Triggers>
        <EventTrigger RoutedEvent="Window.Loaded">
            <BeginStoryboard>
                <Storyboard TargetName="perspectiveCamera">
                    <Point3DAnimation
                        Storyboard.TargetProperty="Position"
                        From="-10 1 6"
                        To="10 1 6"
                        Duration="0:0:2"
                        AutoReverse="True"
                        RepeatBehavior="Forever" />
                    <Vector3DAnimation
                        Storyboard.TargetProperty="LookDirection"
                        From="10 -1 -6"
                        To="-10 -1 -6"
                        Duration="0:0:2"
                        AutoReverse="True"
                        RepeatBehavior="Forever" />
                </Storyboard>
            </BeginStoryboard>
        </EventTrigger>
    </Window.Triggers>
</Window>

<Window x:Class="TestProject.MainWindow"

xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"

xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"

Title="정육면체 애니메이션 만들기"

Width="800"

Height="600">

<ModelVisual3D.Content>

<GeometryModel3D.Geometry>

<MeshGeometry3D

Positions="-0.5 0.5 0.5, 0.5 0.5 0.5,

-0.5 -0.5 0.5, 0.5 -0.5 0.5,

0.5 0.5 -0.5, -0.5 0.5 -0.5,

0.5 -0.5 -0.5, -0.5 -0.5 -0.5,

-0.5 0.5 -0.5, -0.5 0.5 0.5,

-0.5 -0.5 -0.5, -0.5 -0.5 0.5,

0.5 0.5 0.5, 0.5 0.5 -0.5,

0.5 -0.5 0.5, 0.5 -0.5 -0.5,

-0.5 0.5 -0.5, 0.5 0.5 -0.5,

-0.5 0.5 0.5, 0.5 0.5 0.5,

0.5 -0.5 -0.5, -0.5 -0.5 -0.5,

0.5 -0.5 0.5, -0.5 -0.5 0.5"

TriangleIndices=" 0 2 1, 1 2 3

4 6 5, 5 6 7,

8 10 9, 9 10 11,

12 14 13, 13 14 15

16 18 17, 17 18 19

20 22 21, 21 22 23" />

</GeometryModel3D.Geometry>

<GeometryModel3D.Material>

</GeometryModel3D.Material>

</GeometryModel3D>

<DirectionalLight

Color="#c0c0c0"

Direction="2 -3 -1" />

</Model3DGroup>

</ModelVisual3D.Content>

</ModelVisual3D>

<Viewport3D.Camera>

</Viewport3D.Camera>

</Viewport3D>

<Window.Triggers>

<Point3DAnimation

Storyboard.TargetProperty="Position"

From="-10 1 6"

To="10 1 6"

Duration="0:0:2"

AutoReverse="True"

RepeatBehavior="Forever" />

<Vector3DAnimation

Storyboard.TargetProperty="LookDirection"

From="10 -1 -6"

To="-10 -1 -6"

Duration="0:0:2"

AutoReverse="True"

RepeatBehavior="Forever" />

</Storyboard>

</BeginStoryboard>

</EventTrigger>

</Window.Triggers>

</Window>

TestProject.zip

[C#/WPF] 정육면체 애니메이션 만들기

■ 정육면체 애니메이션을 만드는 방법을 보여준다. ▶ MainWindow.xaml


<Window x:Class="TestProject.MainWindow"
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
    Title="정육면체 애니메이션 만들기"
    Width="800"
    Height="600"
    FontFamily="나눔고딕코딩"
    FontSize="16">
    <Viewport3D>
        <ModelVisual3D>
            <ModelVisual3D.Content>
                <Model3DGroup>
                    <GeometryModel3D>
                        <GeometryModel3D.Geometry>
                            <!-- 정육면체 : 앞쪽 면, 뒤쪽 면, 왼쪽 면, 오른쪽 면, 위쪽 면, 아래쪽 면 -->
                            <MeshGeometry3D
                                Positions="-0.5  0.5  0.5,  0.5  0.5  0.5,
                                           -0.5 -0.5  0.5,  0.5 -0.5  0.5,

                                            0.5  0.5 -0.5, -0.5  0.5 -0.5,
                                            0.5 -0.5 -0.5, -0.5 -0.5 -0.5,

                                           -0.5  0.5 -0.5, -0.5  0.5  0.5,
                                           -0.5 -0.5 -0.5, -0.5 -0.5  0.5,

                                            0.5  0.5  0.5,  0.5  0.5 -0.5,
                                            0.5 -0.5  0.5,  0.5 -0.5 -0.5,

                                           -0.5  0.5 -0.5,  0.5  0.5 -0.5,
                                           -0.5  0.5  0.5,  0.5  0.5  0.5,

                                            0.5 -0.5 -0.5, -0.5 -0.5 -0.5,
                                            0.5 -0.5  0.5, -0.5 -0.5  0.5"
                               TriangleIndices=" 0  2  1,  1  2  3
                                                 4  6  5,  5  6  7,
                                                 8 10  9,  9 10 11,
                                                12 14 13, 13 14 15
                                                16 18 17, 17 18 19
                                                20 22 21, 21 22 23" />
                        </GeometryModel3D.Geometry>
                        <GeometryModel3D.Material>
                            <DiffuseMaterial Brush="Blue" />
                        </GeometryModel3D.Material>
                    </GeometryModel3D>
                    <AmbientLight Color="#404040" />
                    <DirectionalLight
                        Color="#c0c0c0"
                        Direction="2 -3 -1" />
                </Model3DGroup>
            </ModelVisual3D.Content>
        </ModelVisual3D>
        <Viewport3D.Camera>
            <PerspectiveCamera
                x:Name="perspectiveCamera"
                Position="0 1 6"
                LookDirection="0 -1 -6"
                UpDirection="0 1 0"
                FieldOfView="45" />
        </Viewport3D.Camera>
    </Viewport3D>
    <Window.Triggers>
        <EventTrigger RoutedEvent="Loaded">
            <BeginStoryboard>
                <Storyboard
                    TargetName="perspectiveCamera"
                    TargetProperty="Position">
                    <Point3DAnimation
                        From="-1.8 1 6"
                        To="1.8 1 6"
                        Duration="0:0:2"
                        AutoReverse="True"
                        RepeatBehavior="Forever" />
                </Storyboard>
            </BeginStoryboard>
        </EventTrigger>
    </Window.Triggers>
</Window>

<Window x:Class="TestProject.MainWindow"

xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"

xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"

Title="정육면체 애니메이션 만들기"

Width="800"

Height="600"

FontFamily="나눔고딕코딩"

FontSize="16">

<ModelVisual3D.Content>

<GeometryModel3D.Geometry>

<MeshGeometry3D

Positions="-0.5 0.5 0.5, 0.5 0.5 0.5,

-0.5 -0.5 0.5, 0.5 -0.5 0.5,

0.5 0.5 -0.5, -0.5 0.5 -0.5,

0.5 -0.5 -0.5, -0.5 -0.5 -0.5,

-0.5 0.5 -0.5, -0.5 0.5 0.5,

-0.5 -0.5 -0.5, -0.5 -0.5 0.5,

0.5 0.5 0.5, 0.5 0.5 -0.5,

0.5 -0.5 0.5, 0.5 -0.5 -0.5,

-0.5 0.5 -0.5, 0.5 0.5 -0.5,

-0.5 0.5 0.5, 0.5 0.5 0.5,

0.5 -0.5 -0.5, -0.5 -0.5 -0.5,

0.5 -0.5 0.5, -0.5 -0.5 0.5"

TriangleIndices=" 0 2 1, 1 2 3

4 6 5, 5 6 7,

8 10 9, 9 10 11,

12 14 13, 13 14 15

16 18 17, 17 18 19

20 22 21, 21 22 23" />

</GeometryModel3D.Geometry>

<GeometryModel3D.Material>

</GeometryModel3D.Material>

</GeometryModel3D>

<DirectionalLight

Color="#c0c0c0"

Direction="2 -3 -1" />

</Model3DGroup>

</ModelVisual3D.Content>

</ModelVisual3D>

<Viewport3D.Camera>

<PerspectiveCamera

x:Name="perspectiveCamera"

Position="0 1 6"

LookDirection="0 -1 -6"

UpDirection="0 1 0"

FieldOfView="45" />

</Viewport3D.Camera>

</Viewport3D>

<Window.Triggers>

<Storyboard

TargetName="perspectiveCamera"

TargetProperty="Position">

<Point3DAnimation

From="-1.8 1 6"

To="1.8 1 6"

Duration="0:0:2"

AutoReverse="True"

RepeatBehavior="Forever" />

</Storyboard>

</BeginStoryboard>

</EventTrigger>

</Window.Triggers>

</Window>

TestProject.zip

[C#/WPF] 사각형 2개 만들기

■ 사각형 2개를 만드는 방법을 보여준다. ▶ MainWindow.xaml


<Window x:Class="TestProject.MainWindow"
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
    Width="800"
    Height="600"
    Title="사각형 2개 만들기"
    FontFamily="나눔고딕코딩"
    FontSize="16">
    <Viewport3D>
        <ModelVisual3D>
            <ModelVisual3D.Content>
                <Model3DGroup>
                    <GeometryModel3D>
                        <GeometryModel3D.Geometry>
                            <MeshGeometry3D
                                Positions="0 1 -4, 0 0 -4, 0 1 0, 0 0 0"
                                TriangleIndices="0 1 2, 1 3 2" />
                        </GeometryModel3D.Geometry>
                        <GeometryModel3D.Material>
                            <DiffuseMaterial Brush="Blue" />
                        </GeometryModel3D.Material>
                        <GeometryModel3D.BackMaterial>
                            <DiffuseMaterial Brush="Red" />
                        </GeometryModel3D.BackMaterial>
                    </GeometryModel3D>
                    <GeometryModel3D>
                        <GeometryModel3D.Geometry>
                            <MeshGeometry3D
                                Positions="1 1 0, 1 0 0, 1 1 -4, 1 0 -4"
                                TriangleIndices="0 1 2, 1 3 2" />
                        </GeometryModel3D.Geometry>
                        <GeometryModel3D.Material>
                            <DiffuseMaterial Brush="Blue" />
                        </GeometryModel3D.Material>
                        <GeometryModel3D.BackMaterial>
                            <DiffuseMaterial Brush="Red" />
                        </GeometryModel3D.BackMaterial>
                    </GeometryModel3D>
                    <AmbientLight Color="White" />
                </Model3DGroup>
            </ModelVisual3D.Content>
        </ModelVisual3D>
        <Viewport3D.Camera>
            <PerspectiveCamera
                Position="-2 2 4"
                LookDirection="2 -1 -4"
                UpDirection="0 1 0"
                FieldOfView="45" />
        </Viewport3D.Camera>
    </Viewport3D>
</Window>

<Window x:Class="TestProject.MainWindow"

xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"

xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"

Width="800"

Height="600"

Title="사각형 2개 만들기"

FontFamily="나눔고딕코딩"

FontSize="16">

<ModelVisual3D.Content>

<GeometryModel3D.Geometry>

<MeshGeometry3D

Positions="0 1 -4, 0 0 -4, 0 1 0, 0 0 0"

TriangleIndices="0 1 2, 1 3 2" />

</GeometryModel3D.Geometry>

<GeometryModel3D.Material>

</GeometryModel3D.Material>

<GeometryModel3D.BackMaterial>

</GeometryModel3D.BackMaterial>

</GeometryModel3D>

<GeometryModel3D.Geometry>

<MeshGeometry3D

Positions="1 1 0, 1 0 0, 1 1 -4, 1 0 -4"

TriangleIndices="0 1 2, 1 3 2" />

</GeometryModel3D.Geometry>

<GeometryModel3D.Material>

</GeometryModel3D.Material>

<GeometryModel3D.BackMaterial>

</GeometryModel3D.BackMaterial>

</GeometryModel3D>

</Model3DGroup>

</ModelVisual3D.Content>

</ModelVisual3D>

<Viewport3D.Camera>

<PerspectiveCamera

Position="-2 2 4"

LookDirection="2 -1 -4"

UpDirection="0 1 0"

FieldOfView="45" />

</Viewport3D.Camera>

</Viewport3D>

</Window>

TestProject.zip

[C#/WPF] 투시도법 직육면체 만들기

■ 투시도법 직육면체를 만드는 방법을 보여준다. ▶ MainWindow.xaml


<Window x:Class="TestProject.MainWindow"
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
    Width="800"
    Height="600"
    Title="투시도법 직육면체 만들기"
    FontFamily="나눔고딕코딩"
    FontSize="16">
    <Viewport3D>
        <ModelVisual3D>
            <ModelVisual3D.Content>
                <Model3DGroup>
                    <GeometryModel3D>
                        <GeometryModel3D.Geometry>
                            <MeshGeometry3D
                                Positions="0 1  0, 0 0  0, 1 1  0, 1 0  0,
                                           0 1 -4, 0 0 -4, 0 1  0, 0 0  0,
                                           1 1 -4, 0 1 -4, 1 1  0, 0 1  0,
                                           1 1  0, 1 0  0, 1 1 -4, 1 0 -4,
                                           1 0  0, 0 0  0, 1 0 -4, 0 0 -4,
                                           1 1 -4, 1 0 -4, 0 1 -4, 0 0 -4"
                                TriangleIndices=" 0  1  2,  1  3  2,
                                                  4  5  6,  5  7  6,
                                                  8  9 10,  9 11 10,
                                                 12 13 14, 13 15 14,
                                                 16 17 18, 17 19 18,
                                                 20 21 22, 21 23 22" />
                        </GeometryModel3D.Geometry>
                        <GeometryModel3D.Material>
                            <DiffuseMaterial Brush="Blue" />
                        </GeometryModel3D.Material>
                        <GeometryModel3D.BackMaterial>
                            <DiffuseMaterial Brush="Red" />
                        </GeometryModel3D.BackMaterial>
                    </GeometryModel3D>
                    <AmbientLight Color="#404040" />
                    <DirectionalLight
                        Color="#c0c0c0"
                        Direction="2 -3 -1" />
                </Model3DGroup>
            </ModelVisual3D.Content>
        </ModelVisual3D>
        <Viewport3D.Camera>
            <PerspectiveCamera
                Position="-2 2 4"
                LookDirection="2 -1 -4"
                UpDirection="0 1 0"
                FieldOfView="45" />
        </Viewport3D.Camera>
    </Viewport3D>
</Window>

<Window x:Class="TestProject.MainWindow"

xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"

xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"

Width="800"

Height="600"

Title="투시도법 직육면체 만들기"

FontFamily="나눔고딕코딩"

FontSize="16">

<ModelVisual3D.Content>

<GeometryModel3D.Geometry>

<MeshGeometry3D

Positions="0 1 0, 0 0 0, 1 1 0, 1 0 0,

0 1 -4, 0 0 -4, 0 1 0, 0 0 0,

1 1 -4, 0 1 -4, 1 1 0, 0 1 0,

1 1 0, 1 0 0, 1 1 -4, 1 0 -4,

1 0 0, 0 0 0, 1 0 -4, 0 0 -4,

1 1 -4, 1 0 -4, 0 1 -4, 0 0 -4"

TriangleIndices=" 0 1 2, 1 3 2,

4 5 6, 5 7 6,

8 9 10, 9 11 10,

12 13 14, 13 15 14,

16 17 18, 17 19 18,

20 21 22, 21 23 22" />

</GeometryModel3D.Geometry>

<GeometryModel3D.Material>

</GeometryModel3D.Material>

<GeometryModel3D.BackMaterial>

</GeometryModel3D.BackMaterial>

</GeometryModel3D>

<DirectionalLight

Color="#c0c0c0"

Direction="2 -3 -1" />

</Model3DGroup>

</ModelVisual3D.Content>

</ModelVisual3D>

<Viewport3D.Camera>

<PerspectiveCamera

Position="-2 2 4"

LookDirection="2 -1 -4"

UpDirection="0 1 0"

FieldOfView="45" />

</Viewport3D.Camera>

</Viewport3D>

</Window>

TestProject.zip

[C#/WPF] 정사도법 직육면체 만들기

■ 정사도법 직육면체를 만드는 방법을 보여준다. ▶ MainWindow.xaml


<Window x:Class="TestProject.MainWindow"
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
    Width="800"
    Height="600"
    Title="정사도법 직육면체 만들기"
    FontFamily="나눔고딕코딩"
    FontSize="16">
    <Viewport3D>
        <ModelVisual3D>
            <ModelVisual3D.Content>
                <Model3DGroup>
                    <GeometryModel3D>
                        <GeometryModel3D.Geometry>
                            <MeshGeometry3D
                                Positions="0 1  0, 0 0  0, 1 1  0, 1 0  0,
                                           0 1 -4, 0 0 -4, 0 1  0, 0 0  0,
                                           1 1 -4, 0 1 -4, 1 1  0, 0 1  0,
                                           1 1  0, 1 0  0, 1 1 -4, 1 0 -4,
                                           1 0  0, 0 0  0, 1 0 -4, 0 0 -4,
                                           1 1 -4, 1 0 -4, 0 1 -4, 0 0 -4"
                                TriangleIndices=" 0  1  2,  1  3  2,
                                                  4  5  6,  5  7  6,
                                                  8  9 10,  9 11 10,
                                                 12 13 14, 13 15 14,
                                                 16 17 18, 17 19 18,
                                                 20 21 22, 21 23 22" />
                        </GeometryModel3D.Geometry>
                        <GeometryModel3D.Material>
                            <DiffuseMaterial Brush="Blue" />
                        </GeometryModel3D.Material>
                        <GeometryModel3D.BackMaterial>
                            <DiffuseMaterial Brush="Red" />
                        </GeometryModel3D.BackMaterial>
                    </GeometryModel3D>
                    <AmbientLight Color="#404040" />
                    <DirectionalLight
                        Color="#c0c0c0"
                        Direction="2 -3 -1" />
                </Model3DGroup>
            </ModelVisual3D.Content>
        </ModelVisual3D>
        <Viewport3D.Camera>
            <OrthographicCamera
                Position="-2 2 4"
                LookDirection="2 -1 -4"
                UpDirection="0 1 0"
                Width="5" />
        </Viewport3D.Camera>
    </Viewport3D>
</Window>

<Window x:Class="TestProject.MainWindow"

xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"

xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"

Width="800"

Height="600"

Title="정사도법 직육면체 만들기"

FontFamily="나눔고딕코딩"

FontSize="16">

<ModelVisual3D.Content>

<GeometryModel3D.Geometry>

<MeshGeometry3D

Positions="0 1 0, 0 0 0, 1 1 0, 1 0 0,

0 1 -4, 0 0 -4, 0 1 0, 0 0 0,

1 1 -4, 0 1 -4, 1 1 0, 0 1 0,

1 1 0, 1 0 0, 1 1 -4, 1 0 -4,

1 0 0, 0 0 0, 1 0 -4, 0 0 -4,

1 1 -4, 1 0 -4, 0 1 -4, 0 0 -4"

TriangleIndices=" 0 1 2, 1 3 2,

4 5 6, 5 7 6,

8 9 10, 9 11 10,

12 13 14, 13 15 14,

16 17 18, 17 19 18,

20 21 22, 21 23 22" />

</GeometryModel3D.Geometry>

<GeometryModel3D.Material>

</GeometryModel3D.Material>

<GeometryModel3D.BackMaterial>

</GeometryModel3D.BackMaterial>

</GeometryModel3D>

<DirectionalLight

Color="#c0c0c0"

Direction="2 -3 -1" />

</Model3DGroup>

</ModelVisual3D.Content>

</ModelVisual3D>

<Viewport3D.Camera>

<OrthographicCamera

Position="-2 2 4"

LookDirection="2 -1 -4"

UpDirection="0 1 0"

Width="5" />

</Viewport3D.Camera>

</Viewport3D>

</Window>

TestProject.zip

[C#/WPF] 코드로 삼각형 3D 만들기

■ 코드로 삼각형을 3D로 만드는 방법을 보여준다. ▶ MainWindow.cs


using System.Windows;
using System.Windows.Controls;
using System.Windows.Controls.Primitives;
using System.Windows.Media;
using System.Windows.Media.Media3D;

namespace TestProject
{
    /// <summary>
    /// 메인 윈도우
    /// </summary>
    public partial class MainWindow : Window
    {
        //////////////////////////////////////////////////////////////////////////////////////////////////// Field
        ////////////////////////////////////////////////////////////////////////////////////////// Private

        #region Field

        /// <summary>
        /// 투시도법 카메라
        /// </summary>
        private PerspectiveCamera perspectiveCamera;

        #endregion

        //////////////////////////////////////////////////////////////////////////////////////////////////// Constructor
        ////////////////////////////////////////////////////////////////////////////////////////// Public

        #region 생성자 - MainWindow()

        /// <summary>
        /// 생성자
        /// </summary>
        public MainWindow()
        {
            InitializeComponent();

            #region 스크롤바를 설정합니다.

            ScrollBar scrollBar = new ScrollBar();

            scrollBar.Orientation = Orientation.Horizontal;
            scrollBar.Value       = -2;
            scrollBar.Minimum     = -2;
            scrollBar.Maximum     = 2;

            scrollBar.ValueChanged += scrollBar_ValueChanged;

            #endregion
            #region 삼각형 MeshGeometry3D를 설정합니다.

            MeshGeometry3D triangleMeshGeometry3D = new MeshGeometry3D();

            triangleMeshGeometry3D.Positions.Add(new Point3D(0, 0,  0));
            triangleMeshGeometry3D.Positions.Add(new Point3D(0, 1, -1));
            triangleMeshGeometry3D.Positions.Add(new Point3D(0, 0, -2));

            triangleMeshGeometry3D.TriangleIndices = new Int32Collection(new int[] { 0, 1, 2 });

            #endregion
            #region 삼각형 GeometryModel3D를 설정합니다.

            GeometryModel3D triangleGeometryModel3D = new GeometryModel3D();

            triangleGeometryModel3D.Geometry     = triangleMeshGeometry3D;
            triangleGeometryModel3D.Material     = new DiffuseMaterial(Brushes.Blue);
            triangleGeometryModel3D.BackMaterial = new DiffuseMaterial(Brushes.Red );

            #endregion
            #region 삼각형 ModelVisual3D를 설정합니다.

            ModelVisual3D triangleModelVisual3D = new ModelVisual3D();

            triangleModelVisual3D.Content = triangleGeometryModel3D;

            #endregion
            #region 환경광을 설정합니다.

            AmbientLight ambientLight = new AmbientLight(Colors.White);

            #endregion
            #region 환경광 ModelVisual3D를 설정합니다.

            ModelVisual3D lightModelVisual3D = new ModelVisual3D();

            lightModelVisual3D.Content = ambientLight;

            #endregion
            #region 투시도법 카메라를 설정합니다.

            this.perspectiveCamera = new PerspectiveCamera(new Point3D(-2, 0, 5), new Vector3D(0, 0, -1), new Vector3D(0, 1, 0), 45);

            #endregion
            #region Viewport3D를 설정합니다.

            Viewport3D viewport3D = new Viewport3D();

            viewport3D.Camera = this.perspectiveCamera;

            viewport3D.Children.Add(triangleModelVisual3D);
            viewport3D.Children.Add(lightModelVisual3D);

            #endregion
            #region 도킹 패널을 설정합니다.

            DockPanel dockPanel = new DockPanel();

            dockPanel.Children.Add(scrollBar);

            DockPanel.SetDock(scrollBar, Dock.Bottom);

            dockPanel.Children.Add(viewport3D);

            Content = dockPanel;

            #endregion
        }

        #endregion

        //////////////////////////////////////////////////////////////////////////////////////////////////// Method
        ////////////////////////////////////////////////////////////////////////////////////////// Private

        #region 스크롤바 값 변경시 처리하기 - scrollBar_ValueChanged(sender, e)

        /// <summary>
        /// 스크롤바 값 변경시 처리하기
        /// </summary>
        /// <param name="sender">이벤트 발생자</param>
        /// <param name="e">이벤트 인자</param>
        private void scrollBar_ValueChanged(object sender, RoutedPropertyChangedEventArgs<double> e)
        {
            this.perspectiveCamera.Position = new Point3D(e.NewValue, 0, 5);
        }

        #endregion
    }
}

100

101

102

103

104

105

106

107

108

109

110

111

112

113

114

115

116

117

118

119

120

121

122

123

124

125

126

127

128

129

130

131

132

133

134

135

136

137

138

139

140

using System.Windows;

using System.Windows.Controls;

using System.Windows.Controls.Primitives;

using System.Windows.Media;

using System.Windows.Media.Media3D;

namespace TestProject

{

/// <summary>

/// 메인 윈도우

/// </summary>

public partial class MainWindow : Window

{

//////////////////////////////////////////////////////////////////////////////////////////////////// Field

////////////////////////////////////////////////////////////////////////////////////////// Private

#region Field

/// <summary>

/// 투시도법 카메라

/// </summary>

private PerspectiveCamera perspectiveCamera;

#endregion

//////////////////////////////////////////////////////////////////////////////////////////////////// Constructor

////////////////////////////////////////////////////////////////////////////////////////// Public

#region 생성자 - MainWindow()

/// <summary>

/// 생성자

/// </summary>

public MainWindow()

{

InitializeComponent();

#region 스크롤바를 설정합니다.

ScrollBar scrollBar = new ScrollBar();

scrollBar.Orientation = Orientation.Horizontal;

scrollBar.Value = -2;

scrollBar.Minimum = -2;

scrollBar.Maximum = 2;

scrollBar.ValueChanged += scrollBar_ValueChanged;

#endregion

#region 삼각형 MeshGeometry3D를 설정합니다.

MeshGeometry3D triangleMeshGeometry3D = new MeshGeometry3D();

triangleMeshGeometry3D.Positions.Add(new Point3D(0, 0, 0));

triangleMeshGeometry3D.Positions.Add(new Point3D(0, 1, -1));

triangleMeshGeometry3D.Positions.Add(new Point3D(0, 0, -2));

triangleMeshGeometry3D.TriangleIndices = new Int32Collection(new int[] { 0, 1, 2 });

#endregion

#region 삼각형 GeometryModel3D를 설정합니다.

GeometryModel3D triangleGeometryModel3D = new GeometryModel3D();

triangleGeometryModel3D.Geometry = triangleMeshGeometry3D;

triangleGeometryModel3D.Material = new DiffuseMaterial(Brushes.Blue);

triangleGeometryModel3D.BackMaterial = new DiffuseMaterial(Brushes.Red );

#endregion

#region 삼각형 ModelVisual3D를 설정합니다.

ModelVisual3D triangleModelVisual3D = new ModelVisual3D();

triangleModelVisual3D.Content = triangleGeometryModel3D;

#endregion

#region 환경광을 설정합니다.

AmbientLight ambientLight = new AmbientLight(Colors.White);

#endregion

#region 환경광 ModelVisual3D를 설정합니다.

ModelVisual3D lightModelVisual3D = new ModelVisual3D();

lightModelVisual3D.Content = ambientLight;

#endregion

#region 투시도법 카메라를 설정합니다.

this.perspectiveCamera = new PerspectiveCamera(new Point3D(-2, 0, 5), new Vector3D(0, 0, -1), new Vector3D(0, 1, 0), 45);

#endregion

#region Viewport3D를 설정합니다.

Viewport3D viewport3D = new Viewport3D();

viewport3D.Camera = this.perspectiveCamera;

viewport3D.Children.Add(triangleModelVisual3D);

viewport3D.Children.Add(lightModelVisual3D);

#endregion

#region 도킹 패널을 설정합니다.

DockPanel dockPanel = new DockPanel();

dockPanel.Children.Add(scrollBar);

DockPanel.SetDock(scrollBar, Dock.Bottom);

dockPanel.Children.Add(viewport3D);

Content = dockPanel;

#endregion

}

#endregion

//////////////////////////////////////////////////////////////////////////////////////////////////// Method

////////////////////////////////////////////////////////////////////////////////////////// Private

#region 스크롤바 값 변경시 처리하기 - scrollBar_ValueChanged(sender, e)

/// <summary>

/// 스크롤바 값 변경시 처리하기

/// </summary>

/// <param name="sender">이벤트 발생자</param>

/// <param name="e">이벤트 인자</param>

private void scrollBar_ValueChanged(object sender, RoutedPropertyChangedEventArgs<double> e)

{

this.perspectiveCamera.Position = new Point3D(e.NewValue, 0, 5);

}

#endregion

}

TestProject.zip

[C#/WPF] Viewport3D 엘리먼트 : 3D 삼각형 만들기

■ Viewport3D 엘리먼트를 사용해 3D 삼각형을 만드는 방법을 보여준다. ▶ MainWindow.xaml


<Window x:Class="TestProject.MainWindow"
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
    Width="800"
    Height="600"
    Title="Viewport3D 엘리먼트 : 3D 삼각형 만들기"
    FontFamily="나눔고딕코딩"
    FontSize="16">
    <Grid>
        <Border
            Margin="10"
            BorderThickness="1"
            BorderBrush="Black">
            <Viewport3D>
                <Viewport3D.Camera>
                    <PerspectiveCamera
                    Position="0 0 5"
                    LookDirection="0 0 -1"
                    UpDirection="0 1 0"
                    FieldOfView="45" />
                </Viewport3D.Camera>
                <ModelVisual3D>
                    <ModelVisual3D.Content>
                        <Model3DGroup>
                            <DirectionalLight Direction="0 0 -1" />
                            <GeometryModel3D>
                                <GeometryModel3D.Geometry>
                                    <MeshGeometry3D
                                        Positions="0 1 0, -1 -1 0, 1 -1 0"
                                        TriangleIndices ="0 1 2" />
                                </GeometryModel3D.Geometry>
                                <GeometryModel3D.Material>
                                    <DiffuseMaterial Brush ="Red" />
                                </GeometryModel3D.Material>
                                <GeometryModel3D.BackMaterial>
                                    <DiffuseMaterial Brush ="Green" />
                                </GeometryModel3D.BackMaterial>
                            </GeometryModel3D>
                        </Model3DGroup>
                    </ModelVisual3D.Content>
                </ModelVisual3D>
            </Viewport3D>
        </Border>
    </Grid>
</Window>

<Window x:Class="TestProject.MainWindow"

xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"

xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"

Width="800"

Height="600"

Title="Viewport3D 엘리먼트 : 3D 삼각형 만들기"

FontFamily="나눔고딕코딩"

FontSize="16">

<Grid>

<Border

Margin="10"

BorderThickness="1"

BorderBrush="Black">

<Viewport3D.Camera>

<PerspectiveCamera

Position="0 0 5"

LookDirection="0 0 -1"

UpDirection="0 1 0"

FieldOfView="45" />

</Viewport3D.Camera>

<ModelVisual3D.Content>

<GeometryModel3D.Geometry>

<MeshGeometry3D

Positions="0 1 0, -1 -1 0, 1 -1 0"

TriangleIndices ="0 1 2" />

</GeometryModel3D.Geometry>

<GeometryModel3D.Material>

</GeometryModel3D.Material>

<GeometryModel3D.BackMaterial>

</GeometryModel3D.BackMaterial>

</GeometryModel3D>

</Model3DGroup>

</ModelVisual3D.Content>

</ModelVisual3D>

</Viewport3D>

</Border>

</Grid>

</Window>

TestProject.zip

[C#/WPF] Viewport3D 엘리먼트 : 컨트롤 3D 회전시키기

■ Viewport3D 엘리먼트를 사용해 컨트롤을 3D로 회전시키는 방법을 보여준다. ▶ MainWindow.xaml


<Window x:Class="TestProject.MainWindow"
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
    Width="800"
    Height="600"
    Title="Viewport3D 엘리먼트 : 컨트롤 3D 회전시키기"
    FontFamily="나눔고딕코딩"
    FontSize="16">
    <Grid>
        <Grid.RowDefinitions>
            <RowDefinition Height="*"    />
            <RowDefinition Height="Auto" />
        </Grid.RowDefinitions>
        <Viewport3D Margin="10">
            <Viewport3D.Camera>
                <PerspectiveCamera Position="0 0 10" />
            </Viewport3D.Camera>
            <Viewport2DVisual3D>
                <Viewport2DVisual3D.Transform>
                    <RotateTransform3D>
                        <RotateTransform3D.Rotation>
                            <AxisAngleRotation3D
                                Angle="{Binding ElementName=Slider, Path=Value}"
                                Axis="0 1 0" />
                        </RotateTransform3D.Rotation>
                    </RotateTransform3D>
                </Viewport2DVisual3D.Transform>
                <Viewport2DVisual3D.Geometry>
                    <MeshGeometry3D
                        Positions="-2 1 0, -2 -1 0, 2 -1 0, 2 1 0"
                        TextureCoordinates="0 0, 0 1, 1 1, 1 0"
                        TriangleIndices="0 1 2 0 2 3" />
                </Viewport2DVisual3D.Geometry>
                <Viewport2DVisual3D.Material>
                    <DiffuseMaterial
                        Viewport2DVisual3D.IsVisualHostMaterial="True"
                        Brush="White" />
                </Viewport2DVisual3D.Material>
                <Button
                    Width="100"
                    Height="25"
                    FontSize="12"
                    Content="Rotate 3D" />
            </Viewport2DVisual3D>
            <ModelVisual3D>
                <ModelVisual3D.Content>
                    <DirectionalLight Direction="0 0 -1" Color="#ffffffff" />
                </ModelVisual3D.Content>
            </ModelVisual3D>
        </Viewport3D>
        <StackPanel
            Grid.Row="1"
            Margin="5"
            Orientation="Horizontal">
            <TextBlock>회전</TextBlock>
            <Slider x:Name="Slider"
                Width="300"
                Minimum="-90"
                Maximum="90" />
        </StackPanel>
    </Grid>
</Window>

<Window x:Class="TestProject.MainWindow"

xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"

xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"

Width="800"

Height="600"

Title="Viewport3D 엘리먼트 : 컨트롤 3D 회전시키기"

FontFamily="나눔고딕코딩"

FontSize="16">

<Grid>

<Grid.RowDefinitions>

</Grid.RowDefinitions>

<Viewport3D.Camera>

</Viewport3D.Camera>

<Viewport2DVisual3D.Transform>

<RotateTransform3D.Rotation>

<AxisAngleRotation3D

Angle="{Binding ElementName=Slider, Path=Value}"

Axis="0 1 0" />

</RotateTransform3D.Rotation>

</RotateTransform3D>

</Viewport2DVisual3D.Transform>

<Viewport2DVisual3D.Geometry>

<MeshGeometry3D

Positions="-2 1 0, -2 -1 0, 2 -1 0, 2 1 0"

TextureCoordinates="0 0, 0 1, 1 1, 1 0"

TriangleIndices="0 1 2 0 2 3" />

</Viewport2DVisual3D.Geometry>

<Viewport2DVisual3D.Material>

<DiffuseMaterial

Viewport2DVisual3D.IsVisualHostMaterial="True"

Brush="White" />

</Viewport2DVisual3D.Material>

<Button

Width="100"

Height="25"

FontSize="12"

Content="Rotate 3D" />

</Viewport2DVisual3D>

<ModelVisual3D.Content>

</ModelVisual3D.Content>

</ModelVisual3D>

</Viewport3D>

<StackPanel

Grid.Row="1"

Margin="5"

Orientation="Horizontal">

<Slider x:Name="Slider"

Width="300"

Minimum="-90"

Maximum="90" />

</StackPanel>

</Grid>

</Window>

TestProject.zip