This commit is contained in:
mozzie 2024-01-23 13:09:40 +08:00
parent b81f9b83b7
commit 1b0e80d268
17 changed files with 923 additions and 242 deletions

File diff suppressed because one or more lines are too long

View File

@ -625,26 +625,6 @@ React 语境下前端 DDD 的思考
</a> </a>
</li> </li>
<li>
<a class="timeline-item" href="/posts/24908/">
<div class="timeline-info">
<cosy-tooltip><span slot="content">完成</span><cosy-icon size="sm"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 24 24"><g fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="9"></circle><path d="M9 12l2 2l4-4"></path></g></svg></cosy-icon></cosy-tooltip>
<span>10-23 12:01:13</span>
</div>
<div class="timeline-marker"></div>
<div class="timeline-content">
<div class="timeline-title ellipsis">
<span>Markdown Sample</span>
</div>
<p>Linear Markdown Sample
Heading 1 link Heading linkHeading 2 link Heading linkHeading 3 link Heading ...</p>
</div>
</a>
</li>
<li> <li>
<a class="timeline-item" href="/posts/59577/"> <a class="timeline-item" href="/posts/59577/">
<div class="timeline-info"> <div class="timeline-info">
@ -667,6 +647,26 @@ h...</p>
</a> </a>
</li> </li>
<li>
<a class="timeline-item" href="/posts/24908/">
<div class="timeline-info">
<cosy-tooltip><span slot="content">完成</span><cosy-icon size="sm"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 24 24"><g fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="9"></circle><path d="M9 12l2 2l4-4"></path></g></svg></cosy-icon></cosy-tooltip>
<span>10-23 12:01:13</span>
</div>
<div class="timeline-marker"></div>
<div class="timeline-content">
<div class="timeline-title ellipsis">
<span>Markdown Sample</span>
</div>
<p>Linear Markdown Sample
Heading 1 link Heading linkHeading 2 link Heading linkHeading 3 link Heading ...</p>
</div>
</a>
</li>
<li> <li>
<a class="timeline-item" href="/posts/12085/"> <a class="timeline-item" href="/posts/12085/">
<div class="timeline-info"> <div class="timeline-info">
@ -695,6 +695,29 @@ h...</p>
<h2>2024</h2> <h2>2024</h2>
<ul class="timeline"> <ul class="timeline">
<li>
<a class="timeline-item" href="/posts/64664/">
<div class="timeline-info">
<cosy-tooltip><span slot="content">进行</span><cosy-icon size="sm"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 24 24"><g fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M4 20h4L18.5 9.5a1.5 1.5 0 0 0-4-4L4 16v4"></path><path d="M13.5 6.5l4 4"></path></g></svg></cosy-icon></cosy-tooltip>
<span>01-23 09:38:37</span>
</div>
<div class="timeline-marker"></div>
<div class="timeline-content">
<div class="timeline-title ellipsis">
<span>Shader</span>
</div>
<p>坐标系常规屏幕坐标系范围:从 (0,0) 开始到 (屏幕宽度-1, 屏幕高度-1)。对于4k显示器来说就是有3840x2160个像素
原点位置:左上角。
X轴方向水平向右增加。
Y轴方向垂直向...</p>
</div>
</a>
</li>
<li> <li>
<a class="timeline-item" href="/posts/52493/"> <a class="timeline-item" href="/posts/52493/">
<div class="timeline-info"> <div class="timeline-info">

View File

@ -625,26 +625,6 @@ React 语境下前端 DDD 的思考
</a> </a>
</li> </li>
<li>
<a class="timeline-item" href="/posts/24908/">
<div class="timeline-info">
<cosy-tooltip><span slot="content">完成</span><cosy-icon size="sm"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 24 24"><g fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="9"></circle><path d="M9 12l2 2l4-4"></path></g></svg></cosy-icon></cosy-tooltip>
<span>10-23 12:01:13</span>
</div>
<div class="timeline-marker"></div>
<div class="timeline-content">
<div class="timeline-title ellipsis">
<span>Markdown Sample</span>
</div>
<p>Linear Markdown Sample
Heading 1 link Heading linkHeading 2 link Heading linkHeading 3 link Heading ...</p>
</div>
</a>
</li>
<li> <li>
<a class="timeline-item" href="/posts/59577/"> <a class="timeline-item" href="/posts/59577/">
<div class="timeline-info"> <div class="timeline-info">
@ -667,6 +647,26 @@ h...</p>
</a> </a>
</li> </li>
<li>
<a class="timeline-item" href="/posts/24908/">
<div class="timeline-info">
<cosy-tooltip><span slot="content">完成</span><cosy-icon size="sm"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 24 24"><g fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="9"></circle><path d="M9 12l2 2l4-4"></path></g></svg></cosy-icon></cosy-tooltip>
<span>10-23 12:01:13</span>
</div>
<div class="timeline-marker"></div>
<div class="timeline-content">
<div class="timeline-title ellipsis">
<span>Markdown Sample</span>
</div>
<p>Linear Markdown Sample
Heading 1 link Heading linkHeading 2 link Heading linkHeading 3 link Heading ...</p>
</div>
</a>
</li>
<li> <li>
<a class="timeline-item" href="/posts/12085/"> <a class="timeline-item" href="/posts/12085/">
<div class="timeline-info"> <div class="timeline-info">
@ -695,6 +695,29 @@ h...</p>
<h2>2024</h2> <h2>2024</h2>
<ul class="timeline"> <ul class="timeline">
<li>
<a class="timeline-item" href="/posts/64664/">
<div class="timeline-info">
<cosy-tooltip><span slot="content">进行</span><cosy-icon size="sm"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 24 24"><g fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M4 20h4L18.5 9.5a1.5 1.5 0 0 0-4-4L4 16v4"></path><path d="M13.5 6.5l4 4"></path></g></svg></cosy-icon></cosy-tooltip>
<span>01-23 09:38:37</span>
</div>
<div class="timeline-marker"></div>
<div class="timeline-content">
<div class="timeline-title ellipsis">
<span>Shader</span>
</div>
<p>坐标系常规屏幕坐标系范围:从 (0,0) 开始到 (屏幕宽度-1, 屏幕高度-1)。对于4k显示器来说就是有3840x2160个像素
原点位置:左上角。
X轴方向水平向右增加。
Y轴方向垂直向...</p>
</div>
</a>
</li>
<li> <li>
<a class="timeline-item" href="/posts/52493/"> <a class="timeline-item" href="/posts/52493/">
<div class="timeline-info"> <div class="timeline-info">

View File

@ -625,26 +625,6 @@ React 语境下前端 DDD 的思考
</a> </a>
</li> </li>
<li>
<a class="timeline-item" href="/posts/24908/">
<div class="timeline-info">
<cosy-tooltip><span slot="content">完成</span><cosy-icon size="sm"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 24 24"><g fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="9"></circle><path d="M9 12l2 2l4-4"></path></g></svg></cosy-icon></cosy-tooltip>
<span>10-23 12:01:13</span>
</div>
<div class="timeline-marker"></div>
<div class="timeline-content">
<div class="timeline-title ellipsis">
<span>Markdown Sample</span>
</div>
<p>Linear Markdown Sample
Heading 1 link Heading linkHeading 2 link Heading linkHeading 3 link Heading ...</p>
</div>
</a>
</li>
<li> <li>
<a class="timeline-item" href="/posts/59577/"> <a class="timeline-item" href="/posts/59577/">
<div class="timeline-info"> <div class="timeline-info">
@ -667,6 +647,26 @@ h...</p>
</a> </a>
</li> </li>
<li>
<a class="timeline-item" href="/posts/24908/">
<div class="timeline-info">
<cosy-tooltip><span slot="content">完成</span><cosy-icon size="sm"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 24 24"><g fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="9"></circle><path d="M9 12l2 2l4-4"></path></g></svg></cosy-icon></cosy-tooltip>
<span>10-23 12:01:13</span>
</div>
<div class="timeline-marker"></div>
<div class="timeline-content">
<div class="timeline-title ellipsis">
<span>Markdown Sample</span>
</div>
<p>Linear Markdown Sample
Heading 1 link Heading linkHeading 2 link Heading linkHeading 3 link Heading ...</p>
</div>
</a>
</li>
<li> <li>
<a class="timeline-item" href="/posts/12085/"> <a class="timeline-item" href="/posts/12085/">
<div class="timeline-info"> <div class="timeline-info">
@ -695,6 +695,29 @@ h...</p>
<h2>2024</h2> <h2>2024</h2>
<ul class="timeline"> <ul class="timeline">
<li>
<a class="timeline-item" href="/posts/64664/">
<div class="timeline-info">
<cosy-tooltip><span slot="content">进行</span><cosy-icon size="sm"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 24 24"><g fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M4 20h4L18.5 9.5a1.5 1.5 0 0 0-4-4L4 16v4"></path><path d="M13.5 6.5l4 4"></path></g></svg></cosy-icon></cosy-tooltip>
<span>01-23 09:38:37</span>
</div>
<div class="timeline-marker"></div>
<div class="timeline-content">
<div class="timeline-title ellipsis">
<span>Shader</span>
</div>
<p>坐标系常规屏幕坐标系范围:从 (0,0) 开始到 (屏幕宽度-1, 屏幕高度-1)。对于4k显示器来说就是有3840x2160个像素
原点位置:左上角。
X轴方向水平向右增加。
Y轴方向垂直向...</p>
</div>
</a>
</li>
<li> <li>
<a class="timeline-item" href="/posts/52493/"> <a class="timeline-item" href="/posts/52493/">
<div class="timeline-info"> <div class="timeline-info">

View File

@ -625,26 +625,6 @@ React 语境下前端 DDD 的思考
</a> </a>
</li> </li>
<li>
<a class="timeline-item" href="/posts/24908/">
<div class="timeline-info">
<cosy-tooltip><span slot="content">完成</span><cosy-icon size="sm"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 24 24"><g fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="9"></circle><path d="M9 12l2 2l4-4"></path></g></svg></cosy-icon></cosy-tooltip>
<span>10-23 12:01:13</span>
</div>
<div class="timeline-marker"></div>
<div class="timeline-content">
<div class="timeline-title ellipsis">
<span>Markdown Sample</span>
</div>
<p>Linear Markdown Sample
Heading 1 link Heading linkHeading 2 link Heading linkHeading 3 link Heading ...</p>
</div>
</a>
</li>
<li> <li>
<a class="timeline-item" href="/posts/59577/"> <a class="timeline-item" href="/posts/59577/">
<div class="timeline-info"> <div class="timeline-info">
@ -667,6 +647,26 @@ h...</p>
</a> </a>
</li> </li>
<li>
<a class="timeline-item" href="/posts/24908/">
<div class="timeline-info">
<cosy-tooltip><span slot="content">完成</span><cosy-icon size="sm"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 24 24"><g fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="9"></circle><path d="M9 12l2 2l4-4"></path></g></svg></cosy-icon></cosy-tooltip>
<span>10-23 12:01:13</span>
</div>
<div class="timeline-marker"></div>
<div class="timeline-content">
<div class="timeline-title ellipsis">
<span>Markdown Sample</span>
</div>
<p>Linear Markdown Sample
Heading 1 link Heading linkHeading 2 link Heading linkHeading 3 link Heading ...</p>
</div>
</a>
</li>
<li> <li>
<a class="timeline-item" href="/posts/12085/"> <a class="timeline-item" href="/posts/12085/">
<div class="timeline-info"> <div class="timeline-info">
@ -695,6 +695,29 @@ h...</p>
<h2>2024</h2> <h2>2024</h2>
<ul class="timeline"> <ul class="timeline">
<li>
<a class="timeline-item" href="/posts/64664/">
<div class="timeline-info">
<cosy-tooltip><span slot="content">进行</span><cosy-icon size="sm"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 24 24"><g fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M4 20h4L18.5 9.5a1.5 1.5 0 0 0-4-4L4 16v4"></path><path d="M13.5 6.5l4 4"></path></g></svg></cosy-icon></cosy-tooltip>
<span>01-23 09:38:37</span>
</div>
<div class="timeline-marker"></div>
<div class="timeline-content">
<div class="timeline-title ellipsis">
<span>Shader</span>
</div>
<p>坐标系常规屏幕坐标系范围:从 (0,0) 开始到 (屏幕宽度-1, 屏幕高度-1)。对于4k显示器来说就是有3840x2160个像素
原点位置:左上角。
X轴方向水平向右增加。
Y轴方向垂直向...</p>
</div>
</a>
</li>
<li> <li>
<a class="timeline-item" href="/posts/52493/"> <a class="timeline-item" href="/posts/52493/">
<div class="timeline-info"> <div class="timeline-info">

View File

@ -625,26 +625,6 @@ React 语境下前端 DDD 的思考
</a> </a>
</li> </li>
<li>
<a class="timeline-item" href="/posts/24908/">
<div class="timeline-info">
<cosy-tooltip><span slot="content">完成</span><cosy-icon size="sm"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 24 24"><g fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="9"></circle><path d="M9 12l2 2l4-4"></path></g></svg></cosy-icon></cosy-tooltip>
<span>10-23 12:01:13</span>
</div>
<div class="timeline-marker"></div>
<div class="timeline-content">
<div class="timeline-title ellipsis">
<span>Markdown Sample</span>
</div>
<p>Linear Markdown Sample
Heading 1 link Heading linkHeading 2 link Heading linkHeading 3 link Heading ...</p>
</div>
</a>
</li>
<li> <li>
<a class="timeline-item" href="/posts/59577/"> <a class="timeline-item" href="/posts/59577/">
<div class="timeline-info"> <div class="timeline-info">
@ -667,6 +647,26 @@ h...</p>
</a> </a>
</li> </li>
<li>
<a class="timeline-item" href="/posts/24908/">
<div class="timeline-info">
<cosy-tooltip><span slot="content">完成</span><cosy-icon size="sm"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 24 24"><g fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="9"></circle><path d="M9 12l2 2l4-4"></path></g></svg></cosy-icon></cosy-tooltip>
<span>10-23 12:01:13</span>
</div>
<div class="timeline-marker"></div>
<div class="timeline-content">
<div class="timeline-title ellipsis">
<span>Markdown Sample</span>
</div>
<p>Linear Markdown Sample
Heading 1 link Heading linkHeading 2 link Heading linkHeading 3 link Heading ...</p>
</div>
</a>
</li>
<li> <li>
<a class="timeline-item" href="/posts/12085/"> <a class="timeline-item" href="/posts/12085/">
<div class="timeline-info"> <div class="timeline-info">
@ -695,6 +695,29 @@ h...</p>
<h2>2024</h2> <h2>2024</h2>
<ul class="timeline"> <ul class="timeline">
<li>
<a class="timeline-item" href="/posts/64664/">
<div class="timeline-info">
<cosy-tooltip><span slot="content">进行</span><cosy-icon size="sm"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 24 24"><g fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M4 20h4L18.5 9.5a1.5 1.5 0 0 0-4-4L4 16v4"></path><path d="M13.5 6.5l4 4"></path></g></svg></cosy-icon></cosy-tooltip>
<span>01-23 09:38:37</span>
</div>
<div class="timeline-marker"></div>
<div class="timeline-content">
<div class="timeline-title ellipsis">
<span>Shader</span>
</div>
<p>坐标系常规屏幕坐标系范围:从 (0,0) 开始到 (屏幕宽度-1, 屏幕高度-1)。对于4k显示器来说就是有3840x2160个像素
原点位置:左上角。
X轴方向水平向右增加。
Y轴方向垂直向...</p>
</div>
</a>
</li>
<li> <li>
<a class="timeline-item" href="/posts/52493/"> <a class="timeline-item" href="/posts/52493/">
<div class="timeline-info"> <div class="timeline-info">

View File

@ -625,26 +625,6 @@ React 语境下前端 DDD 的思考
</a> </a>
</li> </li>
<li>
<a class="timeline-item" href="/posts/24908/">
<div class="timeline-info">
<cosy-tooltip><span slot="content">完成</span><cosy-icon size="sm"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 24 24"><g fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="9"></circle><path d="M9 12l2 2l4-4"></path></g></svg></cosy-icon></cosy-tooltip>
<span>10-23 12:01:13</span>
</div>
<div class="timeline-marker"></div>
<div class="timeline-content">
<div class="timeline-title ellipsis">
<span>Markdown Sample</span>
</div>
<p>Linear Markdown Sample
Heading 1 link Heading linkHeading 2 link Heading linkHeading 3 link Heading ...</p>
</div>
</a>
</li>
<li> <li>
<a class="timeline-item" href="/posts/59577/"> <a class="timeline-item" href="/posts/59577/">
<div class="timeline-info"> <div class="timeline-info">
@ -667,6 +647,26 @@ h...</p>
</a> </a>
</li> </li>
<li>
<a class="timeline-item" href="/posts/24908/">
<div class="timeline-info">
<cosy-tooltip><span slot="content">完成</span><cosy-icon size="sm"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 24 24"><g fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="9"></circle><path d="M9 12l2 2l4-4"></path></g></svg></cosy-icon></cosy-tooltip>
<span>10-23 12:01:13</span>
</div>
<div class="timeline-marker"></div>
<div class="timeline-content">
<div class="timeline-title ellipsis">
<span>Markdown Sample</span>
</div>
<p>Linear Markdown Sample
Heading 1 link Heading linkHeading 2 link Heading linkHeading 3 link Heading ...</p>
</div>
</a>
</li>
<li> <li>
<a class="timeline-item" href="/posts/12085/"> <a class="timeline-item" href="/posts/12085/">
<div class="timeline-info"> <div class="timeline-info">
@ -695,6 +695,29 @@ h...</p>
<h2>2024</h2> <h2>2024</h2>
<ul class="timeline"> <ul class="timeline">
<li>
<a class="timeline-item" href="/posts/64664/">
<div class="timeline-info">
<cosy-tooltip><span slot="content">进行</span><cosy-icon size="sm"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 24 24"><g fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M4 20h4L18.5 9.5a1.5 1.5 0 0 0-4-4L4 16v4"></path><path d="M13.5 6.5l4 4"></path></g></svg></cosy-icon></cosy-tooltip>
<span>01-23 09:38:37</span>
</div>
<div class="timeline-marker"></div>
<div class="timeline-content">
<div class="timeline-title ellipsis">
<span>Shader</span>
</div>
<p>坐标系常规屏幕坐标系范围:从 (0,0) 开始到 (屏幕宽度-1, 屏幕高度-1)。对于4k显示器来说就是有3840x2160个像素
原点位置:左上角。
X轴方向水平向右增加。
Y轴方向垂直向...</p>
</div>
</a>
</li>
<li> <li>
<a class="timeline-item" href="/posts/52493/"> <a class="timeline-item" href="/posts/52493/">
<div class="timeline-info"> <div class="timeline-info">

View File

@ -625,26 +625,6 @@ React 语境下前端 DDD 的思考
</a> </a>
</li> </li>
<li>
<a class="timeline-item" href="/posts/24908/">
<div class="timeline-info">
<cosy-tooltip><span slot="content">完成</span><cosy-icon size="sm"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 24 24"><g fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="9"></circle><path d="M9 12l2 2l4-4"></path></g></svg></cosy-icon></cosy-tooltip>
<span>10-23 12:01:13</span>
</div>
<div class="timeline-marker"></div>
<div class="timeline-content">
<div class="timeline-title ellipsis">
<span>Markdown Sample</span>
</div>
<p>Linear Markdown Sample
Heading 1 link Heading linkHeading 2 link Heading linkHeading 3 link Heading ...</p>
</div>
</a>
</li>
<li> <li>
<a class="timeline-item" href="/posts/59577/"> <a class="timeline-item" href="/posts/59577/">
<div class="timeline-info"> <div class="timeline-info">
@ -667,6 +647,26 @@ h...</p>
</a> </a>
</li> </li>
<li>
<a class="timeline-item" href="/posts/24908/">
<div class="timeline-info">
<cosy-tooltip><span slot="content">完成</span><cosy-icon size="sm"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 24 24"><g fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="9"></circle><path d="M9 12l2 2l4-4"></path></g></svg></cosy-icon></cosy-tooltip>
<span>10-23 12:01:13</span>
</div>
<div class="timeline-marker"></div>
<div class="timeline-content">
<div class="timeline-title ellipsis">
<span>Markdown Sample</span>
</div>
<p>Linear Markdown Sample
Heading 1 link Heading linkHeading 2 link Heading linkHeading 3 link Heading ...</p>
</div>
</a>
</li>
<li> <li>
<a class="timeline-item" href="/posts/12085/"> <a class="timeline-item" href="/posts/12085/">
<div class="timeline-info"> <div class="timeline-info">
@ -695,6 +695,29 @@ h...</p>
<h2>2024</h2> <h2>2024</h2>
<ul class="timeline"> <ul class="timeline">
<li>
<a class="timeline-item" href="/posts/64664/">
<div class="timeline-info">
<cosy-tooltip><span slot="content">进行</span><cosy-icon size="sm"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 24 24"><g fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M4 20h4L18.5 9.5a1.5 1.5 0 0 0-4-4L4 16v4"></path><path d="M13.5 6.5l4 4"></path></g></svg></cosy-icon></cosy-tooltip>
<span>01-23 09:38:37</span>
</div>
<div class="timeline-marker"></div>
<div class="timeline-content">
<div class="timeline-title ellipsis">
<span>Shader</span>
</div>
<p>坐标系常规屏幕坐标系范围:从 (0,0) 开始到 (屏幕宽度-1, 屏幕高度-1)。对于4k显示器来说就是有3840x2160个像素
原点位置:左上角。
X轴方向水平向右增加。
Y轴方向垂直向...</p>
</div>
</a>
</li>
<li> <li>
<a class="timeline-item" href="/posts/52493/"> <a class="timeline-item" href="/posts/52493/">
<div class="timeline-info"> <div class="timeline-info">

View File

@ -625,26 +625,6 @@ React 语境下前端 DDD 的思考
</a> </a>
</li> </li>
<li>
<a class="timeline-item" href="/posts/24908/">
<div class="timeline-info">
<cosy-tooltip><span slot="content">完成</span><cosy-icon size="sm"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 24 24"><g fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="9"></circle><path d="M9 12l2 2l4-4"></path></g></svg></cosy-icon></cosy-tooltip>
<span>10-23 12:01:13</span>
</div>
<div class="timeline-marker"></div>
<div class="timeline-content">
<div class="timeline-title ellipsis">
<span>Markdown Sample</span>
</div>
<p>Linear Markdown Sample
Heading 1 link Heading linkHeading 2 link Heading linkHeading 3 link Heading ...</p>
</div>
</a>
</li>
<li> <li>
<a class="timeline-item" href="/posts/59577/"> <a class="timeline-item" href="/posts/59577/">
<div class="timeline-info"> <div class="timeline-info">
@ -667,6 +647,26 @@ h...</p>
</a> </a>
</li> </li>
<li>
<a class="timeline-item" href="/posts/24908/">
<div class="timeline-info">
<cosy-tooltip><span slot="content">完成</span><cosy-icon size="sm"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 24 24"><g fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="9"></circle><path d="M9 12l2 2l4-4"></path></g></svg></cosy-icon></cosy-tooltip>
<span>10-23 12:01:13</span>
</div>
<div class="timeline-marker"></div>
<div class="timeline-content">
<div class="timeline-title ellipsis">
<span>Markdown Sample</span>
</div>
<p>Linear Markdown Sample
Heading 1 link Heading linkHeading 2 link Heading linkHeading 3 link Heading ...</p>
</div>
</a>
</li>
<li> <li>
<a class="timeline-item" href="/posts/12085/"> <a class="timeline-item" href="/posts/12085/">
<div class="timeline-info"> <div class="timeline-info">
@ -695,6 +695,29 @@ h...</p>
<h2>2024</h2> <h2>2024</h2>
<ul class="timeline"> <ul class="timeline">
<li>
<a class="timeline-item" href="/posts/64664/">
<div class="timeline-info">
<cosy-tooltip><span slot="content">进行</span><cosy-icon size="sm"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 24 24"><g fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M4 20h4L18.5 9.5a1.5 1.5 0 0 0-4-4L4 16v4"></path><path d="M13.5 6.5l4 4"></path></g></svg></cosy-icon></cosy-tooltip>
<span>01-23 09:38:37</span>
</div>
<div class="timeline-marker"></div>
<div class="timeline-content">
<div class="timeline-title ellipsis">
<span>Shader</span>
</div>
<p>坐标系常规屏幕坐标系范围:从 (0,0) 开始到 (屏幕宽度-1, 屏幕高度-1)。对于4k显示器来说就是有3840x2160个像素
原点位置:左上角。
X轴方向水平向右增加。
Y轴方向垂直向...</p>
</div>
</a>
</li>
<li> <li>
<a class="timeline-item" href="/posts/52493/"> <a class="timeline-item" href="/posts/52493/">
<div class="timeline-info"> <div class="timeline-info">

View File

@ -625,26 +625,6 @@ React 语境下前端 DDD 的思考
</a> </a>
</li> </li>
<li>
<a class="timeline-item" href="/posts/24908/">
<div class="timeline-info">
<cosy-tooltip><span slot="content">完成</span><cosy-icon size="sm"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 24 24"><g fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="9"></circle><path d="M9 12l2 2l4-4"></path></g></svg></cosy-icon></cosy-tooltip>
<span>10-23 12:01:13</span>
</div>
<div class="timeline-marker"></div>
<div class="timeline-content">
<div class="timeline-title ellipsis">
<span>Markdown Sample</span>
</div>
<p>Linear Markdown Sample
Heading 1 link Heading linkHeading 2 link Heading linkHeading 3 link Heading ...</p>
</div>
</a>
</li>
<li> <li>
<a class="timeline-item" href="/posts/59577/"> <a class="timeline-item" href="/posts/59577/">
<div class="timeline-info"> <div class="timeline-info">
@ -667,6 +647,26 @@ h...</p>
</a> </a>
</li> </li>
<li>
<a class="timeline-item" href="/posts/24908/">
<div class="timeline-info">
<cosy-tooltip><span slot="content">完成</span><cosy-icon size="sm"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 24 24"><g fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="9"></circle><path d="M9 12l2 2l4-4"></path></g></svg></cosy-icon></cosy-tooltip>
<span>10-23 12:01:13</span>
</div>
<div class="timeline-marker"></div>
<div class="timeline-content">
<div class="timeline-title ellipsis">
<span>Markdown Sample</span>
</div>
<p>Linear Markdown Sample
Heading 1 link Heading linkHeading 2 link Heading linkHeading 3 link Heading ...</p>
</div>
</a>
</li>
<li> <li>
<a class="timeline-item" href="/posts/12085/"> <a class="timeline-item" href="/posts/12085/">
<div class="timeline-info"> <div class="timeline-info">
@ -695,6 +695,29 @@ h...</p>
<h2>2024</h2> <h2>2024</h2>
<ul class="timeline"> <ul class="timeline">
<li>
<a class="timeline-item" href="/posts/64664/">
<div class="timeline-info">
<cosy-tooltip><span slot="content">进行</span><cosy-icon size="sm"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 24 24"><g fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M4 20h4L18.5 9.5a1.5 1.5 0 0 0-4-4L4 16v4"></path><path d="M13.5 6.5l4 4"></path></g></svg></cosy-icon></cosy-tooltip>
<span>01-23 09:38:37</span>
</div>
<div class="timeline-marker"></div>
<div class="timeline-content">
<div class="timeline-title ellipsis">
<span>Shader</span>
</div>
<p>坐标系常规屏幕坐标系范围:从 (0,0) 开始到 (屏幕宽度-1, 屏幕高度-1)。对于4k显示器来说就是有3840x2160个像素
原点位置:左上角。
X轴方向水平向右增加。
Y轴方向垂直向...</p>
</div>
</a>
</li>
<li> <li>
<a class="timeline-item" href="/posts/52493/"> <a class="timeline-item" href="/posts/52493/">
<div class="timeline-info"> <div class="timeline-info">

View File

@ -625,26 +625,6 @@ React 语境下前端 DDD 的思考
</a> </a>
</li> </li>
<li>
<a class="timeline-item" href="/posts/24908/">
<div class="timeline-info">
<cosy-tooltip><span slot="content">完成</span><cosy-icon size="sm"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 24 24"><g fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="9"></circle><path d="M9 12l2 2l4-4"></path></g></svg></cosy-icon></cosy-tooltip>
<span>10-23 12:01:13</span>
</div>
<div class="timeline-marker"></div>
<div class="timeline-content">
<div class="timeline-title ellipsis">
<span>Markdown Sample</span>
</div>
<p>Linear Markdown Sample
Heading 1 link Heading linkHeading 2 link Heading linkHeading 3 link Heading ...</p>
</div>
</a>
</li>
<li> <li>
<a class="timeline-item" href="/posts/59577/"> <a class="timeline-item" href="/posts/59577/">
<div class="timeline-info"> <div class="timeline-info">
@ -667,6 +647,26 @@ h...</p>
</a> </a>
</li> </li>
<li>
<a class="timeline-item" href="/posts/24908/">
<div class="timeline-info">
<cosy-tooltip><span slot="content">完成</span><cosy-icon size="sm"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 24 24"><g fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="9"></circle><path d="M9 12l2 2l4-4"></path></g></svg></cosy-icon></cosy-tooltip>
<span>10-23 12:01:13</span>
</div>
<div class="timeline-marker"></div>
<div class="timeline-content">
<div class="timeline-title ellipsis">
<span>Markdown Sample</span>
</div>
<p>Linear Markdown Sample
Heading 1 link Heading linkHeading 2 link Heading linkHeading 3 link Heading ...</p>
</div>
</a>
</li>
<li> <li>
<a class="timeline-item" href="/posts/12085/"> <a class="timeline-item" href="/posts/12085/">
<div class="timeline-info"> <div class="timeline-info">
@ -695,6 +695,29 @@ h...</p>
<h2>2024</h2> <h2>2024</h2>
<ul class="timeline"> <ul class="timeline">
<li>
<a class="timeline-item" href="/posts/64664/">
<div class="timeline-info">
<cosy-tooltip><span slot="content">进行</span><cosy-icon size="sm"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 24 24"><g fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M4 20h4L18.5 9.5a1.5 1.5 0 0 0-4-4L4 16v4"></path><path d="M13.5 6.5l4 4"></path></g></svg></cosy-icon></cosy-tooltip>
<span>01-23 09:38:37</span>
</div>
<div class="timeline-marker"></div>
<div class="timeline-content">
<div class="timeline-title ellipsis">
<span>Shader</span>
</div>
<p>坐标系常规屏幕坐标系范围:从 (0,0) 开始到 (屏幕宽度-1, 屏幕高度-1)。对于4k显示器来说就是有3840x2160个像素
原点位置:左上角。
X轴方向水平向右增加。
Y轴方向垂直向...</p>
</div>
</a>
</li>
<li> <li>
<a class="timeline-item" href="/posts/52493/"> <a class="timeline-item" href="/posts/52493/">
<div class="timeline-info"> <div class="timeline-info">

View File

@ -625,26 +625,6 @@ React 语境下前端 DDD 的思考
</a> </a>
</li> </li>
<li>
<a class="timeline-item" href="/posts/24908/">
<div class="timeline-info">
<cosy-tooltip><span slot="content">完成</span><cosy-icon size="sm"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 24 24"><g fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="9"></circle><path d="M9 12l2 2l4-4"></path></g></svg></cosy-icon></cosy-tooltip>
<span>10-23 12:01:13</span>
</div>
<div class="timeline-marker"></div>
<div class="timeline-content">
<div class="timeline-title ellipsis">
<span>Markdown Sample</span>
</div>
<p>Linear Markdown Sample
Heading 1 link Heading linkHeading 2 link Heading linkHeading 3 link Heading ...</p>
</div>
</a>
</li>
<li> <li>
<a class="timeline-item" href="/posts/59577/"> <a class="timeline-item" href="/posts/59577/">
<div class="timeline-info"> <div class="timeline-info">
@ -667,6 +647,26 @@ h...</p>
</a> </a>
</li> </li>
<li>
<a class="timeline-item" href="/posts/24908/">
<div class="timeline-info">
<cosy-tooltip><span slot="content">完成</span><cosy-icon size="sm"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 24 24"><g fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="9"></circle><path d="M9 12l2 2l4-4"></path></g></svg></cosy-icon></cosy-tooltip>
<span>10-23 12:01:13</span>
</div>
<div class="timeline-marker"></div>
<div class="timeline-content">
<div class="timeline-title ellipsis">
<span>Markdown Sample</span>
</div>
<p>Linear Markdown Sample
Heading 1 link Heading linkHeading 2 link Heading linkHeading 3 link Heading ...</p>
</div>
</a>
</li>
<li> <li>
<a class="timeline-item" href="/posts/12085/"> <a class="timeline-item" href="/posts/12085/">
<div class="timeline-info"> <div class="timeline-info">
@ -695,6 +695,29 @@ h...</p>
<h2>2024</h2> <h2>2024</h2>
<ul class="timeline"> <ul class="timeline">
<li>
<a class="timeline-item" href="/posts/64664/">
<div class="timeline-info">
<cosy-tooltip><span slot="content">进行</span><cosy-icon size="sm"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 24 24"><g fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M4 20h4L18.5 9.5a1.5 1.5 0 0 0-4-4L4 16v4"></path><path d="M13.5 6.5l4 4"></path></g></svg></cosy-icon></cosy-tooltip>
<span>01-23 09:38:37</span>
</div>
<div class="timeline-marker"></div>
<div class="timeline-content">
<div class="timeline-title ellipsis">
<span>Shader</span>
</div>
<p>坐标系常规屏幕坐标系范围:从 (0,0) 开始到 (屏幕宽度-1, 屏幕高度-1)。对于4k显示器来说就是有3840x2160个像素
原点位置:左上角。
X轴方向水平向右增加。
Y轴方向垂直向...</p>
</div>
</a>
</li>
<li> <li>
<a class="timeline-item" href="/posts/52493/"> <a class="timeline-item" href="/posts/52493/">
<div class="timeline-info"> <div class="timeline-info">

View File

@ -625,26 +625,6 @@ React 语境下前端 DDD 的思考
</a> </a>
</li> </li>
<li>
<a class="timeline-item" href="/posts/24908/">
<div class="timeline-info">
<cosy-tooltip><span slot="content">完成</span><cosy-icon size="sm"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 24 24"><g fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="9"></circle><path d="M9 12l2 2l4-4"></path></g></svg></cosy-icon></cosy-tooltip>
<span>10-23 12:01:13</span>
</div>
<div class="timeline-marker"></div>
<div class="timeline-content">
<div class="timeline-title ellipsis">
<span>Markdown Sample</span>
</div>
<p>Linear Markdown Sample
Heading 1 link Heading linkHeading 2 link Heading linkHeading 3 link Heading ...</p>
</div>
</a>
</li>
<li> <li>
<a class="timeline-item" href="/posts/59577/"> <a class="timeline-item" href="/posts/59577/">
<div class="timeline-info"> <div class="timeline-info">
@ -667,6 +647,26 @@ h...</p>
</a> </a>
</li> </li>
<li>
<a class="timeline-item" href="/posts/24908/">
<div class="timeline-info">
<cosy-tooltip><span slot="content">完成</span><cosy-icon size="sm"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 24 24"><g fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="9"></circle><path d="M9 12l2 2l4-4"></path></g></svg></cosy-icon></cosy-tooltip>
<span>10-23 12:01:13</span>
</div>
<div class="timeline-marker"></div>
<div class="timeline-content">
<div class="timeline-title ellipsis">
<span>Markdown Sample</span>
</div>
<p>Linear Markdown Sample
Heading 1 link Heading linkHeading 2 link Heading linkHeading 3 link Heading ...</p>
</div>
</a>
</li>
<li> <li>
<a class="timeline-item" href="/posts/12085/"> <a class="timeline-item" href="/posts/12085/">
<div class="timeline-info"> <div class="timeline-info">
@ -695,6 +695,29 @@ h...</p>
<h2>2024</h2> <h2>2024</h2>
<ul class="timeline"> <ul class="timeline">
<li>
<a class="timeline-item" href="/posts/64664/">
<div class="timeline-info">
<cosy-tooltip><span slot="content">进行</span><cosy-icon size="sm"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 24 24"><g fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M4 20h4L18.5 9.5a1.5 1.5 0 0 0-4-4L4 16v4"></path><path d="M13.5 6.5l4 4"></path></g></svg></cosy-icon></cosy-tooltip>
<span>01-23 09:38:37</span>
</div>
<div class="timeline-marker"></div>
<div class="timeline-content">
<div class="timeline-title ellipsis">
<span>Shader</span>
</div>
<p>坐标系常规屏幕坐标系范围:从 (0,0) 开始到 (屏幕宽度-1, 屏幕高度-1)。对于4k显示器来说就是有3840x2160个像素
原点位置:左上角。
X轴方向水平向右增加。
Y轴方向垂直向...</p>
</div>
</a>
</li>
<li> <li>
<a class="timeline-item" href="/posts/52493/"> <a class="timeline-item" href="/posts/52493/">
<div class="timeline-info"> <div class="timeline-info">

View File

@ -224,6 +224,29 @@
<!-- 分类文章列表 --> <!-- 分类文章列表 -->
<ul class="post-list cosy-scrollbar"> <ul class="post-list cosy-scrollbar">
<li data-status="doing">
<a href="/posts/64664/">
<cosy-tooltip><span slot="content">进行</span><cosy-icon size="sm"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 24 24"><g fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M4 20h4L18.5 9.5a1.5 1.5 0 0 0-4-4L4 16v4"></path><path d="M13.5 6.5l4 4"></path></g></svg></cosy-icon></cosy-tooltip>
<p class="ellipsis">
<span>Shader</span>
<!-- <cosy-tooltip placement="bottom-left" max-width="250px">
<span slot="content">坐标系常规屏幕坐标系范围:从 (0,0) 开始到 (屏幕宽度-1, 屏幕高度-1)。对于4k显示器来说就是有3840x</span>
<span></span>
</cosy-tooltip> -->
</p>
<span class="post-date">
<cosy-tooltip placement="left">
<span slot="content">创建于: 2024-01-23 09:38:37</span>
Jan 23
</cosy-tooltip>
</span>
</a>
</li>
<li data-status="doing"> <li data-status="doing">
<a href="/posts/20942/"> <a href="/posts/20942/">

View File

@ -266,7 +266,7 @@
<p><a target="_blank" rel="noopener" href="https://baidu.com/">https://baidu.com</a></p> <p><a target="_blank" rel="noopener" href="https://baidu.com/">https://baidu.com</a></p>
<p><a target="_blank" rel="noopener" href="http://www.this-anchor-link.com/">锚点链接</a> </p> <p><a target="_blank" rel="noopener" href="http://www.this-anchor-link.com/">锚点链接</a> </p>
<p><a href="mailto:test.test@gmail.com">mailto:test.test@gmail.com</a></p> <p><a href="mailto:test.test@gmail.com">mailto:test.test@gmail.com</a></p>
<p>GFM a-tail link <a target="_blank" rel="noopener" href="https://my.oschina.net/u/3691274">@pandao</a> 邮箱地址自动链接 <a href="mailto:&#116;&#x65;&#x73;&#116;&#46;&#116;&#x65;&#115;&#116;&#x40;&#103;&#109;&#x61;&#x69;&#x6c;&#x2e;&#99;&#x6f;&#x6d;">&#116;&#x65;&#x73;&#116;&#46;&#116;&#x65;&#115;&#116;&#x40;&#103;&#109;&#x61;&#x69;&#x6c;&#x2e;&#99;&#x6f;&#x6d;</a> <a href="mailto:&#x77;&#119;&#x77;&#x40;&#x76;&#x69;&#112;&#x2e;&#113;&#x71;&#46;&#99;&#x6f;&#109;">&#x77;&#119;&#x77;&#x40;&#x76;&#x69;&#112;&#x2e;&#113;&#x71;&#46;&#99;&#x6f;&#109;</a></p> <p>GFM a-tail link <a target="_blank" rel="noopener" href="https://my.oschina.net/u/3691274">@pandao</a> 邮箱地址自动链接 <a href="mailto:&#116;&#x65;&#115;&#116;&#x2e;&#116;&#101;&#x73;&#116;&#x40;&#x67;&#109;&#x61;&#x69;&#x6c;&#46;&#x63;&#111;&#109;">&#116;&#x65;&#115;&#116;&#x2e;&#116;&#101;&#x73;&#116;&#x40;&#x67;&#109;&#x61;&#x69;&#x6c;&#46;&#x63;&#111;&#109;</a> <a href="mailto:&#x77;&#119;&#119;&#64;&#118;&#x69;&#112;&#46;&#x71;&#x71;&#46;&#x63;&#x6f;&#x6d;">&#x77;&#119;&#119;&#64;&#118;&#x69;&#112;&#46;&#x71;&#x71;&#46;&#x63;&#x6f;&#x6d;</a></p>
<blockquote> <blockquote>
<p>@pandao</p> <p>@pandao</p>
</blockquote> </blockquote>

View File

@ -0,0 +1,344 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>
Shader
</title>
<meta name="description" content="">
<meta name="keywords" content="">
<meta name="author" content="Mozzie">
<link rel="canonical" href="https://mozzie.cn/posts/64664/">
<link rel="icon" type="image/svg" href='data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 24 24"><g fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M16 7h1a2 2 0 0 1 2 2v.5a.5.5 0 0 0 .5.5a.5.5 0 0 1 .5.5v3a.5.5 0 0 1-.5.5a.5.5 0 0 0-.5.5v.5a2 2 0 0 1-2 2h-2"></path><path d="M8 7H6a2 2 0 0 0-2 2v6a2 2 0 0 0 2 2h1"></path><path d="M12 8l-2 4h3l-2 4"></path></g></svg>'>
<link rel="stylesheet" href="/css/b4c95347.css">
<script>window.i18n = {"tip-status-done":"完成","tip-status-default":"全部","tip-status-todo":"计划","tip-status-doing":"进行","tip-status-other":"其他","text-select":"选择","text-move":"移动","text-esc":"退出","January":"一月","February":"二月","March":"三月","April":"四月","May":"五月","June":"六月","July":"七月","August":"八月","September":"九月","October":"十月","November":"十一月","December":"十二月"}</script>
<meta name="generator" content="Hexo 7.0.0"></head>
<body id="app">
<aside id="aside-box" class="left-aside">
<div class="header">
<link rel="stylesheet" href="/css/61875ce9.css">
<div class="profile">
<a class="badge" href="/">
<span>Hi</span>
<span>Mozzie</span>
</a>
<cosy-tooltip id="left-aside-button" placement="right">
<span slot="content">
<span>显示 / 隐藏 左侧导航</span>
<cosy-short-key>[</cosy-short-key>
</span>
<cosy-icon>
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 20 20">
<g fill="none">
<path d="M16 4c1.104-.019 2 .896 2 2v8a2 2 0 0 1-2 2H4a2 2 0 0 1-2-2V6a2 2 0 0 1 2-2h12zm1 2a1 1 0 0 0-1-1h-2.995v10H16a1 1 0 0 0 1-1V6zm-4.995 9V5H4.001a1 1 0 0 0-1 1v8a1 1 0 0 0 1 1h8.004z" fill="currentColor"></path>
</g>
</svg>
</cosy-icon>
</cosy-tooltip>
</div>
<script src="/js/e0a67917.js"></script>
<cosy-search id="post-search" placeholder="搜索">
<div slot="short-key">
<cosy-short-key></cosy-short-key>
<cosy-short-key>K</cosy-short-key>
</div>
</cosy-search>
<script>
window.algolia = {
appId: "5DTW808BZ8",
SearchOnlyAPIKey: "27845b245efc8a2853cc0bdc7366ea26"
}
</script>
<script src="/js/62d6af47.js"></script>
</div>
<div class="aside-category">
<link rel="stylesheet" href="/css/db04a759.css">
<nav class="category-nav cosy-scrollbar">
<ul><li data-path="archives">
<a href="/archives">
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 20 20"><g fill="none"><path d="M3.5 3A1.5 1.5 0 0 0 2 4.5v4A1.5 1.5 0 0 0 3.5 10h9A1.5 1.5 0 0 0 14 8.5v-4A1.5 1.5 0 0 0 12.5 3h-9zM3 4.5a.5.5 0 0 1 .5-.5h9a.5.5 0 0 1 .5.5v4a.5.5 0 0 1-.5.5h-9a.5.5 0 0 1-.5-.5v-4zm.5 6.5A1.5 1.5 0 0 0 2 12.5v4A1.5 1.5 0 0 0 3.5 18h9a1.5 1.5 0 0 0 1.5-1.5v-4a1.5 1.5 0 0 0-1.5-1.5h-9zM3 12.5a.5.5 0 0 1 .5-.5h9a.5.5 0 0 1 .5.5v4a.5.5 0 0 1-.5.5h-9a.5.5 0 0 1-.5-.5v-4zm14-.063a2.003 2.003 0 0 1-2.5-1.937A2 2 0 0 1 16 8.563a2.005 2.005 0 0 1 1 0a2 2 0 0 1 0 3.874zM16.5 3a.5.5 0 0 1 .5.5v4.041a3.02 3.02 0 0 0-1 0V3.5a.5.5 0 0 1 .5-.5zm0 10.5c-.17 0-.337-.014-.5-.041V17.5a.5.5 0 0 0 1 0v-4.041c-.163.027-.33.041-.5.041z" fill="currentColor"></path></g></svg>
<div class="ellipsis">归档</div>
</a>
</li><li data-path="cosy-roadmap">
<a href="/cosy-roadmap">
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 20 20"><g fill="none"><path d="M9.384 2a1 1 0 0 0-.966.742L4.616 17H2.5a.5.5 0 0 0 0 1h15a.5.5 0 0 0 0-1h-2.116L11.582 2.742A1 1 0 0 0 10.616 2H9.384zM5.651 17l.8-3H11.5a.5.5 0 0 0 0-1H6.717l.534-2H10.5a.5.5 0 0 0 0-1H7.517l1.867-7h1.232l3.733 14H5.651z" fill="currentColor"></path></g></svg>
<div class="ellipsis">路线图</div>
</a>
</li><li data-path="cosy-resume">
<a href="/cosy-resume">
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 20 20"><g fill="none"><path d="M8.5 4.498a1.5 1.5 0 1 1 3 0a1.5 1.5 0 0 1-3 0zm1.5-2.5a2.5 2.5 0 0 0-2.43 3.086L5.471 4.15a1.761 1.761 0 0 0-2.317.88c-.4.882-.008 1.917.877 2.31L7 8.662v2.287l-1.877 4.645a1.75 1.75 0 0 0 3.245 1.311l1.556-3.849a.073.073 0 0 1 .028-.038a.086.086 0 0 1 .046-.012c.02 0 .035.005.046.012a.074.074 0 0 1 .028.038l1.555 3.849a1.75 1.75 0 0 0 3.245-1.311L13 10.96V8.662l2.968-1.322a1.74 1.74 0 0 0 .877-2.31a1.761 1.761 0 0 0-2.317-.88l-2.097.934a2.5 2.5 0 0 0-2.43-3.086zM4.065 5.444a.761.761 0 0 1 1-.38l3.918 1.744a2.5 2.5 0 0 0 2.034 0l3.918-1.744a.761.761 0 0 1 1 .38a.739.739 0 0 1-.373.983l-2.969 1.321a1 1 0 0 0-.593.914v2.298a1 1 0 0 0 .073.375l1.872 4.633a.75.75 0 0 1-1.39.562l-1.556-3.849c-.364-.9-1.639-.9-2.003 0l-1.555 3.85a.75.75 0 1 1-1.39-.562l1.876-4.646A1 1 0 0 0 8 10.95V8.662a1 1 0 0 0-.593-.914L4.438 6.427a.739.739 0 0 1-.373-.983z" fill="currentColor"></path></g></svg>
<div class="ellipsis">简历</div>
</a>
</li></ul>
<ul><li class="active">
<a href="/categories/CS/">
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 24 24"><g fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M20 4l-2 14.5l-6 2l-6-2L4 4z"></path><path d="M7.5 8h3v8l-2-1"></path><path d="M16.5 8H14a.5.5 0 0 0-.5.5v3a.5.5 0 0 0 .5.5h1.423a.5.5 0 0 1 .495.57L15.5 15.5l-2 .5"></path></g></svg>
<div class="ellipsis">
<span>CS</span>
</div>
</a>
</li><li class="">
<a href="/categories/EQ/">
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 24 24"><g fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M5.636 5.636a9 9 0 0 1 13.397.747L13.414 12l5.619 5.617A9 9 0 1 1 5.636 5.636z"></path><circle cx="11.5" cy="7.5" r="1" fill="currentColor"></circle></g></svg>
<div class="ellipsis">
<span>EQ</span>
</div>
</a>
</li><li class="">
<a href="/categories/Hexo/">
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 24 24"><g fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M4 17v1a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2v-1"></path><path d="M8 16h8"></path><path d="M8.322 12.582l7.956.836"></path><path d="M8.787 9.168l7.826 1.664"></path><path d="M10.096 5.764l7.608 2.472"></path></g></svg>
<div class="ellipsis">
<span>Hexo</span>
</div>
</a>
</li><li class="">
<a href="/categories/%E8%87%AA%E5%AA%92%E4%BD%93/">
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 24 24"><path d="M9 12a4 4 0 1 0 4 4V4a5 5 0 0 0 5 5" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path></svg>
<div class="ellipsis">
<span>自媒体</span>
</div>
</a>
</li><li class="">
<a href="/categories/%E8%AF%BB%E4%B9%A6/">
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 20 20"><g fill="none"><path d="M4 16V4a2 2 0 0 1 2-2h8a2 2 0 0 1 2 2v11a1 1 0 0 1-1 1H5a1 1 0 0 0 1 1h9.5a.5.5 0 0 1 0 1H6a2 2 0 0 1-2-2zM15 4a1 1 0 0 0-1-1H6a1 1 0 0 0-1 1v11h10V4zM7.041 8h.973c.045-.773.192-1.485.42-2.059A3.002 3.002 0 0 0 7.04 8zM6 8.5a4 4 0 1 1 8 0a4 4 0 0 1-8 0zm6.959-.5a3.002 3.002 0 0 0-1.392-2.059c.227.574.374 1.286.419 2.059h.973zm-.973 1c-.045.773-.192 1.486-.42 2.059A3.002 3.002 0 0 0 12.96 9h-.973zm-1.002-1c-.046-.707-.189-1.324-.383-1.778c-.12-.28-.25-.474-.368-.591c-.117-.115-.195-.131-.233-.131c-.038 0-.116.016-.233.13c-.118.118-.248.312-.368.592c-.194.454-.337 1.07-.383 1.778h1.968zM9.016 9c.046.707.189 1.324.383 1.778c.12.28.25.474.368.591c.117.115.195.131.233.131c.038 0 .116-.016.233-.13c.118-.118.248-.313.368-.592c.194-.454.336-1.07.383-1.778H9.016zM8.014 9h-.973c.147.87.668 1.614 1.392 2.059c-.227-.573-.374-1.286-.419-2.059z" fill="currentColor"></path></g></svg>
<div class="ellipsis">
<span>读书</span>
</div>
</a>
</li><li class="">
<a href="/categories/%E8%B4%A2%E7%BB%8F/">
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 24 24"><g fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="9"></circle><path d="M14.8 9A2 2 0 0 0 13 8h-2a2 2 0 0 0 0 4h2a2 2 0 0 1 0 4h-2a2 2 0 0 1-1.8-1"></path><path d="M12 6v2m0 8v2"></path></g></svg>
<div class="ellipsis">
<span>财经</span>
</div>
</a>
</li></ul>
</nav>
<script src="/js/da8f6845.js"></script>
</div>
<div class="bottom">
<cosy-tooltip id="button-preference" placement="right">
<span slot="content">
<span>偏好</span>
<cosy-short-key></cosy-short-key>
<cosy-short-key>p</cosy-short-key>
</span>
<cosy-icon bordered id="button-about-cosy-theme">
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 16 16">
<g fill="none">
<path d="M8 6a2 2 0 1 0 0 4a2 2 0 0 0 0-4zM7 8a1 1 0 1 1 2 0a1 1 0 0 1-2 0zm3.618-3.602a.708.708 0 0 1-.824-.567l-.26-1.416a.354.354 0 0 0-.275-.282a6.072 6.072 0 0 0-2.519 0a.354.354 0 0 0-.275.282l-.259 1.416a.71.71 0 0 1-.936.538l-1.359-.484a.355.355 0 0 0-.382.095c-.569.627-1 1.367-1.262 2.173a.352.352 0 0 0 .108.378l1.102.931a.704.704 0 0 1 0 1.076l-1.102.931a.352.352 0 0 0-.108.378A5.986 5.986 0 0 0 3.53 12.02a.355.355 0 0 0 .382.095l1.36-.484a.708.708 0 0 1 .936.538l.258 1.416c.026.14.135.252.275.281a6.075 6.075 0 0 0 2.52 0a.353.353 0 0 0 .274-.281l.26-1.416a.71.71 0 0 1 .936-.538l1.359.484c.135.048.286.01.382-.095c.569-.627 1-1.367 1.262-2.173a.352.352 0 0 0-.108-.378l-1.102-.931a.703.703 0 0 1 0-1.076l1.102-.931a.352.352 0 0 0 .108-.378A5.985 5.985 0 0 0 12.47 3.98a.355.355 0 0 0-.382-.095l-1.36.484a.71.71 0 0 1-.111.03zm-6.62.58l.937.333a1.71 1.71 0 0 0 2.255-1.3l.177-.97a5.105 5.105 0 0 1 1.265 0l.178.97a1.708 1.708 0 0 0 2.255 1.3L12 4.977c.255.334.467.698.63 1.084l-.754.637a1.704 1.704 0 0 0 0 2.604l.755.637a4.99 4.99 0 0 1-.63 1.084l-.937-.334a1.71 1.71 0 0 0-2.255 1.3l-.178.97a5.099 5.099 0 0 1-1.265 0l-.177-.97a1.708 1.708 0 0 0-2.255-1.3L4 11.023a4.987 4.987 0 0 1-.63-1.084l.754-.638a1.704 1.704 0 0 0 0-2.603l-.755-.637c.164-.386.376-.75.63-1.084z" fill="currentColor"></path>
</g>
</svg>
</cosy-icon>
</cosy-tooltip>
</div>
</aside>
<main>
<link rel="stylesheet" href="/css/9bb9a539.css">
<div class="post-container">
<header>
<div class="left">
<link rel="stylesheet" href="/css/7d333f9e.css">
<nav class="breadcrumb">
<section>
<cosy-tooltip placement="bottom-left">
<span slot="content"><span>首页</span>
<cosy-short-key></cosy-short-key>
<cosy-short-key>H</cosy-short-key>
</span>
<cosy-icon href="/">
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 20 20">
<g fill="none">
<path d="M8.998 2.388a1.5 1.5 0 0 1 2.005 0l5.5 4.942A1.5 1.5 0 0 1 17 8.445V15.5a1.5 1.5 0 0 1-1.5 1.5H13a1.5 1.5 0 0 1-1.5-1.5V12a.5.5 0 0 0-.5-.5H9a.5.5 0 0 0-.5.5v3.5A1.5 1.5 0 0 1 7 17H4.5A1.5 1.5 0 0 1 3 15.5V8.445c0-.425.18-.83.498-1.115l5.5-4.942zm1.336.744a.5.5 0 0 0-.668 0l-5.5 4.942A.5.5 0 0 0 4 8.445V15.5a.5.5 0 0 0 .5.5H7a.5.5 0 0 0 .5-.5V12A1.5 1.5 0 0 1 9 10.5h2a1.5 1.5 0 0 1 1.5 1.5v3.5a.5.5 0 0 0 .5.5h2.5a.5.5 0 0 0 .5-.5V8.445a.5.5 0 0 0-.166-.371l-5.5-4.942z" fill="currentColor"></path>
</g>
</svg>
</cosy-icon>
</cosy-tooltip>
<svg class="arrow" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 20 20">
<g fill="none">
<path d="M7.733 4.207a.75.75 0 0 1 1.06.026l5.001 5.25a.75.75 0 0 1 0 1.035l-5 5.25a.75.75 0 1 1-1.087-1.034L12.216 10l-4.51-4.734a.75.75 0 0 1 .027-1.06z" fill="currentColor"></path>
</g>
</svg>
<a class="ellipsis" href="/categories/CS/">
CS
</a>
<svg class="arrow" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 20 20">
<g fill="none">
<path d="M7.733 4.207a.75.75 0 0 1 1.06.026l5.001 5.25a.75.75 0 0 1 0 1.035l-5 5.25a.75.75 0 1 1-1.087-1.034L12.216 10l-4.51-4.734a.75.75 0 0 1 .027-1.06z" fill="currentColor"></path>
</g>
</svg>
<span class="ellipsis">
Shader
</span>
</section>
</nav>
<script src="/js/31d6cfe0.js"></script>
</div>
<div class="right">
<cosy-tooltip id="toc-show-button" placement="left">
<span slot="content">
<span>显示 / 隐藏 文章目录</span>
<cosy-short-key>]</cosy-short-key>
</span>
<cosy-icon>
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 20 20">
<g fill="none">
<path d="M4 4c-1.104-.019-2 .896-2 2v8a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V6a2 2 0 0 0-2-2H4zM3 6a1 1 0 0 1 1-1h2.995v10H4a1 1 0 0 1-1-1V6zm4.995 9V5h8.004a1 1 0 0 1 1 1v8a1 1 0 0 1-1 1H7.995z" fill="currentColor"></path>
</g>
</svg>
</cosy-icon>
</cosy-tooltip>
</div>
</header>
<div class="content">
<main class="cosy-scrollbar">
<div class="article-container">
<!-- 渲染文章内容 -->
<article>
<!-- 文章标题 -->
<h1 class="post-title">Shader</h1>
<div class="last-updated">
上次更新: 2024-01-23 13:09:35
</div>
<!-- 文章 -->
<h1 id="坐标系"><a href="#坐标系" class="headerlink" title="坐标系"></a>坐标系</h1><h2 id="常规屏幕坐标系"><a href="#常规屏幕坐标系" class="headerlink" title="常规屏幕坐标系"></a>常规屏幕坐标系</h2><p>范围:从 (0,0) 开始到 (屏幕宽度-1, 屏幕高度-1)。对于4k显示器来说就是有3840x2160个像素</p>
<ul>
<li>原点位置:左上角。</li>
<li>X轴方向水平向右增加。</li>
<li>Y轴方向垂直向下增加。</li>
</ul>
<h2 id="归一化"><a href="#归一化" class="headerlink" title="归一化"></a>归一化</h2><p>将屏幕归一化,保证图形效果在不同尺寸和分辨率的屏幕上保持一致,<code>gl_FragCoord</code>是当前像素的位置,举个例子,理解这个渲染过程:</p>
<ul>
<li><p><code>gl_FragCoord</code>:这就像是你正在查看其中一张小照片,并且知道它在大照片中的确切位置。<code>gl_FragCoord.xy</code> 给出的是当前这张小照片(或者说屏幕上的一个像素)在整个大照片(即屏幕)中的位置坐标。</p>
</li>
<li><p><code>iResolution.xy</code>:这是告诉你大照片的总大小,也就是屏幕的分辨率。对于 4K 显示器,这个值是 3840x2160。</p>
</li>
<li><p><code>gl_FragCoord/iResolution.xy</code>:现在,如果你想知道这张小照片(像素)在大照片(屏幕)中的相对位置,你可以将小照片的位置<code>gl_FragCoord.xy</code> 除以大照片的总大小<code>iResolution.xy</code>。这样做的结果是,无论大照片有多大,你都能得到一个介于 0 到 1 之间的比例值,表示这张小照片在大照片中的相对位置。</p>
</li>
</ul>
<h2 id="step-阶跃函数"><a href="#step-阶跃函数" class="headerlink" title="step 阶跃函数"></a>step 阶跃函数</h2><p>对每个分量独立计算的,每个分量的比较结果独立决定</p>
<ul>
<li>如果 st.x &gt;&#x3D; 0.1,则 bl.x 为 1.0;如果 st.x &lt; 0.1,则 bl.x 为 0.0。</li>
<li>如果 st.y &gt;&#x3D; 0.1,则 bl.y 为 1.0;如果 st.y &lt; 0.1,则 bl.y 为 0.0。</li>
</ul>
<pre class="line-numbers language-glsl" data-language="glsl"><code class="language-glsl"><span class="token keyword">vec2</span> bl <span class="token operator">=</span> <span class="token function">step</span><span class="token punctuation">(</span><span class="token keyword">vec2</span><span class="token punctuation">(</span><span class="token number">0.1</span><span class="token punctuation">)</span><span class="token punctuation">,</span> st<span class="token punctuation">)</span><span class="token punctuation">;</span><span aria-hidden="true" class="line-numbers-rows"><span></span></span></code></pre>
<div class="post-tags">
<!-- 文章tags -->
</div>
<p class="motto">重拾纯粹的写作</p>
</article>
<!-- 评论 -->
<div id="vcomments"></div>
</div>
</main>
<!-- toc -->
<cosy-drag-box id="toc-drag-box" trigger="left" min-width="220" uid="toc-box">
<div class="meta-container">
<div class="toc-wrapper cosy-scrollbar">
<p class="catalog">
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 24 24">
<g fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
<path d="M4 6h16"></path>
<path d="M4 12h16"></path>
<path d="M4 18h12"></path>
</g>
</svg>
<span>目录</span>
</p>
<!-- 文章toc -->
<ol class="toc"><li class="toc-item toc-level-1"><a class="toc-link" href="#%E5%9D%90%E6%A0%87%E7%B3%BB"><span class="toc-number">1.</span> <span class="toc-text">坐标系</span></a><ol class="toc-child"><li class="toc-item toc-level-2"><a class="toc-link" href="#%E5%B8%B8%E8%A7%84%E5%B1%8F%E5%B9%95%E5%9D%90%E6%A0%87%E7%B3%BB"><span class="toc-number">1.1.</span> <span class="toc-text">常规屏幕坐标系</span></a></li><li class="toc-item toc-level-2"><a class="toc-link" href="#%E5%BD%92%E4%B8%80%E5%8C%96"><span class="toc-number">1.2.</span> <span class="toc-text">归一化</span></a></li><li class="toc-item toc-level-2"><a class="toc-link" href="#step-%E9%98%B6%E8%B7%83%E5%87%BD%E6%95%B0"><span class="toc-number">1.3.</span> <span class="toc-text">step 阶跃函数</span></a></li></ol></li></ol>
</div>
</div>
</cosy-drag-box>
</div>
</div>
<script>
window.page = {
use: ''
}
window.katex = {
enable: "",
jsCdn: "//cdn.jsdelivr.net/npm/katex@0.13.18/dist/katex.min.js",
cssCdn: "//cdn.jsdelivr.net/npm/katex@0.13.18/dist/katex.min.css"
}
window.mermaid = {
enable: "",
theme: "",
cdn: "//cdn.jsdelivr.net/npm/mermaid@10.4.0/dist/mermaid.min.js",
}
window.valine = {
enable: "",
appId: 'TisMit6uhflounFqAN3ZGjgq-MdYXbMMI',
appKey: 'CdjirjYdz07U5i62ElsJvXUh',
avatar: 'monsterid',
cdn: '//unpkg.com/valine@latest/dist/Valine.min.js',
serverURLs: '//tismit6u.api.lncldglobal.com'
};
</script>
<script src="/js/5bf38c1b.js"></script>
</main>
</body>
<script>
window.theme = {
color: 'hsl(238,50%,56%)'
}
</script>
<script src="/js/82a967e8.js"></script>
</html>

View File

@ -0,0 +1,38 @@
---
title: Shader
categories:
- CS
status: doing
abbrlink: 64664
---
# 坐标系
## 常规屏幕坐标系
范围:从 (0,0) 开始到 (屏幕宽度-1, 屏幕高度-1)。对于4k显示器来说就是有3840x2160个像素
- 原点位置:左上角。
- X轴方向水平向右增加。
- Y轴方向垂直向下增加。
## 归一化
将屏幕归一化,保证图形效果在不同尺寸和分辨率的屏幕上保持一致,`gl_FragCoord`是当前像素的位置,举个例子,理解这个渲染过程:
- `gl_FragCoord`:这就像是你正在查看其中一张小照片,并且知道它在大照片中的确切位置。`gl_FragCoord.xy` 给出的是当前这张小照片(或者说屏幕上的一个像素)在整个大照片(即屏幕)中的位置坐标。
- `iResolution.xy`:这是告诉你大照片的总大小,也就是屏幕的分辨率。对于 4K 显示器,这个值是 3840x2160。
- `gl_FragCoord/iResolution.xy`:现在,如果你想知道这张小照片(像素)在大照片(屏幕)中的相对位置,你可以将小照片的位置`gl_FragCoord.xy` 除以大照片的总大小`iResolution.xy`。这样做的结果是,无论大照片有多大,你都能得到一个介于 0 到 1 之间的比例值,表示这张小照片在大照片中的相对位置。
## step 阶跃函数
对每个分量独立计算的,每个分量的比较结果独立决定
- 如果 st.x >= 0.1,则 bl.x 为 1.0;如果 st.x < 0.1 bl.x 0.0
- 如果 st.y >= 0.1,则 bl.y 为 1.0;如果 st.y < 0.1 bl.y 0.0
```glsl
vec2 bl = step(vec2(0.1), st);
```