外观
流水帐 Week 24
又过了很多天，暑假也开始步入正轨，现在突然想起来说还是更新一下流水帐比较好. 之前那一期是金工实习之后写的，到现在已经三个星期了，这段时间完成的主要事项无非是思政实践、回了一趟老家，还有学科目一然后通过考试；另外，还修改了一部分站点的样式，尝试 EdgeOne Pages 之类.
思政实践
我们思政实践的内容是「京内科研院所专业认知」，其实完全是参观各个科研院所，然后听报告、进实验室到处看. 参观的地点依次是北京量子信息科学研究院、北京高压科学研究中心、中国计量科学研究院、中国科学院高能物理研究所、中科院怀柔科学城，期间在怀柔那边住了一晚.
之前的几篇文章，冰的变形与显微结构研究 是在高压中心记录的，当时一共有两场报告，但是前面一场是招生的宣讲，没什么意思就没记录；高能所报告 是在高能所记的，比较让我惊讶的是，高能所居然还有研究组在阿里原初引力波探测项目那边做事情，在我的印象中他们大多数都是做粒子物理的，和引力波天文的差异比较大.
另外，那天晚上在超理论坛的群里聊天，还提到阿里原初引力波探测项目最近刚刚迎来「初光」，是个上新闻的大事. 想到他们在报告里提了这件事，有种参与感.
物理所报告 是在怀柔记的. 到那里的时候发现不止我们，科学院大学和北理工 (或许是北航？记不清了) 都有支队过来参观，不过并没有给我们相互交流的时间 (科学院大学来的都是大三大四参加夏令营的，正好向他们了解一下夏令营的流程之类或许很好). 另外，整个怀柔科学城几乎都是物质科学领域，参观的实验室要么是飞秒 / 皮秒激光、大型同步辐射光源做物性探测，要么就是各种各样不同原理的「炼丹炉」做原位探测，对我个人而言或许「不是很精彩」，所以听报告的时候笔记也没怎么记.
整个实践过程还是学到了不少东西，不过也发现：这几个食堂都不怎么好吃 (悲).
Newton's law IV
这是有关最近玩到的一个游戏：牛顿第四定律. 游戏还在开发之中，现在属于「提前开放游玩」状态 (不过居然要 40 多，好贵). 这个游戏最开始是逛「开往」的时候看到有人推荐，当时申请了提前开玩权限，不过直到最近才发邮件通知我已经可以下载.
游戏本体流程并不长，大概 3 ~ 4 小时能够通关，不过几个隐藏成就可能需要找一会. 这个游戏是一个很有理想的物理老师开发的，每一关都是一个较为简单的高中物理题 (虽然数值设置相当离谱以至于不用计算器根本没法做出来)，虽然是高中题目，不过作为一个已经学完的人，看到游戏作者使用「探测器」的方法实现高中试卷上很多抽象的话题 / 在题目还未解出的时候实现循环效果，感觉还是别有韵味. 这和我之前玩「A Slower Speed of Light」(MIT game lab 开发的游戏，模拟光速很小的一个小镇) 的体验很像.
游戏内截图：
作者说游戏还没有完全完成，事实上内容确实只到第一章完结，之后如果做一些相对论或者电磁学的内容可能会更加有趣. 总之非常值得期待！
主题颜色调整组件
最近写了一个调整主题颜色的组件：
ColourPicker.vue
<template>
<div class="color-picker">
<button class="toggle-button" @click="togglePanel">主题颜色</button>
<div v-if="showPanel" class="control-panel">
<div class="slider-container">
<input
type="range"
min="0"
max="360"
v-model="hue"
@input="updateTheme"
class="slider"
>
</div>
<div class="color-preview" :style="{ backgroundColor: `hsl(${hue}, 50%, 50%)` }"></div>
<div class="actions">
<button class="reset-button" @click="resetTheme">
<span class="icon">↺</span> 重置默认
</button>
</div>
</div>
</div>
</template>
<script>
export default {
data() {
return {
showPanel: false,
hue: 200, // 默认蓝色
defaulthue: 200,
}
},
mounted() {
// 从本地存储加载保存的颜色
const savedHue = localStorage.getItem('themeHue')
if (savedHue) {
this.hue = parseInt(savedHue)
this.updateTheme()
}
},
methods: {
togglePanel() {
this.showPanel = !this.showPanel
},
updateTheme() {
// 更新 CSS 变量
document.documentElement.style.setProperty('--theme-hue', `${this.hue}deg`)
// 保存到本地存储
localStorage.setItem('themeHue', this.hue)
},
resetTheme() {
// 重置为默认值
this.hue = this.defaulthue
// 更新主题
this.updateTheme()
},
}
}
</script>
<style scoped>
.toggle-button {
padding: 8px 16px;
}
.control-panel {
margin-top: 10px;
padding: 15px;
background: white;
border-radius: 8px;
box-shadow: 0 4px 12px rgba(0,0,0,0.15);
width: 250px;
position: fixed;
bottom: 10%;
right: 10%;
background-color: var(--vp-code-block-bg);
display: flex;
flex-direction: column;
}
.slider-container {
margin-bottom: 15px;
color: var(--vp-c-text-1);
}
.slider {
width: 100%;
height: 8px;
border-radius: 4px;
background: linear-gradient(to right, red, yellow, lime, cyan, blue, magenta, red);
outline: none;
appearance: none;
-webkit-appearance: none;
}
.slider::-webkit-slider-thumb {
-webkit-appearance: none;
width: 20px;
height: 20px;
border-radius: 50%;
background: white;
border: 2px solid #555;
cursor: pointer;
}
.color-preview {
width: 50px;
height: 50px;
border-radius: 8px;
margin: 0 auto;
border: 1px solid #eee;
}
</style>利用一个存储到本地的变量来实现主题颜色的变化. 但是因为我摸不太清 hsl() 颜色的各种参数调整，所以不能做到默认颜色完全还原 plume 主题之前默认的主题色.
另外这段代码的初始化好像有些问题，可能之后我会再修改一下.
一些杂事
28 号去把科目一给考了，没想到比我想象中要简单，之前在「驾考宝典」上做模拟题总是没法通过，但是到考场上一遍就通过了. 不过还是多亏了我考前那天晚上在网上找了个网课过一遍，没有那些口诀，光做题没什么用.
最近的计划就是把驾照考到手，剩下的时间好好休息.
另外，在家这边就发现，部署在 CloudFlare Pages 上的站点，访问速度比较慢，所以这次尝试了 EdgeOne Pages，虽然没开国内加速，但是访问速度还是要优于 CloudFlare. 如果觉得我的站点访问速度比较慢，可以尝试这个镜像站点：blog.physnya.top. 也欢迎大家帮我测速.