DIGITAL PRACTICEB
← 返回数字项目

Yunnan Wild Fungi

云南野生菌互动网页

以森林、雨季和菌类章节构建长滚动视觉叙事,探索地域内容与前端动效结合。

状态
Live
场景
地域文化 / 互动叙事
角色
视觉叙事、响应式页面与动效实现
技术
Vite / React / GSAP / Lenis
云南野生菌森林滚动场景INTERFACE / Yunnan Wild Fungi
Live

独立静态 Demo 已部署至 lingoflowx.com 子路径,并通过 HTTPS、资源与深层刷新验证。

互动实验 · 公网体验已上线

01 / Overview

项目与体验边界

该项目使用真实森林、菌类与插画素材组织沉浸式滚动体验,通过章节节奏连接地域氛围与内容阅读。

它是文化与视觉实验,不是野生菌识别或食用指南;安全提示和信息边界必须保留。

02 / Problem

从真实问题出发

把云南雨季、山林与菌类文化组织为可连续阅读的网页叙事,同时必须明确它不是野生菌识别或食用判断工具。

03 / Structure

项目结构

  1. 01雨季开场
  2. 02森林滚动叙事
  3. 03菌类内容章节
  4. 04食菌安全边界
  5. 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移动适配

07 / Role & Output

项目范围

  • 01沉浸式首页
  • 02滚动叙事
  • 03菌类章节
  • 04移动适配

08 / Current Boundary

Live

独立静态 Demo 已部署至 lingoflowx.com 子路径,并通过 HTTPS、资源与深层刷新验证。