DIGITAL PRACTICEB
- 状态
- Live
- 场景
- 地域文化 / 互动叙事
- 角色
- 视觉叙事、响应式页面与动效实现
- 技术
- Vite / React / GSAP / Lenis
INTERFACE / Yunnan Wild FungiLive
独立静态 Demo 已部署至 lingoflowx.com 子路径,并通过 HTTPS、资源与深层刷新验证。
互动实验 · 公网体验已上线01 / Overview
项目与体验边界
该项目使用真实森林、菌类与插画素材组织沉浸式滚动体验,通过章节节奏连接地域氛围与内容阅读。
它是文化与视觉实验,不是野生菌识别或食用指南;安全提示和信息边界必须保留。
02 / Problem
从真实问题出发
把云南雨季、山林与菌类文化组织为可连续阅读的网页叙事,同时必须明确它不是野生菌识别或食用判断工具。
03 / Structure
项目结构
- 01雨季开场
- 02森林滚动叙事
- 03菌类内容章节
- 04食菌安全边界
- 05移动端顺序阅读
04 / Interaction
交互逻辑
以滚动作为章节推进方式,使用前后景、图片进入和内容节奏形成沉浸感;移动端回到顺序叙事,避免依赖桌面复杂交互。
05 / Build
开发方式与阶段
Vite + React 静态工程,现有构建产物使用 /demos/yunnan-wild-fungi/ 子路径,视觉动效由 GSAP 与 Lenis 组织,未发现必须运行的后端 API。
静态 Demo 已在 /demos/yunnan-wild-fungi/ 上线;保持 noindex、安全提示和独立资源边界,后续继续观察移动端性能。
STACK / SCOPE
01Vite02React03GSAP04Lenis05沉浸式首页06滚动叙事07菌类章节08移动适配
06 / Interface & Flow
真实界面与关键流程
界面来自对应本地工程或已确认静态产物;没有公网地址的项目只展示案例,不伪装成在线体验。



07 / Role & Output
项目范围
- 01沉浸式首页
- 02滚动叙事
- 03菌类章节
- 04移动适配
08 / Current Boundary
Live
独立静态 Demo 已部署至 lingoflowx.com 子路径,并通过 HTTPS、资源与深层刷新验证。