# fishing-web

**Repository Path**: hhs_3/fishing-web

## Basic Information

- **Project Name**: fishing-web
- **Description**: 官网
- **Primary Language**: Unknown
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2026-06-17
- **Last Updated**: 2026-06-29

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# fishing-web

> 台钓调漂教学模拟器（姊妹项目 [fishing](../../hzw/fishing)）的**宣传官网**。纯静态单页，无后端、无构建、无框架。

#### 在线地址

- 🌐 **官网（演示）**：<http://fishing.createa.com:28086>
- 🎣 **调漂模拟器试玩**：<http://fishing.createa.com:28087>

#### 介绍

官网是一个手写的单页：Hero 区用真实 3D 浮漂（model-viewer 加载 `models/float.glb`），Demo 区用纯 CSS 浮漂 + 滑块交互演示「钓目升降 / 灵钝状态」。其余为特性、6 套调漂预设、闯关、截图、下载、联系方式等静态内容。3D 浮漂模型源自 fishing 项目导出的 FBX。

#### 技术栈

- HTML / CSS / 原生 JS，单文件 `index.html`（不打包，直接部署）
- 3D：自托管的 `@google/model-viewer@3.5.0`（`lib/model-viewer.min.js`）
- 字体：系统宋体栈（**国内零外网依赖，所有资源同源自托管**）

#### 本地预览

```bash
# 必须用 http server，不能 file:// —— model-viewer fetch GLB 会被 CORS 拦
python3 -m http.server 8000        # → http://localhost:8000
```

#### 部署

托管在 **Cloudflare Pages**（不是 Gitee Pages，后者已下线）：

```bash
npx wrangler pages deploy .
```

> 版本管理继续用 Gitee；部署走 Cloudflare。Cloudflare 自动部署只连 GitHub/GitLab/Bitbucket，需手动 `wrangler pages deploy` 或把仓库镜像到 GitHub。

#### 软件分发

三个平台安装包（macOS arm64 / Android APK / Windows）通过**天翼云盘公开分享（带访问码）**分发，下载区按钮直接指向分享页。

#### 目录结构

```
index.html                  # 全站单文件（内联 CSS + JS）
lib/model-viewer.min.js     # 自托管的 model-viewer
models/float.glb            # 3D 浮漂模型
assets/                     # 截图、微信群码等静态资源
```

#### 参与贡献

1. Fork 本仓库
2. 新建 `Feat_xxx` 分支
3. 提交代码
4. 新建 Pull Request