From 8a54f7f516c6ee97cf206d73a241d5b78c960262 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?=E5=B0=8F=E8=B5=B5=E5=90=8C=E5=AD=A6?= <94612053+imzql@users.noreply.github.com> Date: Wed, 7 Aug 2024 15:57:33 +0800 Subject: [PATCH] 8.7 --- content/post/ikun.md | 30 ++++++++++++------------- public/categories/生活/rss.xml | 40 +++++++++++++++++++--------------- public/post/ikun/index.html | 40 +++++++++++++++++++--------------- public/post/rss.xml | 40 +++++++++++++++++++--------------- public/rss.xml | 40 +++++++++++++++++++--------------- 5 files changed, 107 insertions(+), 83 deletions(-) diff --git a/content/post/ikun.md b/content/post/ikun.md index 284592a5..6397db6e 100644 --- a/content/post/ikun.md +++ b/content/post/ikun.md @@ -25,11 +25,11 @@ tags: [] -```html https://github.com/itorr/sakana 「Sakana!」石蒜模拟器 + + 预览地址：https://lab.magiconch.com/sakana -``` @@ -49,7 +49,7 @@ https://github.com/itorr/sakana 「Sakana!」石蒜模拟器 -![image-20240807153134059](./../../static/pics/hugo/ikun/image-20240807153134059.png) +![image-20240807153134059](/pics/hugo/ikun/image-20240807153134059.png) @@ -187,18 +187,18 @@ https://github.com/itorr/sakana 「Sakana!」石蒜模拟器 inertia: 0.001, decay: 1 }); - - + + ``` diff --git a/public/categories/生活/rss.xml b/public/categories/生活/rss.xml index 52354047..9361f545 100644 --- a/public/categories/生活/rss.xml +++ b/public/categories/生活/rss.xml @@ -18,15 +18,21 @@

近日，在浏览GitHub时，首页推送了一个这样的项目，无意点进去，试玩了一下

还是很有意思的，按住人物的立牌拖拽、松手后立牌会向反方向弹跳，还有惯性力效果

主要是还自带音效，在适当区间松手时还会触发语音效果

-
https://github.com/itorr/sakana 「Sakana!」石蒜模拟器
-
-预览地址：https://lab.magiconch.com/sakana
-

继续整活

+

+ +https://github.com/itorr/sakana 「Sakana!」石蒜模拟器

+

预览地址：https://lab.magiconch.com/sakana

+

继续整活

因为主题是单栏风格，内容的两边有很多留白，所以思来想去，决定把这个摆件整合进来

作为一个合格的ikun，当然也少不了整活，于是研究一下源码，修改源码，一气呵成

为了方便维护，将语音包进行base64转码，于是乎就实现了以下效果，鼠标拖拽，适当角度就会触发语音包

-image-20240807153134059

+image-20240807153134059

快速食用

考虑到很多小伙伴也需要，这里把代码梳理一下 发出来

将以下css加入主题的标签的标签里

@@ -134,18 +140,18 @@ inertia: 0.001, decay: 1 }); - </script> - <script> - Sakana.setMute(false); - Sakana.init({ - el: '.sakana-box-r', - scale: .9, - character:'chisato', - canSwitchCharacter: false, - inertia: 0.001, - decay: 1 - }); - </script> +</script> +<script> + Sakana.setMute(false); + Sakana.init({ + el: '.sakana-box-r', + scale: .9, + character:'chisato', + canSwitchCharacter: false, + inertia: 0.001, + decay: 1 + }); +</script>

在你想展示的位置添加div标签

<div class="sakana-box-l sakana-box" style="transform: translateY(0px) scale(0.5);"><canvas width="750" height="1200" style="width: 500px; height: 800px;"></canvas><div class="sakana-character" data-character="takina" style="transform: rotate(0.263216deg) translateX(0.263216px) translateY(14.4649px);"></div><div class="sakana-bed"></div></div>
 <div class="sakana-box-r sakana-box" style="transform: translateY(0px) scale(0.5);"><canvas width="750" height="1200" style="width: 500px; height: 800px;"></canvas><div class="sakana-character" data-character="chisato" style="transform: rotate(0.128919deg) translateX(0.128919px) translateY(0.334859px);"></div><div class="sakana-bed"></div></div>
diff --git a/public/post/ikun/index.html b/public/post/ikun/index.html
index 099f0b0e..55198a8f 100644
--- a/public/post/ikun/index.html
+++ b/public/post/ikun/index.html
@@ -79,15 +79,21 @@
             
近日，在浏览GitHub时，首页推送了一个这样的项目，无意点进去，试玩了一下

 
还是很有意思的，按住人物的立牌拖拽、松手后立牌会向反方向弹跳，还有惯性力效果

 
主要是还自带音效，在适当区间松手时还会触发语音效果

-
https://github.com/itorr/sakana 「Sakana!」石蒜模拟器
-
-预览地址：https://lab.magiconch.com/sakana
-
继续整活

+

+
+https://github.com/itorr/sakana 「Sakana!」石蒜模拟器

+
预览地址：https://lab.magiconch.com/sakana

+
继续整活

 
因为主题是单栏风格，内容的两边有很多留白，所以思来想去，决定把这个摆件整合进来

 
作为一个合格的ikun，当然也少不了整活，于是研究一下源码，修改源码，一气呵成

 
为了方便维护，将语音包进行base64转码，于是乎就实现了以下效果，鼠标拖拽，适当角度就会触发语音包

 

-image-20240807153134059

+image-20240807153134059

 
快速食用

 
考虑到很多小伙伴也需要，这里把代码梳理一下 发出来

 
将以下css加入主题的标签的标签里

@@ -195,18 +201,18 @@
                   inertia: 0.001,
                   decay: 1
       });
-      </script>
-      <script>
-        Sakana.setMute(false);
-        Sakana.init({
-          el:         '.sakana-box-r', 
-          scale:      .9, 
-          character:'chisato',
-          canSwitchCharacter: false, 
-                    inertia: 0.001,
-                    decay: 1
-        });
-       </script>
+</script>
+<script>
+      Sakana.setMute(false);
+      Sakana.init({
+        el:         '.sakana-box-r', 
+        scale:      .9, 
+        character:'chisato',
+        canSwitchCharacter: false, 
+        inertia: 0.001,
+        decay: 1
+       });
+</script>

在你想展示的位置添加div标签

<div class="sakana-box-l sakana-box" style="transform: translateY(0px) scale(0.5);"><canvas width="750" height="1200" style="width: 500px; height: 800px;"></canvas><div class="sakana-character" data-character="takina" style="transform: rotate(0.263216deg) translateX(0.263216px) translateY(14.4649px);"></div><div class="sakana-bed"></div></div>
 <div class="sakana-box-r sakana-box" style="transform: translateY(0px) scale(0.5);"><canvas width="750" height="1200" style="width: 500px; height: 800px;"></canvas><div class="sakana-character" data-character="chisato" style="transform: rotate(0.128919deg) translateX(0.128919px) translateY(0.334859px);"></div><div class="sakana-bed"></div></div>
diff --git a/public/post/rss.xml b/public/post/rss.xml
index f0ccd8f6..3110152d 100644
--- a/public/post/rss.xml
+++ b/public/post/rss.xml
@@ -18,15 +18,21 @@
      
近日，在浏览GitHub时，首页推送了一个这样的项目，无意点进去，试玩了一下

 
还是很有意思的，按住人物的立牌拖拽、松手后立牌会向反方向弹跳，还有惯性力效果

 
主要是还自带音效，在适当区间松手时还会触发语音效果

-
https://github.com/itorr/sakana 「Sakana!」石蒜模拟器
-
-预览地址：https://lab.magiconch.com/sakana
-
继续整活

+

+
+https://github.com/itorr/sakana 「Sakana!」石蒜模拟器

+
预览地址：https://lab.magiconch.com/sakana

+
继续整活

 
因为主题是单栏风格，内容的两边有很多留白，所以思来想去，决定把这个摆件整合进来

 
作为一个合格的ikun，当然也少不了整活，于是研究一下源码，修改源码，一气呵成

 
为了方便维护，将语音包进行base64转码，于是乎就实现了以下效果，鼠标拖拽，适当角度就会触发语音包

 

-image-20240807153134059

+image-20240807153134059

 
快速食用

 
考虑到很多小伙伴也需要，这里把代码梳理一下 发出来

 
将以下css加入主题的标签的标签里

@@ -134,18 +140,18 @@
                   inertia: 0.001,
                   decay: 1
       });
-      </script>
-      <script>
-        Sakana.setMute(false);
-        Sakana.init({
-          el:         '.sakana-box-r', 
-          scale:      .9, 
-          character:'chisato',
-          canSwitchCharacter: false, 
-                    inertia: 0.001,
-                    decay: 1
-        });
-       </script>
+</script>
+<script>
+      Sakana.setMute(false);
+      Sakana.init({
+        el:         '.sakana-box-r', 
+        scale:      .9, 
+        character:'chisato',
+        canSwitchCharacter: false, 
+        inertia: 0.001,
+        decay: 1
+       });
+</script>

在你想展示的位置添加div标签

<div class="sakana-box-l sakana-box" style="transform: translateY(0px) scale(0.5);"><canvas width="750" height="1200" style="width: 500px; height: 800px;"></canvas><div class="sakana-character" data-character="takina" style="transform: rotate(0.263216deg) translateX(0.263216px) translateY(14.4649px);"></div><div class="sakana-bed"></div></div>
 <div class="sakana-box-r sakana-box" style="transform: translateY(0px) scale(0.5);"><canvas width="750" height="1200" style="width: 500px; height: 800px;"></canvas><div class="sakana-character" data-character="chisato" style="transform: rotate(0.128919deg) translateX(0.128919px) translateY(0.334859px);"></div><div class="sakana-bed"></div></div>
diff --git a/public/rss.xml b/public/rss.xml
index 921ded22..eedfea53 100644
--- a/public/rss.xml
+++ b/public/rss.xml
@@ -18,15 +18,21 @@
      
近日，在浏览GitHub时，首页推送了一个这样的项目，无意点进去，试玩了一下

 
还是很有意思的，按住人物的立牌拖拽、松手后立牌会向反方向弹跳，还有惯性力效果

 
主要是还自带音效，在适当区间松手时还会触发语音效果

-
https://github.com/itorr/sakana 「Sakana!」石蒜模拟器
-
-预览地址：https://lab.magiconch.com/sakana
-
继续整活

+

+
+https://github.com/itorr/sakana 「Sakana!」石蒜模拟器

+
预览地址：https://lab.magiconch.com/sakana

+
继续整活

 
因为主题是单栏风格，内容的两边有很多留白，所以思来想去，决定把这个摆件整合进来

 
作为一个合格的ikun，当然也少不了整活，于是研究一下源码，修改源码，一气呵成

 
为了方便维护，将语音包进行base64转码，于是乎就实现了以下效果，鼠标拖拽，适当角度就会触发语音包

 

-image-20240807153134059

+image-20240807153134059

 
快速食用

 
考虑到很多小伙伴也需要，这里把代码梳理一下 发出来

 
将以下css加入主题的标签的标签里

@@ -134,18 +140,18 @@
                   inertia: 0.001,
                   decay: 1
       });
-      </script>
-      <script>
-        Sakana.setMute(false);
-        Sakana.init({
-          el:         '.sakana-box-r', 
-          scale:      .9, 
-          character:'chisato',
-          canSwitchCharacter: false, 
-                    inertia: 0.001,
-                    decay: 1
-        });
-       </script>
+</script>
+<script>
+      Sakana.setMute(false);
+      Sakana.init({
+        el:         '.sakana-box-r', 
+        scale:      .9, 
+        character:'chisato',
+        canSwitchCharacter: false, 
+        inertia: 0.001,
+        decay: 1
+       });
+</script>

在你想展示的位置添加div标签

<div class="sakana-box-l sakana-box" style="transform: translateY(0px) scale(0.5);"><canvas width="750" height="1200" style="width: 500px; height: 800px;"></canvas><div class="sakana-character" data-character="takina" style="transform: rotate(0.263216deg) translateX(0.263216px) translateY(14.4649px);"></div><div class="sakana-bed"></div></div>
 <div class="sakana-box-r sakana-box" style="transform: translateY(0px) scale(0.5);"><canvas width="750" height="1200" style="width: 500px; height: 800px;"></canvas><div class="sakana-character" data-character="chisato" style="transform: rotate(0.128919deg) translateX(0.128919px) translateY(0.334859px);"></div><div class="sakana-bed"></div></div>