Repository navigation
Expand file tree
/
Copy pathgammaCorrCS.html
More file actions
167 lines (142 loc) · 7.92 KB
/
Copy pathgammaCorrCS.html
File metadata and controls
167 lines (142 loc) · 7.92 KB
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
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
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<meta http-equiv="Content-Language" content="ja">
<meta http-equiv="Content-Script-Type" content="text/javascript">
<meta http-equiv="Content-Style-Type" content="text/css">
<meta name="Description" content="コンピュートシェーダー、ガンマ補正">
<meta name="viewport" content="width=device-width, initial-scale=1" />
<script type="text/javascript" src="ss25.js" charset="UTF-8"></script>
<link href="./style25.css" rel="stylesheet" type="text/css">
<title>コンピュートシェーダーによるガンマ補正(gamma correction)</title>
</head>
<body onLoad="moveLeft();" onresize="moveLeft();">
<div class="dropdown" style="position:fixed; top:70px;
margin-left:auto; right:80px;z-index: 3;">
<button class="dropbtn">
<a href="index.html" style=" text-decoration: none;
"><font color="#dddddd">ホームへ</font></a>
</button>
<div class="dropdown-content" style="line-height:10px">
<a href="imageViewer.html">imageViewer</a>
<a href="imageViewerD2D1.html">imageViewerD2D1</a>
<a href="gammaCorrCS.html">gammaCorrCS</a>
<a href="imageEditor.html">imageEditor</a>
<a href="dispImage.html">disspImage</a>
<a href="initDX11.html">initDX11</a>
<a href="tessellation.html">tessellation</a>
</div>
</div>
<div class="container">
<p style="position:relative; margin-top:20px;
height:auto;
margin-left:0px; margin-right:auto;
text-align:center; line-height: 20pt;
font-family: メイリオ;font-size:120%;
color:#eeeeee; font-weight:lighter; letter-spacing: 0.1em; z-index: 2;">
VC++MFC サンプルコード <font size="4">（Visual Studio 2022）</font><br />
<br />
</p>
<div id="left1">
<p style="position: relative; margin-top: 0px;
height:auto;
margin-left: 0px; margin-right: auto;
text-align: left; line-height: 40pt; font-family: メイリオ;
font-size: 120%; color: #eeeeee; font-weight: lighter;
letter-spacing: 0.1em; z-index: 2;">
<font size="5" color="#00f000">gammaCorrCS </font>
<font size="3" color="#f0f0f0">Windows11</font><br />
</p>
<div style="position: relative; margin-top: -30px;
width: auto; height: 2px; margin-left: 0px; margin-right: 120px;">
<img src="img\\bbb1.PNG" border="0" align="top" hspace="0"
vspace="0" style="position: relative; top:0px; left:0px;
border-color:#ffffff;z-index: 1;width:100%;height:2px;">
</div>
<p style="position: relative; width:auto;margin-top: 0px;
height: auto;
margin-left: 0px; margin-right: auto;
text-align: left; line-height: 20pt; font-family: メイリオ;
font-size: 110%; color: #ffffff; font-weight: lighter;
letter-spacing: 0.1em; padding: 20px; z-index: 2; ">
DirectX11のコンピュート・シェーダー（CS）を利用して、高速で画像のガンマ補正を
行います。<br />DirectX3Dを使用します。
<br />
<br />
<font size="3" color="ffe0d0">
コンピュートシェーダーは GPU に直接アクセスし、
複数ピクセルを並列処理できるため、
CPU では時間のかかるガンマ補正を<br/>
短時間で実行できます。
ただし、CS は描画機能を持たないため、
処理結果は UAV（読み書き可能テクスチャ）に書き込み、<br />
その UAV をピクセルシェーダー（PS）に渡して描画します。<br />
この仕組みにより、
高解像度の画像でも高速でガンマ補正が可能になります。<br /> <br />
</font>
<br />
<font size="3" color="ffffff">
■主な機能<br />
・画像のガンマ補正<br />
・対応フォーマットは、jpg,bmp,png,tif,標準的なRAW<br />
・ロード可能画像サイズ、16000×16000pixel<br />
・マウスホイールによるズーム、視点移動<br />
・マウスドラッグによる、スクロール<br />
・フォーマット変換セーブ<br />
</font>
</p>
<div id="left2" style="position: relative; margin-left: 0px; margin-top: 0px;
width: auto; height: auto; margin-right: auto; z-index: 2; ">
<div id="left3" style="position: relative; margin-left: 0px; margin-top: 0px;
width: 500px; height: auto; margin-right: auto; z-index: 2; ">
<img src="img\\gammaCorrCSA.jpg">
</div>
<div id="left4" style="position: relative; margin-left: 520px; margin-top: -286px;
width: 500px; height: auto; margin-right: auto; z-index: 2; ">
<img src="img\\gammaCorrCSB.jpg">
</div>
</div>
<div id="left5"style="position: relative; margin-left: 40px; margin-top: 0px;
width: auto; height: auto; margin-right: auto; z-index: 2; ">
<div id="button1" style="position: relative; margin-left: 0px;
margin-top: 20px; margin-right: auto;width: 400px; height: auto;
text-align: left; line-height: 40pt; font-size: 100%;
font-weight: lighter; color: #ffffff;
letter-spacing: 0.1em; font-family:メイリオ; z-index: 2;">
<a href="https://github.com/tkpoly/works/releases/download/v1.4/gammaCorrCS.zip" title="ダウンロード" color="000000" size="1">
■<font color="f0f0f0">フリーダウンロード</font>
<font color="#00f000">gammaCorrCS.zip</font><br />
</a>
</div>
<p style="height: 240px; position: relative; margin-left: 0px; margin-top: 0px;
margin-right: auto;width: auto; height: auto;
text-align: left; line-height: 16pt; font-size: 80%;
font-weight: lighter; color: #ffffff;
letter-spacing: 0.1em; font-family:メイリオ; z-index: 2;">
＜内容＞<br />
・gammaCorrCS フォルダ（.h .cpp .hlsl）<br />
・x64 フォルダ（.exe）<br />
・gammaCorrCS.sln ソリューション<br />
・README.md
</p>
</div>
</div>
<div id="left6">
<div class="section:last-child">
<div style="position: relative; margin-top: 140px;
width: 100%; height: 100px;
margin-left: 0px; margin-right: 0px;
background-color:#606090;
text-align: left; line-height: 16pt; font-size: 80%;
font-weight: lighter; color: #ffffff;
letter-spacing: 0.1em;
padding-left: 10px;
font-family:メイリオ; z-index: 2;">
tkpoly studio
</div>
</div>
</div>
</div>
</body>
</html>