https://carrgan.github.io/blog Carrgan universe Blog 2024-08-08T00:00:00.000Z https://github.com/jpmonette/feed Carrgan universe Blog https://carrgan.github.io/img/logo.svg <![CDATA[V2.2 Post]]> https://carrgan.github.io/blog/v2.2-post 2024-08-08T00:00:00.000Z 距离v2.1(2023-7) 发布又过了一年多了，更新了Docusaurus, 并且升级到了React18。

发现之前的 ReactAnime 已经不维护了，换了比较主流的 react-sprint 来做动画。react-sprint 的hook很好用，性能方面感觉也比之前的 react-anime强不少，期待作出更好的页面来。

]]> Carrgan Yang https://github.com/carrgan <![CDATA[V2.1 Post]]> https://carrgan.github.io/blog/v2.1-post 2023-07-02T00:00:00.000Z 距离v2.0(2022-4) 发布又过了一年多了，最近工作一直被鞭打，没时间做blog，都快忘记Blog的代码结构了。

接上一篇，星星点击事件没来来得及做，先做了一个工具模块，打算打造一些好用的小工具。

第一个工具，实现了一个自动生成密码的工具，可以通过配置生成随即密码。 在工作中会遇到一些需要密码过期需要重新设置密码的场景，使用网络的工具不是很放心，写了第一个python版本的，但是每次使用都必须手动运行python脚本。如果没有安装python就很不方便，所以就有了这个模块。

接下来打算完善别的工具，目前有以下打算

  • Excel to json(支持配置Json数据类型)
  • 一个连续decode的工具，例如Base 64 decode之后又支持url decode 的工具
  • 通过JSON来生成typescript接口的工具
]]> Carrgan Yang https://github.com/carrgan <![CDATA[V2 Post]]> https://carrgan.github.io/blog/v2-post 2022-03-20T00:00:00.000Z 距离 carrgan.io V1（2021-4) 已经过去快一年了，一年之前刚刚从学校出来，还没有参加工作，利用闲暇时光发布了V1。

v1

V1用Pmndrs为React封装的Three.js 加载了一个在开源社区Sketchfab找的，免费使用的3D模型。

由于网站托管在github，有一些网络和性能原因，还有这个模型不是我自己建的，感觉有很多限制，我想实现的很多细节功能（点击一个3D物体，触发指定的事件）不能被实现，所以放弃了这一版。

本来想要自己用Blender自己建一个3D模型，可是这个软件实在是过于复杂，不值得为了这个投入大量时间去学习。

最后使用Sketch画了一颗星球来作为Logo和主页。

在开发V2的时候遇到了一些问题，一开始写好之后发现Safari的图形处理性能很低，由于SVG加了一些阴影和光影效果导致了渲染的卡顿，迫不得之下只能让Safari不渲染阴影和光影。

之后使用@keyframe写了动画放在全局的CSS文件中，结果Docusaurus打包的时候不能正确的将@keyframe 写入打包好的CSS文件，由于Docusaurus使用了SSG 渲染，想要手动的把CSS导入很麻烦，只能打包好再手动写入index.html。

最后决定选用JS动画库，在比较了多款JS库之后，选择了AnimeJS 非常强大的JS库，同样使用了React的封装版react-anime.

在V2.1版本中打算处理星星和星球的点击事件

]]> Carrgan Yang https://github.com/carrgan