IOUXI 首页承载 6 大分类、24 款精选 HTML5 小游戏,配合关键词搜索、3D 展厅、收藏与 13 语切换五大入口;新用户找到并开始第一款游戏平均只需 2 分钟,无需注册、全程免费。
第一入口:首页分类导航
打开 https://iouxi.com/ ,你会看到顶部横栏按顺序排列六个分类入口:动作、街机、益智、赛车、体育、IO 多人竞技。每个分类名称下方标注了该类别当前收录的游戏数量(各 4 款)。点击任意分类进入分类主页,可以看到该类别下所有游戏的卡片式列表。
游戏卡片包含三个要素:缩略封面图、游戏名称、以及「立即开始」按钮。点击卡片或按钮跳转到游戏详情页;点击分类名称则留在分类主页,用过滤器进一步筛选。
第二入口:关键词搜索
首页横栏最右侧是搜索图标(放大镜),点击展开搜索框,支持即时补全。搜索范围覆盖:
- 游戏中文名或英文名(如「贪吃蛇」「snake」均可命中);
- 游戏类型关键词(如「赛车」「竞速」「io」);
- 玩法标签(如「双人」「移动端」「无注册」)。
搜索结果以卡片列表呈现,点击跳转到对应游戏详情页。空搜索时显示「试试这些分类」并列出六个分类快捷入口。
第三入口:3D 展厅
顶部导航栏右侧有「3D 展厅」入口,点击进入 https://iouxi.com/3d/ 。这是 IOUXI 的实验性展示区,用 Three.js 构建网页 3D 渲染环境,用户可以在浏览器内直接浏览 3D 交互演示,无需安装任何插件。展厅内展示的玩法与 IOUXI 主站收录的游戏共享同一套游戏规则文档。
收藏夹:记住你的游戏清单
每个游戏详情页右侧(或移动端底部)有一个收藏图标(星星/爱心)。点击后游戏被加入个人收藏夹(数据存储在浏览器 localStorage,不依赖账号体系)。收藏后:
- 刷新页面或切换设备不会同步(因无账号系统);
- 游戏页内「相关游戏」区块会优先推荐同分类、同标签的其他游戏。
多语言切换
首页底部左侧有一个语言切换器,当前显示「中文(简体)」。点击展开列表,共支持 13 种语言:中文、English、日本語、Español、Bahasa Indonesia、Bahasa Melayu、Deutsch、Português、العربية、한국어、Français、Italiano、Русский。切换后:
- 站点导航、按钮文字、页面标题等界面元素翻译更新;
- 游戏攻略正文语言不受影响,统一为中文;
- 语言偏好保存在浏览器 localStorage,下次访问自动恢复。
PWA 主屏幕快捷方式
IOUXI 支持 Progressive Web App(PWA)标准。在手机浏览器(Chrome 110+、Safari 16+)打开 iouxi.com 后,浏览器会提示「添加到主屏幕」。确认后:
- IOUXI 以独立窗口启动,无地址栏,类似原生应用;
- 支持离线缓存(首次加载后部分内容可离线浏览);
- 推送通知能力已预留,当前版本暂未激活。
首页布局结构一览
从顶部到底部,首页各区块依次为:
- 顶部导航栏:六个分类入口 + 搜索图标 + 3D 展厅 + 语言切换;
- 主视觉区:一行标题语(「发现值得玩的网页小游戏」)+ 置顶游戏卡片;
- 六大分类展示:每个分类一行,各展示该分类前 2–3 款游戏;
- 底部信息栏:关于 IOUXI / 联系我们 / 收录规范 / 语言切换。