Projects on ゲーム開発部

BMI160_Unity

Mon, 01 Jan 0001 00:00:00 +0000

运行效果

实现技术：

PlatformIO 串口发送数据
-> Python 接收串口数据并创建 Tcp 服务器
-> Unity 连接 Tcp 服务器并接收数据累加角速度+转换坐标

clash-verge-tui-control

Mon, 01 Jan 0001 00:00:00 +0000

→ 前往 Github 仓库

一个 TypeScript 终端 TUI，用于方便你只有 ssh 或 TTY 的情况下控制桌面端 Clash Verge Rev 切换节点。

本程序不是基于 Mihomo 的 TUI 客户端，而是用于在你已经安装了其他 Mihomo GUI 的情况下提供多一种应急控制方式。

运行效果

支持以下功能：

查看策略组可选节点
显示每个节点的延迟
切换节点
一键切到 DIRECT（直连）

默认连接方式

默认使用 auto 自动发现：

先尝试 Unix Socket：/tmp/verge/verge-mihomo.sock
失败后再尝试 HTTP：http://127.0.0.1:9090
默认策略组：🚀 节点选择

Clash Verge Rev 设置

如果要开启 HTTP 控制器（external-controller），需要配置：

1
2

external-controller: 127.0.0.1:9090
secret: your-secret

然后运行时设置：

`1`	`CLASH_BASE_URL=http://127.0.0.1:9090 CLASH_SECRET=your-secret npm run dev`

构建

`1`	`npm run build`

安装与运行

`1`	`npm i -g clash-verge-tui-control`

`1`	`clashtui`

按键

↑(j) / ↓(k)：选择节点
Enter：切换到选中节点
r：刷新节点并测速（启动时默认不测速）
d：切换到 DIRECT
esc(q)：退出

环境变量

CLASH_UNIX_SOCKET：Unix Socket 路径（默认 /tmp/verge/verge-mihomo.sock）
CLASH_BASE_URL：HTTP 控制器地址（默认 http://127.0.0.1:9090）
CLASH_SECRET：如果设置了 API secret，填这里
CLASH_SELECTOR：策略组名称（默认 🚀 节点选择）
CLASH_TEST_URL：测速 URL（默认 https://www.gstatic.com/generate_204）
CLASH_TIMEOUT_MS：测速超时毫秒（默认 5000）
CLASH_CONCURRENCY：并发测速数量（默认 8）

示例

命令行参数

--transport auto|unix|http：强制指定传输方式（默认 auto）
--socket-path /path/to.sock：覆盖 Unix Socket 路径
--base-url http://127.0.0.1:9090：覆盖 HTTP 控制器地址
--secret your-secret：覆盖 API secret

示例

强制用 HTTP：

`1`	`clashtui --transport http --base-url http://127.0.0.1:9090 --secret your-secret`

强制用 Unix Socket：

`1`	`clashtui --transport unix --socket-path /tmp/verge/verge-mihomo.sock`

MemoCard

Mon, 01 Jan 0001 00:00:00 +0000

→ 前往 Github 仓库

一款轻量高效的记忆卡片手机 App。支持在线浏览并导入题库，通过卡片化交互与智能出题机制，帮助你快速记忆知识，并通过统计图表看到学习数据。

MemoCard

✨ 核心特性

📝 沉浸式刷题训练

卡片式交互体验，左右滑动轻松切换题目
兼容单选题、填空题等多种题型
作答后即时反馈，对错一目了然
顶部进度条实时展示刷题进度，掌控学习节奏

📚 灵活的题库管理

支持多种创建/导入方式：
- 手动新建专属题库
- 粘贴 JSON 文本快速导入（适合 AI 生成题库文件）
- 本地 JSON 文件批量导入
- 通过 URL 一键拉取远程题库
完整的题库生命周期管理：查看、编辑、删除一站式操作

🌐 在线题库生态

预览题库内容，精准选择适配的学习材料
一键导入在线题库，无需手动录入
自定义管理在线题库仓库源

⚙️ 个性化出题设置

自定义每日/每轮出题规则，适配不同学习节奏
灵活选择启用的题库，精准聚焦当前学习目标

📊 可视化学习统计

核心数据概览：总答题数、正确率、活跃天数等
趋势分析：7天/30天学习数据图表，直观掌握学习状态
题库维度分析：各题库答题分布与能力提升情况

🔄 便捷的数据迁移

数据导出：支持导出至文件或剪贴板，轻松备份
数据导入：从文件/剪贴板/文本粘贴导入，覆盖式同步
跨设备同步：完美适配换机、备份、多设备使用场景

🎯 友好的首次使用引导

新用户：快速创建首个题库，即刻开启记忆训练
老用户：一键导入历史数据，无缝衔接学习进度

📱 应用结构

记忆：核心训练页面，卡片式刷题交互
统计：学习数据可视化，趋势分析与复盘
管理：题库管理、出题设置、导入导出、在线题库一站式操作

🚀 快速开始

环境准备

确保已安装 Node.js 及 npm/yarn，且配置好 Expo 开发环境。

安装与运行

# 安装依赖
npm install

# 启动开发服务器
npm run start

# 运行到 Android 设备/模拟器
npx expo run:android

（目前只在 Android 平台测试）

📖 配置与文档

在线题库仓库配置规范与索引格式（可以做给 AI 的提示词）：docs/online-question-base-repository.md

React Native 实时动捕原生模块

Mon, 01 Jan 0001 00:00:00 +0000

是挑战杯项目中的一部分，因老师要求无法开源。

运行效果

关键点：

使用 kotlin 编写原生模块，将视频流使用 ExoPlayer 硬件解码播放 → VideoFrameProcessor → ImageReader → Bitmap → Mediapipe 实现实时推理
将推理结果返回给 RN 侧，进行可视化展示
设备不支持 ExoPlayer 时，自动回退降级按设定 FPS 间隔使用 retriever.getFrameAtTime() 软件解码取帧推理，保证兼容性。
降级模式由于速度较慢，采用异步检测，结果通过事件发回 JS ，用 ConcurrentHashMap 保存时间戳→帧索引，后续播放时直接从缓存中获取。

react-native-latex-text

Mon, 01 Jan 0001 00:00:00 +0000

→ 前往 Github 仓库

react-native-latex-text

English | 中文

一个轻量、高性能的 React Native 组件，支持文字与 Latex 公式混排，自定义公式分隔符，使用 \n 换行，自动计算公式行高，基于 MathJax SVG 在 react-native-svg 中渲染，内置缓存，无原生依赖（可直接在 Expo Go 中运行）。

渲染效果

How It Works?

MathJaxRenderer 组件会在根节点创建一个隐藏的 1*1 的 WebView 组件，用于加载 MathJax 库和渲染公式，并通过 postMessage 将 svg-xml 字符串返回给 React Native，并使 react-native-svg 组件实现高性能渲染。
因此，这种渲染方式不依赖任何原生组件，可以直接在 Expo Go 中运行。

MathText 组件通过正则表达式将文本中的公式部分提取出来，分别渲染并计算行高，最后将普通文本与渲染后的公式拼接起来。

使用方法

初始化：

在项目的根节点（比如最外层的 _layout.tsx）中引入 MathJaxRenderer 组件，并用其 ref 初始化全局 MathRenderer：

// _layout.tsx
import React, { useRef } from 'react';
import { View } from 'react-native';
import { MathJaxRenderer, MathJaxRendererRef, MathRenderer, MathText } from 'react-native-latex-text';

export default function App() {
  // 1. 创建 MathJaxRenderer 引用
  const mathJaxRef = useRef<MathJaxRendererRef>(null);
  
  // 2. 初始化全局渲染器
  MathRenderer.Init(mathJaxRef);

  return (
    <View style={{ flex: 1, padding: 20 }}>
       {/* 3. 渲染器核心组件（隐藏式） */}
      <MathJaxRenderer 
        ref={mathJaxRef} 
        maxCacheSize={50} 
      />
    </View>
  );
}

渲染公式：

在项目的任意位置，直接使用 MathText 组件渲染带公式的文本：

import { MathText } from 'react-native-latex-text';



<MathText
  content='块级公式：求以下定积分的结果：\[\int_0^2 x^3 dx\]\n行内公式：计算电场强度\(\vec{E} = \frac{\vec{F}}{q}\)，若试探电荷\(q = 2×10^{-6}C\)，受到的电场力\(\vec{F} = 4×10^{-3}N\)，则电场强度的大小为？'
  textColor='#FFFFFF'
/>

特性

🚀 高性能：内置公式缓存机制，避免重复渲染
🎨 自定义样式：支持公式颜色、大小、行高自定义，使用 \n 随时换行
✨ 混合渲染：公式与普通文本无缝混合显示
🎯 灵活配置：支持自定义公式分隔符、缓存大小等

安装

前提依赖

确保你的项目已安装以下依赖：

1
2
3

npm install react-native-svg react-native-webview
# 或使用 yarn
yarn add react-native-svg react-native-webview

安装主包

1
2
3

npm install react-native-latex-text
# 或使用 yarn
yarn add react-native-latex-text

额外配置（Android/iOS）

iOS：执行 pod install

`1`	`cd ios && pod install && cd ..`

Android：无需额外配置

快速开始

基础用法

API 文档

1. MathJaxRenderer（核心渲染器）

必须在应用根组件中引入，负责公式的底层渲染（隐藏式组件）。

属性	类型	默认值	说明
`initialCache`	`string[]`	`[]`	初始化时预渲染的公式列表（提升首次渲染速度）
`initialCacheColor`	`string`	`black`	预渲染公式的默认颜色
`maxCacheSize`	`number`	`100`	公式缓存最大数量（超出自动清除最早缓存）
`onRenderComplete`	`(result: RenderResult, latex: string, color: string) => void`	-	公式渲染完成回调
`onRenderError`	`(error: string, latex: string, color: string) => void`	-	公式渲染失败回调
`onReady`	`() => void`	-	渲染器初始化完成回调

暴露的方法（通过 ref 调用）

方法	参数	说明
`render`	`(latex: string, onComplete, options?)`	手动渲染单个公式
`clearCache`	`(latex?: string, color?: string)`	清除缓存（不传参清除所有，传 latex 清除该公式所有颜色，传 latex+color 清除指定缓存）
`getCacheSize`	-	获取当前缓存数量
`isReady`	-	判断渲染器是否就绪

2. MathText（文本+公式渲染组件）

用于显示混合了普通文本和数学公式的内容。

属性	类型	默认值	说明
`content`	`string`	-	包含公式的文本内容（必填）
`viewStyle`	`ViewStyle`	-	容器样式
`lineStyle`	`ViewStyle`	-	行样式(单行居中常用)
`textColor`	`string`	`#000000`	普通文本颜色
`fontSize`	`number`	`16`	普通文本字体大小
`baseMathSize`	`number`	`10`	公式渲染大小放大倍率
`lineHeight`	`number`	`1.5`	全局行高（文本+公式）
`delimiters`	`{ inline: {left, right}[], display: {left, right}[] }`	见下方默认值	公式分隔符配置

默认分隔符

{
  inline: [ // 行内公式分隔符
    { left: '\\(', right: '\\)' },
    { left: '$', right: '$' },
  ],
  display: [ // 块级公式分隔符
    { left: '\\[', right: '\\]' },
    { left: '$$', right: '$$' },
  ],
}

3. MathRenderer（全局渲染工具类）

提供全局公式渲染方法。

静态方法	参数	说明
`Init`	`ref: React.RefObject<MathJaxRendererRef>`	初始化全局渲染器
`Render`	`(latex: string, onComplete, options)`	全局渲染公式
`ClearCache`	-	清除所有公式缓存

高级用法

1. 自定义公式分隔符

<MathText
  content="自定义分隔符示例：%a^2+b^2=c^2% 或 %%\\int_{0}^{1}x^2dx%%"
  delimiters={{
    inline: [{ left: '%', right: '%' }],
    display: [{ left: '%%', right: '%%' }],
  }}
/>

2. 手动控制缓存

// 清除指定公式的缓存
mathJaxRef.current?.clearCache('a^2 + b^2 = c^2', '#0066cc');

// 清除所有缓存
MathRenderer.ClearCache();

// 获取当前缓存大小
console.log('缓存数量：', mathJaxRef.current?.getCacheSize());

3. 调试模式

开启调试日志（修改源码中 DEBUG_MATH_RENDERER 为 true）：

1
2

// 在对应文件顶部修改
const DEBUG_MATH_RENDERER = true;

注意事项

MathJaxRenderer 必须在 MathText 之前渲染，建议放在应用根组件
首次渲染可能有轻微延迟（一打开应用可能会看到 [公式加载中] ，为 MathJax 脚本加载时间），建议使用 initialCache 预渲染常用公式
确保 react-native-webview 和 react-native-svg 版本与 React Native 兼容
块级公式会独占一行，行内公式与文本同行显示

许可证

MIT

贡献

欢迎提交 Issue 和 PR。

UnitySPH

Mon, 01 Jan 0001 00:00:00 +0000

这是对这篇blog 中的公式的一个 Unity 实现，但是这篇 blog 现在已经被删除了…
这是胡桃酱高中时期作为综评课题的一个学习项目，由于代码质量不高就不开源了…

效果演示

主要特点

GPU 加速计算：利用 Compute Shader 在 GPU 上并行计算所有粒子的物理属性
GPU Instance 渲染：使用 GPU Instance 技术高效渲染大量粒子，减少 CPU-GPU 带宽开销
完整 SPH 算法实现：包含压力、粘性、表面张力、重力等物理计算
三角面碰撞检测：支持与场景中任意三角面的碰撞和反弹

主要组件说明

SphParticleSystem

主控制器组件，管理粒子系统配置：

参数	说明
particleCount	粒子总数
smoothingRadius	平滑核半径
particleMass	单个粒子质量
particleViscosity	粘性系数
particleRenderRadius	粒子渲染半径
particleDrag	碰撞阻尼
restDensity	静止密度

SphSolver

计算求解器，负责 GPU 计算调用：

自动管理 Compute Shader 的加载和初始化
处理粒子和碰撞体数据在 CPU 和 GPU 之间的传输
调度各个计算 Kernel 执行

SphColliderMesh

碰撞体组件，用于添加可碰撞的三角面：

可添加多个 Mesh Collider 作为碰撞体
自动将 Mesh 转换为世界坐标系的碰撞数据

核心算法实现

粒子数据结构

struct SPHParticle
{
    float3 position;    // 位置
    float3 velocity;    // 速度
    float3 force;       // 受力
    float density;      // 密度
    float pressure;     // 压力
    float2 grid;        // 网格坐标（用于后续优化）
};

SPH 管线流程

1
2
3

1. 初始化粒子位置 → 2. 计算密度和压力 → 3. 计算受力
    ↓                                    ↓
4. 更新速度和位置 ← 5. 碰撞检测和响应

支持的图形 API

项目支持多种图形 API：

OpenGL：兼容性良好，适用于大多数系统
Vulkan：性能最佳，适用于高性能需求场景

项目结构

 Assets/
 ├── Script/
 │   └── MySph/
 │       ├── Base/                    # 基础数据结构
 │       │   └── SphParticle.cs
 │       ├── SPHSolver/
 │       │   └── SphSolver.cs          # 求解器主类
 │       ├── SphParticleSystem.cs      # 粒子系统管理
 │       └── SphColliderMesh.cs        # 碰撞体组件
 ├── Resources/
 │   └── ComputeShader/
 │       └── Sph/
 │           └── SphSolver.compute     # 计算着色器
 └── Meshes/                           
     └── SphereLowPoly.fbx             # 粒子 Mesh

使用示例

// 获取粒子系统组件
var particleSystem = GetComponent<SphParticleSystem>();

// 配置粒子数量和半径
particleSystem.particleCount = 8000;
particleSystem.smoothingRadius = 1.0f;
particleSystem.particleMass = 0.1f;

// 添加碰撞体
var collider = gameObject.AddComponent<SphColliderMesh>();
collider.transform.Find("CollidableMesh").GetComponent<MeshCollider>();

// 添加求解器
var solver = gameObject.AddComponent<SphSolver>();

技术细节

Smooth Kernel Functions

项目实现了三种常用的 SPH 核函数：

Poly6 核函数：用于计算密度
1

W_poly6(r, h) = 315/(64πh⁹) * (h² - r²)³ * step(r, h)
Spiky 核函数：用于计算压力梯度
1

∇W_spiky(r, h) = -45/(πh⁶) * (h - r)² * r̂ * step(r, h)
Viscosity 核函数：用于计算粘性力
1

∇²W_viscosity(r, h) = 45/(πh⁶) * (h - r) * step(r, h)

部分实现代码


float Wpoly6(float3 r, float h)
{
    return 315.0f / (64.0f * PI * pow(h, 9.0f)) * pow(h * h - dot(r, r), 3.0f) * step(length(r), h);
}

[numthreads(PARTICLETHREADCOUNT,1,1)]
void ComputeDensityPressure(uint3 id : SV_DispatchThreadID)
{
    SPHParticle particle = particles[id.x];
    particle.density = 0.0f;

    for (int j = 0; j < particleCount; j++)
    {
        particle.density += mass * Wpoly6(particles[j].position - particle.position, smoothingRadius);
    }
    // 计算pressure
    particle.pressure = gas * (particle.density - restDensity);

    particles[id.x] = particle;
}


float3 SinglePressureForce(float3 ri, float3 rj, float pi, float pj, float di, float dj)
{
    float r = length(ri - rj);
    return (pi + pj) / (2.0f * dj) * pow(smoothingRadius - r, 2.0f) * (ri - rj) / r * step(r, smoothingRadius);
}

float3 ComputePressureForce(uint i)
{
    float3 forcePressure = 0;
    for (uint j = 0; j < particleCount; j++)
        forcePressure += i == j
                             ? 0
                             : SinglePressureForce(
                                 particles[i].position, particles[j].position,
                                 particles[i].pressure, particles[j].pressure,
                                 particles[i].density, particles[j].density);
    // Spiky 核函数
    forcePressure *= mass * (-45.0f / (PI * pow(smoothingRadius, 6.0f)));
    return forcePressure;
}

float3 SingleViscosityForce(float3 ri, float3 rj, float di, float dj, float vi, float vj)
{
    float r = length(ri - rj);
    return (smoothingRadius - r) * (vj - vi) / dj * step(r, smoothingRadius);
}

float3 ComputeViscosityForce(uint i)
{
    float3 forceViscosity = 0;
    for (uint j = 0; j < particleCount; j++)
        forceViscosity += i == j
                              ? 0
                              : SingleViscosityForce(
                                  particles[i].position,
                                  particles[j].position,
                                  particles[i].density,
                                  particles[j].density,
                                  particles[i].velocity,
                                  particles[j].velocity);
    // ∇²W_viscosity 核函数
    forceViscosity *= mass * particleViscosity * (45.0f / (PI * pow(smoothingRadius, 6.0f)));
    return forceViscosity;
}

[numthreads(PARTICLETHREADCOUNT,1,1)]
void ComputeForces(uint3 id : SV_DispatchThreadID)
{
    float3 forceGravity = gravity.xyz * particles[id.x].density * gravity.w;
    particles[id.x].force = ComputePressureForce(id.x) + ComputeViscosityForce(id.x) + forceGravity;
}

宿舍智能门锁

Mon, 01 Jan 0001 00:00:00 +0000

运行效果

实现技术：

PlatformIO + Esp8266 Server