SevicheCC/Urara-Blog
1
0
Fork 0
mirror of https://github.com/Sevichecc/Urara-Blog.git synced 2025-04-30 11:29:29 +08:00
Code Issues Projects Releases Packages Wiki Activity

new post

Browse source
This commit is contained in:
SevicheCC 2023-05-19 01:56:33 +08:00
parent 893b52a54c
commit d3d15f2319
Signed by untrusted user who does not match committer: SevicheCC
GPG key ID: C577000000000000
4 changed files with 282 additions and 31 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

60
pnpm-lock.yaml
View file

@ -42,7 +42,7 @@ devDependencies:
version: 0.5.9(tailwindcss@3.3.2)
'@types/node':
specifier: ^20.1.1
version: 20.1.1
version: 20.2.1
'@types/unist':
specifier: ^2.0.6
version: 2.0.6
@ -96,7 +96,7 @@ devDependencies:
version: 0.10.6(svelte@3.59.1)
netlify-cli:
specifier: ^15.0.2
version: 15.0.2(@types/node@20.1.1)(typescript@5.0.4)
version: 15.0.2(@types/node@20.2.1)(typescript@5.0.4)
npm-run-all:
specifier: ^4.1.5
version: 4.1.5
@ -171,7 +171,7 @@ devDependencies:
version: 0.51.12(postcss@8.4.23)(rollup@3.21.5)(vite@4.3.5)
vite:
specifier: ^4.3.5
version: 4.3.5(@types/node@20.1.1)
version: 4.3.5(@types/node@20.2.1)
vite-imagetools:
specifier: ^4.0.19
version: 4.0.19(rollup@3.21.5)
@ -1851,7 +1851,7 @@ packages:
dependencies:
'@types/istanbul-lib-coverage': 2.0.4
'@types/istanbul-reports': 3.0.1
'@types/node': 20.1.1
'@types/node': 20.2.1
'@types/yargs': 16.0.5
chalk: 4.1.2
dev: true
@ -1959,7 +1959,7 @@ packages:
yargs: 17.7.2
dev: true
/@netlify/build@29.11.1(@types/node@20.1.1):
/@netlify/build@29.11.1(@types/node@20.2.1):
resolution: {integrity: sha512-Z/Be2ZzENeLvsuXBs2NaeVch5okHC8epIddP3HZqctcoqrrxNbDwfO/J7CT3kXfdjWmdxcFYh2aVcFPM3WdBsg==}
engines: {node: ^14.16.0 || >=16.0.0}
hasBin: true
@ -2013,7 +2013,7 @@ packages:
supports-color: 9.3.1
terminal-link: 3.0.0
tmp-promise: 3.0.3
ts-node: 10.9.1(@types/node@20.1.1)(typescript@5.0.4)
ts-node: 10.9.1(@types/node@20.2.1)(typescript@5.0.4)
typescript: 5.0.4
uuid: 8.3.2
yargs: 17.7.2
@ -2942,7 +2942,7 @@ packages:
svelte: 3.59.1
tiny-glob: 0.2.9
undici: 5.22.0
vite: 4.3.5(@types/node@20.1.1)
vite: 4.3.5(@types/node@20.2.1)
transitivePeerDependencies:
- supports-color
dev: true
@ -2960,7 +2960,7 @@ packages:
magic-string: 0.30.0
svelte: 3.59.1
svelte-hmr: 0.15.1(svelte@3.59.1)
vite: 4.3.5(@types/node@20.1.1)
vite: 4.3.5(@types/node@20.2.1)
vitefu: 0.2.4(vite@4.3.5)
transitivePeerDependencies:
- supports-color
@ -3014,7 +3014,7 @@ packages:
/@types/decompress@4.2.4:
resolution: {integrity: sha512-/C8kTMRTNiNuWGl5nEyKbPiMv6HA+0RbEXzFhFBEzASM6+oa4tJro9b8nj7eRlOFfuLdzUU+DS/GPDlvvzMOhA==}
dependencies:
'@types/node': 20.1.1
'@types/node': 20.2.1
dev: true
/@types/download@8.0.2:
@ -3022,7 +3022,7 @@ packages:
dependencies:
'@types/decompress': 4.2.4
'@types/got': 9.6.12
'@types/node': 20.1.1
'@types/node': 20.2.1
dev: true
/@types/estree@0.0.39:
@ -3037,13 +3037,13 @@ packages:
resolution: {integrity: sha512-ZUxbzKl0IfJILTS6t7ip5fQQM/J3TJYubDm3nMbgubNNYS62eXeUpoLUC8/7fJNiFYHTrGPQn7hspDUzIHX3UA==}
dependencies:
'@types/minimatch': 5.1.2
'@types/node': 20.1.1
'@types/node': 20.2.1
dev: true
/@types/got@9.6.12:
resolution: {integrity: sha512-X4pj/HGHbXVLqTpKjA2ahI4rV/nNBc9mGO2I/0CgAra+F2dKgMXnENv2SRpemScBzBAI4vMelIVYViQxlSE6xA==}
dependencies:
'@types/node': 20.1.1
'@types/node': 20.2.1
'@types/tough-cookie': 4.0.2
form-data: 2.5.1
dev: true
@ -3061,7 +3061,7 @@ packages:
/@types/http-proxy@1.17.11:
resolution: {integrity: sha512-HC8G7c1WmaF2ekqpnFq626xd3Zz0uvaqFmBJNRZCGEZCXkvSdJoNFn/8Ygbd9fKNQj8UzLdCETaI0UWPAjK7IA==}
dependencies:
'@types/node': 20.1.1
'@types/node': 20.2.1
dev: true
/@types/istanbul-lib-coverage@2.0.4:
@ -3087,7 +3087,7 @@ packages:
/@types/keyv@3.1.4:
resolution: {integrity: sha512-BQ5aZNSCpj7D6K2ksrRCTmKRLEpnPvWDiLPfoGyhZ++8YtiK9d/3DBKPJgry359X/P1PfruyYwvnvwFjuEiEIg==}
dependencies:
'@types/node': 20.1.1
'@types/node': 20.2.1
dev: true
/@types/mdast@3.0.11:
@ -3107,12 +3107,12 @@ packages:
/@types/node-fetch@2.6.3:
resolution: {integrity: sha512-ETTL1mOEdq/sxUtgtOhKjyB2Irra4cjxksvcMUR5Zr4n+PxVhsCD9WS46oPbHL3et9Zde7CNRr+WUNlcHvsX+w==}
dependencies:
'@types/node': 20.1.1
'@types/node': 20.2.1
form-data: 3.0.1
dev: true
/@types/node@20.1.1:
resolution: {integrity: sha512-uKBEevTNb+l6/aCQaKVnUModfEMjAl98lw2Si9P5y4hLu9tm6AlX2ZIoXZX6Wh9lJueYPrGPKk5WMCNHg/u6/A==}
/@types/node@20.2.1:
resolution: {integrity: sha512-DqJociPbZP1lbZ5SQPk4oag6W7AyaGMO6gSfRwq3PWl4PXTwJpRQJhDq4W0kzrg3w6tJ1SwlvGZ5uKFHY13LIg==}
dev: true
/@types/normalize-package-data@2.4.1:
@ -3126,13 +3126,13 @@ packages:
/@types/resolve@1.17.1:
resolution: {integrity: sha512-yy7HuzQhj0dhGpD8RLXSZWEkLsV9ibvxvi6EiJ3bkqLAO1RGo0WbkWQiwpRlSFymTJRz0d3k5LM3kkx8ArDbLw==}
dependencies:
'@types/node': 20.1.1
'@types/node': 20.2.1
dev: true
/@types/responselike@1.0.0:
resolution: {integrity: sha512-85Y2BjiufFzaMIlvJDvTTB8Fxl2xfLo4HgmHzVBz08w4wDePCTjYw66PdrolO0kzli3yam/YCgRufyo1DdQVTA==}
dependencies:
'@types/node': 20.1.1
'@types/node': 20.2.1
dev: true
/@types/retry@0.12.1:
@ -3173,7 +3173,7 @@ packages:
resolution: {integrity: sha512-Cn6WYCm0tXv8p6k+A8PvbDG763EDpBoTzHdA+Q/MF6H3sapGjCm9NzoaJncJS9tUKSuCoDs9XHxYYsQDgxR6kw==}
requiresBuild: true
dependencies:
'@types/node': 20.1.1
'@types/node': 20.2.1
dev: true
optional: true
@ -3521,7 +3521,7 @@ packages:
chokidar: 3.5.3
fast-glob: 3.2.12
magic-string: 0.30.0
vite: 4.3.5(@types/node@20.1.1)
vite: 4.3.5(@types/node@20.2.1)
transitivePeerDependencies:
- rollup
dev: true
@ -7752,7 +7752,7 @@ packages:
resolution: {integrity: sha512-KWYVV1c4i+jbMpaBC+U++4Va0cp8OisU185o73T1vo99hqi7w8tSJfUXYswwqqrjzwxa6KpRK54WhPvwf5w6PQ==}
engines: {node: '>= 10.13.0'}
dependencies:
'@types/node': 20.1.1
'@types/node': 20.2.1
merge-stream: 2.0.0
supports-color: 7.2.0
dev: true
@ -8998,7 +8998,7 @@ packages:
resolution: {integrity: sha512-9iN1ka/9zmX1ZvLV9ewJYEk9h7RyRRtqdK0woXcqohu8EWIerfPUjYJPg0ULy0UqP7cslmdGc8xKDJcojlKiaw==}
dev: true
/netlify-cli@15.0.2(@types/node@20.1.1)(typescript@5.0.4):
/netlify-cli@15.0.2(@types/node@20.2.1)(typescript@5.0.4):
resolution: {integrity: sha512-QCxY1uGEAhhm5ZJhMf0w1jrNjaUzk0w72dmzfX1STxMPCicSUXkQHHZxuV1jrSlJIZm+WDzkq5C/omrbp/SMig==}
engines: {node: ^14.18.0 || >=16.0.0}
hasBin: true
@ -9006,7 +9006,7 @@ packages:
dependencies:
'@bugsnag/js': 7.20.2
'@fastify/static': 6.10.1
'@netlify/build': 29.11.1(@types/node@20.1.1)
'@netlify/build': 29.11.1(@types/node@20.2.1)
'@netlify/build-info': 7.0.1
'@netlify/config': 20.4.1
'@netlify/edge-bundler': 8.14.1
@ -11985,7 +11985,7 @@ packages:
resolution: {integrity: sha512-Y/arvbn+rrz3JCKl9C4kVNfTfSm2/mEp5FSz5EsZSANGPSlQrpRI5M4PKF+mJnE52jOO90PnPSc3Ur3bTQw0gA==}
dev: true
/ts-node@10.9.1(@types/node@20.1.1)(typescript@5.0.4):
/ts-node@10.9.1(@types/node@20.2.1)(typescript@5.0.4):
resolution: {integrity: sha512-NtVysVPkxxrwFGUUxGYhfux8k78pQB3JqYBXlLRZgdGUqTO5wU/UyHop5p70iEbGhB7q5KmiZiU0Y3KlJrScEw==}
hasBin: true
peerDependencies:
@ -12004,7 +12004,7 @@ packages:
'@tsconfig/node12': 1.0.11
'@tsconfig/node14': 1.0.3
'@tsconfig/node16': 1.0.3
'@types/node': 20.1.1
'@types/node': 20.2.1
acorn: 8.8.2
acorn-walk: 8.2.0
arg: 4.1.3
@ -12515,14 +12515,14 @@ packages:
fast-glob: 3.2.12
pretty-bytes: 6.1.0
rollup: 3.21.5
vite: 4.3.5(@types/node@20.1.1)
vite: 4.3.5(@types/node@20.2.1)
workbox-build: 6.5.4
workbox-window: 6.5.4
transitivePeerDependencies:
- supports-color
dev: true
/vite@4.3.5(@types/node@20.1.1):
/vite@4.3.5(@types/node@20.2.1):
resolution: {integrity: sha512-0gEnL9wiRFxgz40o/i/eTBwm+NEbpUeTWhzKrZDSdKm6nplj+z4lKz8ANDgildxHm47Vg8EUia0aicKbawUVVA==}
engines: {node: ^14.18.0 || >=16.0.0}
hasBin: true
@ -12547,7 +12547,7 @@ packages:
terser:
optional: true
dependencies:
'@types/node': 20.1.1
'@types/node': 20.2.1
esbuild: 0.17.18
postcss: 8.4.23
rollup: 3.21.5
@ -12563,7 +12563,7 @@ packages:
vite:
optional: true
dependencies:
vite: 4.3.5(@types/node@20.1.1)
vite: 4.3.5(@types/node@20.2.1)
dev: true
/vscode-oniguruma@1.7.0:

7
src/app.pcss
View file

@ -56,7 +56,12 @@ html {
/* .urara-prose a */
.urara-prose :is(p, li) > a {
@apply bg-[length:100%_0.2em] hover:bg-[length:100%_100%] bg-[position:0_88%] bg-gradient-to-t from-secondary/50 to-secondary/40 bg-no-repeat transition-all ease-in-out !no-underline;
@apply underline
font-normal
hover:decoration-red-700/50
hover:text-red-700
decoration-2
underline-offset-4 decoration-gray-700/30;
}
/* .urara-prose misc */

123
urara/2023-05-18-cs291/+page.md Normal file
View file

@ -0,0 +1,123 @@
---
title: 计算机图形学初体验——CS291
created: 2023-05-18
summary: 新奇、迷惑、混乱、解脱、期待
tags:
- Web3D
- three.js
- 计算机图形学
---
前前后后花了大概五天的时间，一天看2～3个小时不等，终于把这个 CS291 的课看完了。因为线上练习不太方便，所以基本上没有做 coding 练习，只是做了简单的 quiz。
## 课程笔记
[CS291](https://x.seviche.cc/#/page/cs291)
不太全面的随堂笔记，基本上如果是我觉得已经完全理解的、不重要的就不会记录。
## 课程评价
### 优点：
- 课程内容很丰富，从原理到实践都有涵盖，大概内容详见我的笔记
- 附带课程讲稿，方便回顾（结合[翻译插件](https://immersive-translate.owenyoung.com/)看起来很方便）
- 单节课时长很短，1～5分钟左右，看起来不那么累
- 丰富的 Quiz 和 Question set，学练结合
- 老师很幽默，没有口音问题，听起来很清晰
- 有字幕
### 缺点：
基本上是和年代久远相关的问题：
- 年代久远，部分内容过时
- 附带资料链接很多都失效了
- 线上 coding preview 全部失效
- shader 没有深入讲
- 讲解的 three.js 有点过时了
## 后续学习
### Three.js
- [three.js forum](https://discourse.threejs.org/)
- [Latest Showcase topics - three.js forum](https://discourse.threejs.org/c/showcase/7)
- [Discord](https://discord.com/invite/jYMz4sX)
- [Highest scored 'three.js' questions - Stack Overflow](https://stackoverflow.com/questions/tagged/three.js?sort=votes)
- [Three.js - 3D JavaScript Library](https://www.reddit.com/r/threejs)
- [Discover three.js!](https://discoverthreejs.com/)
- [8 Best Three.js Courses to Take in 2023 — Class Central](https://www.classcentral.com/report/best-three-js-courses/)
### Shaders
- [Pixel Shaders: An Interactive Introduction to Graphics Programming](http://pixelshaders.com/)
- [Shader Tutorials by Ronja | Ronja's tutorials](https://www.ronja-tutorials.com/)
- （过时，无法运行）[GitHub - stackgl/shader-school](https://github.com/stackgl/shader-school)
### WebGL
- [WebGL/three.js Resources](https://www.realtimerendering.com/webgl.html)
- [WebGL Overview - The Khronos Group Inc](https://www.khronos.org/webgl/)
- [WebGL - Web Graphics Library](https://www.reddit.com/r/webgl/)
- [Learn WebGL — LearnWebGL](https://learnwebgl.brown37.net/)
### openGL
- [opengl-tutorial](https://www.opengl-tutorial.org/cn/)
- [LearnOpenGL-CN](https://learnopengl-cn.readthedocs.io/zh/latest/)
- new: [LearnOpenGL](https://learnopengl-cn.github.io/intro/)
### 线性代数
- [【官方双语/合集】线性代数的本质 - 系列合集_哔哩哔哩_bilibili](https://www.bilibili.com/video/BV1ys411472E)
- [An Intuitive Guide to Linear Algebra – BetterExplained](https://betterexplained.com/articles/linear-algebra-guide/)
- [Home - Solutions to Linear Algebra Done Right](https://linearalgebras.com/)
- [Linear Algebra](https://math.berkeley.edu/~ribet/110/)
- [Math 115A](https://www.math.ucla.edu/~tao/resource/general/115a.3.02f/)
- [Linear Algebra Done Right](https://linear.axler.net/)
- 《线性代数应该这样学》
- MIT的线代课
### 其他
- youtuber： [Freya Holmér](https://www.youtube.com/@Acegikmo/videos)
- [Shader Basics, Blending & Textures • Shaders for Game Devs [Part 1]](https://www.youtube.com/watch?v=kfM-yu0iQBk)
- [Vectors & Dot Product • Math for Game Devs [Part 1]](https://www.youtube.com/watch?v=MOYiVLEnhrw)
- Bilibili- [GAMES101-现代计算机图形学入门-闫令琪](https://www.bilibili.com/video/BV1X7411F744/)
## WebGPU
Chrome 113 中将支持 WebGPU ，即可以通过 Web 端直接调用底层GPU相关API。
打开 WebGPU 支持：`chrome://flags/#enable-unsafe-webgpu`
以及发现一个有意思的项目：[Orillusion - 次时代 WebGPU 引擎](https://www.orillusion.com/)
一篇 WebGPU 介绍文章：[I want to talk about WebGPU](https://cohost.org/mcc/post/1406157-i-want-to-talk-about-webgpu)
## 不重要的细节
### 起承转折
这个课的入口比较隐蔽，在 Udacity 官网中不太好找，我一开始是从博客 [Northern Wind](https://www.chunfuchao.com) 中的 [这个页面](https://www.chunfuchao.com/cs291/) 看到的，放到收藏夹中有些日子了，一时兴起就翻起来看了。
前面看得很精神，到数学部分开始犯难，于是花了大概1个小时左右到B站复习了线性代数，看的是这个课程：[线性代数的本质](https://www.bilibili.com/video/BV1ys411472E)，看到点积就没有继续看下去了，还看了一些其他的线代资料，有的说可以理解成： *Linear algebra gives you mini-spreadsheets for your math equations.*[^1], 但还是觉得《线性代数的本质》这个课的几何描述更容易理解。我所理解的Matrix描述的是一种变换，二维或者三维，任何变换都可以看成是基向量的倍数级变化，点积的结果是一个角度，而叉积的结果是一个向量。
说起来大学的时候因为转专业学过两次线性代数，一次线性代数A、一次线性代数B，两者学分和难度不同。具体的分数记不清了，只记得考过了，是个不算太差的成绩，之前没有花太多时间去学，因为当时课程冲突，上线代的同时有另一个要上的课，只能选其一，所以课只听了一半，大概就用了几天的时间复习，所以现在也忘光了。
说回 CS291，课上很多内容之前学建模的时候都接触过，看到后面就开始本能犯困了，于是开始定番茄钟来定量摄入，结果就是终于看完了！很好的课，下次不看了。
### 做笔记
虽然我用 Obsidian 记录，但却借由 Logseq 发布，并不是故意写成大纲格式以方便 Logseq ，而是懒得写###定title，缩进也能更直观地看到层级关系，不用 Logseq 只是因为觉得不顺手。
顺带一提，最近 Obsidian 插件 [Outliner](https://github.com/vslinko/obsidian-outliner) 支持拖拽 Outliner 节点了
### 写码进度
为了学习 Next.js 而做的练习项目已经做完了：[Airbnb-Clone](https://github.com/Sevichecc/Airbnb-Clone/)，感觉 React 生态好成熟，好多组件都不用自己写，拿来用就完了，Prisma 也很好用，可以直接从数据中获取类型定义，不过下次我想试试结合 PostgreSQL。
Next.js 的 Server Component 有些难懂，我的初步理解是它是为一种只在服务器(server)运行的代码，而在需要操作 dom 和需要使用 hook 的代码则需要设置为Client Component。感觉 Next.js 模糊了前后端的界限，是好是坏呢？我不知道，但是感觉用起来挺顺手的。
相关阅读：[Grok React Server Component by Quizzes](https://betterprogramming.pub/grok-react-server-component-by-quizzes-df4417905bc4)
其他进度：
- 更新了 Raycast-Akkoma/Miniflux 中 Raycast API 的版本，并修剪了部分代码
- 修改一个了 Mangane 的 [Bug](https://github.com/BDX-town/Mangane/pull/214)，但他们好像在开发一个新的客户端，或许之后会废弃 Mangane，所以我决定暂时不做其他修改
- 在做 shiraha 中的 dialog 插件，现在有了原生的 `<dialog>` element之后做 Modal 会比较方便
[^1]: [An Intuitive Guide to Linear Algebra – BetterExplained](https://betterexplained.com/articles/linear-algebra-guide/)

123
vite.config.ts.timestamp-1684429627933-63a6906442cd4.mjs Normal file
View file

File diff suppressed because one or more lines are too long