Skip to content

Commit f17736e

Browse files
arcturuarcturu
committed
Add Micapaint
1 parent 63635ae commit f17736e

6 files changed

Lines changed: 262 additions & 0 deletions

File tree

‎micapaint/css/style.css‎

Lines changed: 164 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,164 @@
1+
@font-face {
2+
font-family: "Oxygen";
3+
src: url(./Oxygen-Bold.woff2) format("woff2");
4+
}
5+
6+
@media (prefers-color-scheme: dark) {
7+
body {
8+
color: #aaaaaa;
9+
background-color: #181b1e;
10+
}
11+
}
12+
13+
@media (preferes-color-scheme: light) {
14+
body {
15+
color: #333333;
16+
background-color: #ffffff;
17+
}
18+
}
19+
20+
html {
21+
font-family: sans-serif;
22+
font-size: 0.625em;
23+
}
24+
25+
body {
26+
font-size: 1.6rem;
27+
max-width: 960px;
28+
margin: 0 auto 80px;
29+
padding: 20px;
30+
line-height: 1.7;
31+
}
32+
33+
a {
34+
color: inherit;
35+
text-decoration: underline;
36+
}
37+
38+
a.silent {
39+
text-decoration: none;
40+
}
41+
42+
.link {
43+
width: 1.4rem;
44+
height: 1.4rem;
45+
display: inline-block;
46+
background-image: url(external-link-symbol.svg);
47+
background-position: center;
48+
background-size: contain;
49+
background-repeat: no-repeat;
50+
}
51+
52+
h1 {
53+
font-size: 5rem;
54+
font-family: "Oxygen", sans-serif;
55+
font-weight: bold;
56+
line-height: 1.2;
57+
margin: 80px 0 20px 0;
58+
padding: 0;
59+
}
60+
61+
h2 {
62+
font-size: 3rem;
63+
font-family: "Oxygen", sans-serif;
64+
font-weight: bold;
65+
line-height: 1.2;
66+
margin: 60px 0 20px;
67+
}
68+
69+
h3 {
70+
font-size: 1.8rem;
71+
font-weight: normal;
72+
line-height: 1.2;
73+
margin: 0;
74+
padding: 0;
75+
}
76+
77+
p {
78+
font-size: 1.4rem;
79+
margin: 0;
80+
padding: 0;
81+
}
82+
83+
ul {
84+
font-size: 1.4rem;
85+
}
86+
87+
hr {
88+
border: 0;
89+
height: 1px;
90+
background-color: #dddddd;
91+
}
92+
93+
#footer {
94+
color: #888888;
95+
font-size: 1.2rem;
96+
margin-top: 40px;
97+
}
98+
99+
.content {
100+
padding: 0;
101+
}
102+
103+
.content > .item {
104+
margin: 0 0 20px 0;
105+
}
106+
107+
.posts {
108+
margin: 0;
109+
padding: 0;
110+
list-style-type: none;
111+
}
112+
113+
.posts li {
114+
margin: 0;
115+
margin-bottom: 20px;
116+
font-size: 1.8rem;
117+
line-height: 1.2;
118+
}
119+
120+
.note {
121+
color: #888888;
122+
font-size: 1.1rem;
123+
margin: 4px 0 0 0;
124+
}
125+
126+
.sns-list {
127+
display: flex;
128+
align-items: center;
129+
flex-wrap: wrap;
130+
font-size: 1.4rem;
131+
padding: 0;
132+
margin: 10px 0;
133+
}
134+
135+
.sns-list > li {
136+
display: flex;
137+
align-items: center;
138+
list-style-type: none;
139+
line-height: 2;
140+
margin-right: 1em;
141+
}
142+
143+
.sns-icon {
144+
font-size: 18px !important;
145+
margin-right: 4px;
146+
}
147+
148+
.icon-hatenablog {
149+
display: inline-block;
150+
vertical-align: middle;
151+
width: 24px;
152+
height: 24px;
153+
background-image: url(../img/hatenablog-logo.svg);
154+
background-size: 100%;
155+
background-repeat: no-repeat;
156+
}
157+
158+
.icon-pixiv {
159+
vertical-align: middle;
160+
}
161+
162+
.copy {
163+
margin-top: 60px;
164+
}

‎micapaint/img/mica-brushes.webp‎

42.1 KB
Loading

‎micapaint/img/mica-ui.webp‎

162 KB
Loading

‎micapaint/index.html‎

Lines changed: 65 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,65 @@
1+
<!DOCTYPE html>
2+
<html lang="ja">
3+
<head>
4+
<meta charset="utf-8" />
5+
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
6+
<title>Micapaint</title>
7+
<link rel="stylesheet" href="css/style.css" />
8+
</head>
9+
<body>
10+
<h1>Micapaint</h1>
11+
<p>
12+
描き心地を追求した iPad 向けペイントアプリ。
13+
</p>
14+
<h2>特徴</h2>
15+
<h3></h3>
16+
<ul>
17+
<li>
18+
120fps 対応のスムーズなブラシ動作。1000x1000 の混色ブラシも滑らかに動きます。<br />
19+
<img src="img/mica-brushes.webp" alt="Micapaint で使えるブラシ" width="640" />
20+
</li>
21+
<li>
22+
途切れた線でもはみ出さない「スライムブラシ」<br />
23+
<video width="640" height="480" controls>
24+
<source src="video/mica-slime.mp4" type="video/mp4">
25+
video タグに対応したブラウザをご利用ください。
26+
</video>
27+
</li>
28+
<li>
29+
シンプルで作業領域が広い UI<br />
30+
<img src="img/mica-ui.webp" alt="Micapaint の UI" width="640" />
31+
</li>
32+
</ul>
33+
34+
<h2>主な機能</h2>
35+
<ul>
36+
<li>鉛筆、Gペン、水彩混色、ぼかし</li>
37+
<li>投げ縄塗りつぶし</li>
38+
<li>メモリがある限り無制限なレイヤー数</li>
39+
<li>レイヤーフォルダー</li>
40+
<li>クリッピングマスク（もちろんフォルダーに対しても！）</li>
41+
<li>キャンバス左右反転表示</li>
42+
<li>縮小キャンバスビュー</li>
43+
<li>透明度保護</li>
44+
<li>フィルター（ノイズ、色相彩度明度）</li>
45+
<li>選択・移動</li>
46+
<li>画像読み込み</li>
47+
<li>標準的なブレンドモード</li>
48+
<li>やり直し</li>
49+
<li>手ぶれ補正強度調整</li>
50+
<li>バレルロール対応</li>
51+
<li>ボタン数、配置をカスタマイズ可能なツールバー</li>
52+
<li>タイムラプス記録</li>
53+
</ul>
54+
55+
<h2>その他</h2>
56+
<ul>
57+
<li><a href="privacy/index.html">プライバシーポリシー</a></li>
58+
<li><a href="https://docs.google.com/forms/d/e/1FAIpQLSfZb-oY3x8c-UH1veXwm-io_Su-ZZee9jShf_-eTLNMmbwFOQ/viewform?usp=dialog">お問い合わせ</a></li>
59+
</ul>
60+
61+
<p class="copy">
62+
&copy; 2025 <a href="https://arcturu.com">arc</a>
63+
</p>
64+
</body>
65+
</html>

‎micapaint/privacy/index.html‎

Lines changed: 33 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,33 @@
1+
<!DOCTYPE html>
2+
<html lang="ja">
3+
<head>
4+
<meta charset="utf-8" />
5+
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
6+
<title>プライバシーポリシー | Micapaint</title>
7+
<link rel="stylesheet" href="../css/style.css" />
8+
</head>
9+
<body>
10+
<h1>プライバシーポリシー</h1>
11+
<p>
12+
本アプリでは、安定性向上やユーザー体験の最適化のために Google が提供する Firebase Analytics、Crashlytics および Apple が提供するクラッシュレポートを使用しています。収集される情報は個人を直接特定できるものではなく、統計的に処理されます。また、収集された情報は Google、Apple を除く第三者に提供されることはありません。
13+
</p>
14+
<h2>収集される情報</h2>
15+
<ul>
16+
<li>アプリ起動、ファイルオープン、ブラシ描画などに要した時間</li>
17+
<li>使用されている端末の種類、OS バージョン等の一般的な環境情報</li>
18+
<li>画面遷移や機能の利用状況に関するイベント情報</li>
19+
<li>クラッシュレポート</li>
20+
</ul>
21+
<p>
22+
個人を特定できる情報や制作中の作品の内容は収集されません。
23+
</p>
24+
<h2>変更について</h2>
25+
<p>
26+
本プライバシーポリシーは、必要に応じて変更されることがあります。重要な変更がある場合は、公式サイトにて告知します。
27+
</p>
28+
<h2>お問い合わせ</h2>
29+
<p>
30+
本プライバシーポリシーに関するお問い合わせは、<a href="https://docs.google.com/forms/d/e/1FAIpQLSfZb-oY3x8c-UH1veXwm-io_Su-ZZee9jShf_-eTLNMmbwFOQ/viewform?usp=dialog">こちらのフォーム</a>からご連絡ください。
31+
</p>
32+
</body>
33+
</html>

‎micapaint/video/mica-slime.mp4‎

1.05 MB
Binary file not shown.

0 commit comments

Comments
 (0)