-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathindex.html
More file actions
180 lines (173 loc) · 7.9 KB
/
Copy pathindex.html
File metadata and controls
180 lines (173 loc) · 7.9 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
168
169
170
171
172
173
174
175
176
177
178
179
180
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Hano Studio — Unity tools built on measured data</title>
<meta name="description" content="Hano Studio builds practical Unity editor tools: ScreenFit QA (mobile UI audit), Probe (in-game debug console), and Build Size Gate. Every tool is backed by published, reproducible measurements.">
<link rel="icon" type="image/png" href="hano-128.png">
<style>
:root {
--bg: #0b1220;
--panel: #111a2e;
--panel-2: #16213a;
--text: #e6ecf7;
--muted: #93a3bd;
--line: #223154;
--accent-a: #3b82f6;
--accent-b: #34d399;
}
* { margin: 0; padding: 0; box-sizing: border-box; }
body {
background: var(--bg);
color: var(--text);
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
line-height: 1.6;
}
.wrap { max-width: 960px; margin: 0 auto; padding: 0 24px; }
header { padding: 28px 0; border-bottom: 1px solid var(--line); }
.brand { display: flex; align-items: center; gap: 12px; text-decoration: none; color: var(--text); }
.brand img { width: 36px; height: 36px; }
.brand strong { font-size: 18px; letter-spacing: 0.3px; }
.hero { padding: 72px 0 56px; }
.hero h1 { font-size: clamp(30px, 5vw, 44px); line-height: 1.2; letter-spacing: -0.5px; }
.hero p { color: var(--muted); max-width: 620px; margin-top: 16px; font-size: 17px; }
.rule {
height: 4px; width: 220px; border-radius: 2px; margin-top: 26px;
background: linear-gradient(90deg, var(--accent-a), var(--accent-b));
}
section { padding: 40px 0; }
h2 { font-size: 22px; margin-bottom: 20px; }
.grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 16px; }
.card {
background: var(--panel); border: 1px solid var(--line); border-radius: 12px;
padding: 22px; display: flex; flex-direction: column; gap: 10px;
}
.card h3 { font-size: 17px; }
.tag {
display: inline-block; font-size: 11px; letter-spacing: 0.8px; text-transform: uppercase;
color: #bcd3ff; background: var(--panel-2); border: 1px solid var(--line);
padding: 3px 10px; border-radius: 999px; width: fit-content;
}
.card p { color: var(--muted); font-size: 14px; flex: 1; }
.links { display: flex; flex-wrap: wrap; gap: 10px; margin-top: 4px; }
.links a {
font-size: 13px; color: #a5c4ff; text-decoration: none;
border: 1px solid var(--line); border-radius: 8px; padding: 6px 12px;
background: var(--panel-2);
}
.links a:hover { border-color: var(--accent-a); }
ul.writing { list-style: none; display: flex; flex-direction: column; gap: 10px; }
ul.writing li {
background: var(--panel); border: 1px solid var(--line); border-radius: 10px; padding: 14px 18px;
}
ul.writing a { color: var(--text); text-decoration: none; font-size: 15px; }
ul.writing a:hover { color: #a5c4ff; }
ul.writing span { display: block; color: var(--muted); font-size: 13px; margin-top: 2px; }
.support {
background: var(--panel); border: 1px solid var(--line); border-radius: 12px; padding: 24px;
}
.support a { color: #a5c4ff; text-decoration: none; }
footer { border-top: 1px solid var(--line); padding: 28px 0 48px; color: var(--muted); font-size: 13px; }
</style>
</head>
<body>
<header>
<div class="wrap">
<a class="brand" href="/">
<img src="hano-mark.svg" alt="Hano Studio mark">
<strong>Hano Studio</strong>
</a>
</div>
</header>
<div class="wrap">
<div class="hero">
<h1>Unity tools built on measured data.</h1>
<p>
Hano Studio is an independent studio by a Unity client developer with 14 years of
shipped-game experience. Every tool starts as a real production problem, gets measured
in public, and ships with reproducible evidence — not marketing claims.
</p>
<div class="rule"></div>
</div>
<section id="tools">
<h2>Tools</h2>
<div class="grid">
<div class="card">
<span class="tag">Editor tool · Mobile UI</span>
<h3>ScreenFit QA — UI Audit & One-Click Fixes</h3>
<p>
One-click audit of your uGUI scenes across real device profiles: safe-area overlap,
canvas scaler mistakes, text and localization overflow, and under-sized touch targets —
with undoable one-click fixes and exportable Markdown/JSON reports.
</p>
<div class="links">
<a href="https://assetstore.unity.com/packages/tools/gui/screenfit-qa-ui-audit-one-click-fixes-385786">Unity Asset Store</a>
<a href="mailto:hellohanostudio@gmail.com">Support</a>
</div>
</div>
<div class="card">
<span class="tag">Free · Open source (MIT)</span>
<h3>Probe — In-Game Debug Console</h3>
<p>
A drop-in runtime debug console and tweak panel: commands, buttons, sliders, watches,
presets, and log filtering — attribute-driven, safe by default in release builds.
</p>
<div class="links">
<a href="https://assetstore.unity.com/packages/tools/gui/probe-zero-setup-runtime-tuning-console-384830">Unity Asset Store</a>
<a href="https://github.com/hellohanostudio/Probe">GitHub</a>
<a href="mailto:hellohanostudio@gmail.com">Support</a>
</div>
</div>
<div class="card">
<span class="tag">In development</span>
<h3>Build Size Gate</h3>
<p>
Catch build-size regressions in CI: versioned JSON baselines, warn/fail thresholds,
and a three-layer view of what actually grew — final artifact, packed assets, and the
files inside the APK. Built in public through the Build Analyzer article series below.
</p>
<div class="links">
<a href="https://github.com/hellohanostudio/BuildAnalyzer">Open-source engine</a>
</div>
</div>
</div>
</section>
<section id="writing">
<h2>Writing — the Build Analyzer series</h2>
<ul class="writing">
<li>
<a href="https://dev.to/hano/what-actually-makes-a-unity-build-so-large-3jh4">What Actually Makes a Unity Build So Large?</a>
<span>16 Android APKs, one variable at a time — textures, audio, fonts, and plugins, measured twice.</span>
</li>
<li>
<a href="https://dev.to/hano/what-i-learned-reading-unitys-buildreport-after-building-16-apks-4d7g">What I Learned Reading Unity's BuildReport</a>
<span>APK bytes, summary.totalSize, and packed assets are three different numbers.</span>
</li>
<li>
<a href="https://dev.to/hano/i-opened-the-apk-to-find-the-046-mib-packedassets-could-not-explain-1f2i">I Opened the APK to Find the 0.46 MiB PackedAssets Could Not Explain</a>
<span>Where code-shaped growth actually lands: libil2cpp.so and global-metadata.dat.</span>
</li>
<li>
<a href="https://dev.to/hano/a-unity-build-size-check-that-can-fail-your-ci-56ci">A Unity Build Size Check That Can Fail Your CI</a>
<span>Versioned baselines, thresholds, and a non-zero exit code when size regresses.</span>
</li>
</ul>
</section>
<section id="support">
<h2>Support</h2>
<div class="support">
<p>
Questions, bug reports, or feature requests for any Hano Studio tool:<br>
<a href="mailto:hellohanostudio@gmail.com">hellohanostudio@gmail.com</a> — replies typically within 2 business days.
</p>
</div>
</section>
</div>
<footer>
<div class="wrap">
© 2026 Hano Studio · Unity is a trademark of Unity Technologies. This site is not affiliated with Unity Technologies.
</div>
</footer>
</body>
</html>