PageSourceSearch

https://brians.tw/

html brians.tw collected 2026-10-09 22:07:16 UTC 21,194 bytes, 372 lines download raw bytes

1<!DOCTYPE html>
2<html lang="en">
3
4<head>
5    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
6
7    <title>Chih-Yao Chang (張智堯)</title>
8
9    <meta name="author" content="Chih-Yao Chang" />
10    <meta name="viewport" content="width=device-width, initial-scale=1" />
11<!--    <meta name="google-site-verification" content="google7b203f7d95e28736" />-->
12    <link rel="stylesheet" type="text/css" href="styles.css" />
13    <link rel="icon" href="data:image/svg+xml,<svg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 100 100%22><text y=%22.9em%22 font-size=%2290%22>🐈</text></svg>" />
14    
14<script src="https://unpkg.com/[email protected]/dist/scrollreveal.min.js"></script>
14
15    
15<script async defer src="https://buttons.github.io/buttons.js"></script>
15
16    <meta name="description" content="Chih-Yao Chang (張智堯) - M.S. student at NYCU, focusing on computer vision.">
17    <meta name="keywords" content="Chih-Yao Chang, 張智堯, NTPU, NYCU, computer vision, Computational Photography, 電腦視覺, 計算攝影學">
18    <meta property="og:title" content="Chih-Yao Chang (張智堯)">
19    <meta property="og:description" content="Chih-Yao Chang (張智堯) - M.S. student at NYCU, focusing on computer vision.">
20    <meta property="og:type" content="website">
21    <meta property="og:site_name" content="Chih-Yao Chang (張智堯)">
22    <meta property="og:locale" content="en_US">
23    <meta name="twitter:card" content="summary">
24    <meta name="twitter:title" content="Chih-Yao Chang (張智堯)">
25    <meta name="twitter:description" content="Chih-Yao Chang (張智堯) - M.S. student at NYCU, focusing on computer vision.">
26    <!-- Structured Data (JSON-LD) -->
27    
27<script type="application/ld+json">
28        {
29            "@context": "https://schema.org",
30            "@type": "Person",
31            "name": "Chih-Yao Chang",
32            "alternateName": "張智堯",
33            "jobTitle": "MS Student",
34            "description": "Chih-Yao Chang (張智堯) - M.S. student at NYCU, focusing on computer vision",
35            "url": "https://brians.tw",
36            "image": "https://brianchang928.github.io/data/profile_img.jpg",
37            "sameAs": [
38                "https://www.linkedin.com/in/brianchang928/",
39                "https://github.com/brianchang928/"
40            ],
41            "worksFor": {
42                "@type": "Organization",
43                "name": "National Yang Ming Chiao Tung University",
44                "alternateName": "NYCU"
45            },
46            "alumniOf": [
47                {
48                    "@type": "Organization",
49                    "name": "National Taipei University",
50                    "alternateName": "NTPU"
51                }
52            ],
53            "knowsAbout": [
54                "Computer Vision",
55                "3DGS",
56                "Computational Photography",
57                "Machine Learning",
58                "Deep Learning",
59                "電腦視覺",
60                "計算攝影學",
61                "機器學習",
62                "深度學習"
63            ]
64        }
65    </script>
65
66</head>
67
68<body>
69<!-- Navigation Bar -->
70<nav class="navbar">
71    <a href="#" class="navbar-brand"><span class="brand-typing" data-text="Brian Chang"></span></a>
72    <button class="menu-toggle" id="menu-toggle" aria-label="Toggle menu">
73        <span></span>
74        <span></span>
75        <span></span>
76    </button>
77    <div class="navbar-links" id="navbar-links">
78        <a href="#about">About</a>
79        <a href="#news">News</a>
80        <a href="#research">Research</a>
81        <a href="#projects">Projects</a>
82<!--        <a href="data/CV.pdf">CV</a>-->
83<!--        <a href="https://scholar.google.com/citations?user=5hYgWcwAAAAJ" target="_blank">Scholar</a>-->
84        <button class="theme-toggle" id="theme-toggle" aria-label="Toggle dark mode">
85            <span id="theme-icon">🌙</span>
86            <span id="theme-text">Dark Mode</span>
87        </button>
88    </div>
89</nav>
90
91<table class="main-container"
92       style="width:100%;max-width:800px;border:0px;border-spacing:0px;border-collapse:separate;margin-right:auto;margin-left:auto;">
93    <tbody>
94    <tr style="padding:0px">
95        <td style="padding:0px">
96            <table id="about" class="profile-table"
97                   style="width:100%;border:0px;border-spacing:0px;border-collapse:separate;margin-right:auto;margin-left:auto;">
98                <tbody>
99                <tr style="padding:0px">
100                    <td class="profile-text-cell" style="padding:2.5%;width:63%;vertical-align:middle">
101                        <h1 class="name sr-reveal" style="text-align: center;">
102                            Chih-Yao (Brian) Chang <br class="mobile-break">張智堯
103                        </h1>
104                        <p class="sr-reveal bio-1" style="text-align: justify;">
105                            I am an M.S. student in Multimedia at
106                            <a href="https://www.nycu.edu.tw/nycu/ch/index">National Yang Ming Chiao Tung University (NYCU)</a>,
107                            advised by
108                            <a href="https://yulunalexliu.github.io">Prof. Yu-Lun Liu</a> and
109<!--                            <a href="https://aliensunmin.github.io">Prof. Min Sun</a> and -->
110                            <a href="https://kevincosner.github.io">Prof. Yu-Ting Wu</a>.
111                        </p>
112                        <p class="sr-reveal bio-2" style="text-align: justify;">
113                            Previously, I received my Bachelor's degree in Computer Science from
114                            <a href="https://new.ntpu.edu.tw">National Taipei University (NTPU)</a>.
115                            During this time, I conducted my undergraduate project under the supervision of
116                            <a href="https://kevincosner.github.io">Prof. Yu-Ting Wu</a>.
117                        <p style="display: none;">
118                            張智堯是國立陽明交通大學多媒體工程研究所碩士班學生,專精電腦視覺、3DGS、計算攝影學和機器學習。
119                        </p>
120                        <div class="sr-reveal contact-links" style="text-align:center">
121                            <p style="margin:5px 0;">
122                                &nbsp;|&nbsp;
123                                <a href="mailto:[email protected]">Email</a> &nbsp;|&nbsp;
124<!--                                <a href="data/CV.pdf">CV</a> &nbsp;|&nbsp;-->
125<!--                                <a href="https://scholar.google.com/citations?user=5hYgWcwAAAAJ">Scholar</a> &nbsp;|&nbsp;-->
126                                <a href="https://www.linkedin.com/in/brianchang928">LinkedIn</a> &nbsp;|&nbsp;
127                                <a href="https://github.com/brianchang928/">GitHub</a> &nbsp;|&nbsp;
128                                <a href="https://x.com/brian98061419">X</a> &nbsp;|&nbsp;
129                                <a href="https://www.instagram.com/brianchang928">Instagram</a> &nbsp;|&nbsp;
130                                <a href="https://www.threads.com/@brianchang928">Threads</a>
131                                &nbsp;|&nbsp;
132                            </p>
133                        </div>
134                    </td>
135                    <td class="profile-image-cell" style="padding:2.5%;width:40%;max-width:40%;vertical-align:middle">
136                        <div class="profile-image-wrapper"
137                             style="width:90%;margin:0 auto;position:relative">
138                            <img src="data/profile_img.jpg" alt="Chih-Yao Chang"
139                                 class="sr-reveal profile-img"
140                                 style="width:100%;height:auto;border-radius:50%;object-fit:cover;display:block;">
141                        </div>
142                    </td>
143                </tr>
144                </tbody>
145            </table>
146
147            <!-- Institution Logos Section -->
148            <table
149                    style="width:90%;border:0px;border-spacing:0px;border-collapse:separate;margin-right:auto;margin-left:auto;">
150                <tbody>
151                <tr>
152                    <td style="padding:20px;width:100%;vertical-align:middle;text-align:center">
153                        <div class="logo-container"
154                             style="display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; gap: 20px;">
155                            <!-- NYCU Logo -->
156                            <div class="sr-reveal logo-nycu"
157                                 style="text-align: center; flex: 1; max-width: 160px;">
158                                <img src="data/nycu_logo.png" alt="NYCU Logo"
159                                     style="height: 80px; width: auto; max-width: 100%; object-fit: contain;">
160                                <p class="logo-caption">
161                                    <span class="org">NYCU</span>
162                                    <span class="role">M.S. in Multimedia</span>
163                                    <span class="time">2026 - Present</span>
164                                </p>
165                            </div>
166
167                            <!-- NTPU Logo -->
168                            <div class="sr-reveal logo-ntpu"
169                                 style="text-align: center; flex: 1; max-width: 160px;">
170                                <img src="data/ntpu_logo.png" alt="NCKU Logo"
171                                     style="height: 80px; width: auto; max-width: 100%; object-fit: contain;">
172                                <p class="logo-caption">
173                                    <span class="org">NTPU</span>
174                                    <span class="role">B.S. in Computer Science</span>
175                                    <span class="time">2022 - 2026</span>
176                                </p>
177                            </div>
178                        </div>
179                    </td>
180                </tr>
181                </tbody>
182            </table>
183
184            <hr class="section-sep">
185
186            <table style="width:100%;border:0px;border-spacing:0px;border-collapse:separate;margin-right:auto;margin-left:auto;">
187                <tbody>
188                <tr id="news">
189                    <td style="padding:20px;width:100%;vertical-align:middle">
190                        <h2>News</h2>
191                        <br />
192                        <div style="max-height: 200px; overflow-y: scroll; border: 1px solid #ccc; padding: 3px 10px;">
193                            <table class="table table-sm table-borderless">
194                                <tbody>
195                                <tr>
196                                    <th scope="row">Sep, 2026</th>
197                                    <td>Started my <strong>M.S.</strong> journey at <strong>NYCU</strong> in <strong>Multimedia</strong>.</td>
198                                </tr>
199<!--                                <tr>-->
200<!--                                    <th scope="row">Feb, 2026</th>-->
201<!--                                    <td>Honored to receive the <strong>Dean's List</strong> of the <strong>College of EECS</strong> at <strong>NTPU</strong>. <em>(AY 2024-2025)</em></td>-->
202<!--                                </tr>-->
203                                <tr>
204                                    <th scope="row">Oct, 2025</th>
205                                    <td>Honored to receive the <strong>Academic Excellence Award</strong> from <strong>NTPU</strong>. <em>(Spring 2025)</em></td>
206                                </tr>
207                                <tr>
208                                    <th scope="row">Jun, 2025</th>
209                                    <td>Our project <strong>"RGB-Only 3D Scene Reconstruction via Uncertainty-Aware 3D Gaussian SLAM"</strong>
210                                        won <strong>Second Prize</strong> in the <strong>2025 Undergraduate Project Contest</strong> of the <strong>Dept. of CS</strong> at <strong>NTPU</strong>.</td>
211                                </tr>
212                                <tr>
213                                    <th scope="row">Mar, 2025</th>
214                                    <td>Honored to receive the <strong>Academic Excellence Award</strong> from <strong>NTPU</strong>. <em>(Fall 2024)</em></td>
215                                </tr>
216                                <tr>
217                                    <th scope="row">Feb, 2025</th>
218                                    <td>Honored to receive the <strong>Dean's List</strong> of the <strong>College of EECS</strong> at <strong>NTPU</strong>. <em>(AY 2023-2024)</em></td>
219                                </tr>
220                                <tr>
221                                    <th scope="row">Oct, 2024</th>
222                                    <td>Honored to receive the <strong>Academic Excellence Award</strong> from <strong>NTPU</strong>. <em>(Spring 2024)</em></td>
223                                </tr>
224                                <tr>
225                                    <th scope="row">Mar, 2024</th>
226                                    <td>Honored to receive the <strong>Academic Excellence Award</strong> from <strong>NTPU</strong>. <em>(Fall 2023)</em></td>
227                                </tr>
228                                <tr>
229                                    <th scope="row">Sep, 2022</th>
230                                    <td>Started my <strong>B.S.</strong> journey at <strong>NTPU</strong> in <strong>Computer Science</strong>.</td>
231                                </tr>
232                                </tbody>
233                            </table>
234                        </div>
235                    </td>
236                </tr>
237                </tbody>
238            </table>
239            <hr class="section-sep">
240            <table id="research" style="width:100%;border:0px;border-spacing:0px;border-collapse:separate;margin-right:auto;margin-left:auto;">
241                <tbody>
242                <tr>
243                    <td style="padding:20px;width:100%;vertical-align:middle">
244                        <h2>Research</h2>
245                        <p style="text-align: justify;">
246                            My research lies at the intersection of <strong>computer vision</strong>,
247                            <strong>machine learning</strong>, and <strong>3D geometry</strong>.
248                        </p>
249                    </td>
250                </tr>
251                </tbody>
252            </table>
253
254            <table
255                    style="width:100%;border:0px;border-spacing:0px;border-collapse:separate;margin-right:auto;margin-left:auto;">
256                <tbody>
257<!--                <tr>-->
258<!--                    <td style="padding:20px;width:25%;vertical-align:middle">-->
259<!--                        <div class="one">-->
260<!--                            <div class="two">-->
261<!--                                <video width="100%" height="100%" muted autoplay loop playsinline-->
262<!--                                       style="border-radius: 2%;">-->
263<!--                                    <source src="images/Lin2025LON.mp4" type="video/mp4" />-->
264<!--                                    Your browser does not support the video tag.-->
265<!--                                </video>-->
266<!--                            </div>-->
267<!--                        </div>-->
268<!--                    </td>-->
269<!--                    <td style="padding:20px;width:75%;vertical-align:middle">-->
270<!--                        <a href="https://linjohnss.github.io/longsplat/">-->
271<!--										<span class="papertitle">LongSplat: Robust Unposed 3D Gaussian Splatting for-->
272<!--											Casual Long Videos</span>-->
273<!--                        </a>-->
273
274<!--                        <br />-->
275<!--                        <strong>Chin-Yang Lin</strong>,-->
276<!--                        <a href="https://sunset1995.github.io/">Cheng Sun</a>,-->
277<!--                        <a href="https://fuenyang1127.github.io/">Fu-En Yang</a>,-->
278<!--                        <a href="https://minhungchen.netlify.app/">Min-Hung Chen</a>,-->
279<!--                        <a href="https://sites.google.com/site/yylinweb/">Yen-Yu Lin</a>,-->
280<!--                        <a href="https://yulunalexliu.github.io/">Yu-Lun Liu</a>-->
281<!--                        <br />-->
282<!--                        <em>ICCV</em>, 2025-->
283<!--                        <span class="new-badge">NEW</span>-->
284<!--                        <br />-->
285<!--                        <a href="https://linjohnss.github.io/longsplat/">project page</a>-->
286<!--                        /-->
287<!--                        <a href="https://arxiv.org/abs/2508.14041">arXiv</a>-->
288<!--                        /-->
289<!--                        <a href="https://youtu.be/H2fsjkdZt_4?si=tOGx-syeHqj7Aykk">video</a>-->
290<!--                        /-->
291<!--                        <a href="https://github.com/NVlabs/LongSplat">code</a>-->
292<!--                        <br />-->
293<!--                        <div style="margin-top: 4px;">-->
294<!--                            <a href="https://github.com/NVlabs/LongSplat" class="github-button"-->
295<!--                               data-show-count="true" data-icon="octicon-star" data-size="small"-->
296<!--                               aria-label="Star NVlabs/LongSplat on GitHub">Star</a>-->
297<!--                        </div>-->
298<!--                        <p></p>-->
299<!--                        <p>-->
300<!--                                LongSplat reconstructs long, casually captured videos into coherent compact 3D scenes by leveraging incremental joint pose and 3DGS optimization, accurate pose estimation, and efficient anchor formation.-->
301<!--                            </p>-->
302<!--                    </td>-->
303<!--                </tr>-->
304                </tbody>
305            </table>
306            <hr class="section-sep">
307            <table id="projects" width="100%" align="center" border="0" cellspacing="0" cellpadding="20">
308                <tbody>
309                <tr>
310                    <td>
311                        <h2>Projects</h2>
312                        <p style="text-align: justify;">
313                            My projects span computer vision, robotics, and image processing, bridging
314                            theoretical research with practical applications across both academia and
315                            industry.
316                        </p>
317                    </td>
318                </tr>
319                </tbody>
320            </table>
321            <table width="100%" align="center" border="0" cellpadding="20">
322                <tbody>
323                <tr>
324                    <td style="padding:20px;width:25%;vertical-align:middle">
325                        <div class="one">
326                            <div class="two">
327                                <video width="100%" height="100%" muted autoplay loop playsinline style="border-radius: 5%;">
328                                    <source src="data/rgb_only_3d_scene_reconstruction_via_uncertainty_aware_3d_gaussian_slam.mp4" type="video/mp4" />
329                                    Your browser does not support the video tag.
330                                </video>
331                            </div>
332                        </div>
333                    </td>
334                    <td style="padding:20px;width:75%;vertical-align:middle">
335                        <span class="papertitle">RGB-Only 3D Scene Reconstruction via Uncertainty-Aware 3D Gaussian SLAM</span>
336                        <br />
337                        Multimedia & Visual Computing Lab
338                        <br />
339                        NTPU, 2025
340                        <br />
341                        <a href="https://youtu.be/qAmU2HLcJ9g">Video</a>
342                        /
343                        <a href="https://www.csie.ntpu.edu.tw/uploads/file/f1_202506041617352056.pdf">Report</a>
344                        <p style="text-align: justify;">
345                            A LiDAR-free SLAM system that leverage a Vision Transformer to predict depth and uncertainty, enabling stable RGB-only 3D scene reconstruction through an uncertainty-aware 3D Gaussian SLAM pipeline.
346                        </p>
347                    </td>
348                </tr>
349                </tbody>
350            </table>
351            <table
352                    style="width:100%;border:0px;border-spacing:0px;border-collapse:separate;margin-right:auto;margin-left:auto;">
353                <tbody>
354                <tr>
355                    <td style="padding:0px">
356                        <br />
357                        <p style="text-align:center;font-size:small;">Design <strong>stolen</strong> from
358                            <a href="https://linjohnss.github.io">Chin-Yang Lin</a>'s website.</p>
359                        <p style="text-align:center;font-size:small;">
360                            Last updated Dec 2025.
361                        </p>
362                    </td>
363                </tr>
364                </tbody>
365            </table>
366        </td>
367    </tr>
368    </tbody>
369</table>
370<script src="script.js"></script>
370
371</body>
372</html>

Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.