Skip to content

About

交互式植物光合作用可视化模拟网页,基于 HTML+CSS+JavaScript 实现,支持光照、二氧化碳、温度参数调节,动态演示植物光合作用全过程,适合生物教学演示。

Resources

Stars

1 star

Watchers

0 watching

Forks

Latest commit

 

History

3 Commits

Folders and files

NameName
Last commit message
Last commit date
 
 
 
 
 
 

Repository files navigation

Photosynthesis-Simulation

🌱 交互式光合作用可视化模拟动画网页

📖 项目介绍

本项目是一款生物教学可视化工具,使用原生 HTML + CSS + JavaScript 开发, 无任何第三方依赖,浏览器直接打开即可运行。 动态模拟植物光合作用完整生理过程,直观展示物质循环与能量转化。

✨ 核心功能

  • 动态可视化:太阳光照、植物、土壤、根系完整场景
  • 四大物质动态流动:
    • CO₂ 二氧化碳(空气进入叶片)
    • H₂O 水分(根部向上输送)
    • O₂ 氧气(叶片释放排出)
    • C₆H₁₂O₆ 葡萄糖(植物有机物积累)
  • 实时参数调节:
    • 光照强度调节
    • 二氧化碳浓度调节
    • 环境温度调节
  • 光合作用强度实时计算 & 进度条可视化
  • 温度最优机制:25℃ 光合作用效率最高

🛠️ 技术栈

  • HTML5
  • 原生 CSS3 动画
  • 原生 JavaScript
  • 零依赖、轻量化、纯前端

🚀 使用方式

  1. 下载本项目 index.html 文件
  2. 任意浏览器直接双击打开
  3. 拖动右侧滑块,观察环境因素对光合作用的影响

📚 适用场景

  • 初中/高中生物课堂教学演示
  • 学生自主预习、复习光合作用知识点
  • 科普展示、实验室教学工具

📄 开源协议

MIT License

About

交互式植物光合作用可视化模拟网页,基于 HTML+CSS+JavaScript 实现,支持光照、二氧化碳、温度参数调节,动态演示植物光合作用全过程,适合生物教学演示。

Resources

Stars

1 star

Watchers

0 watching

Forks

Releases

Packages

Contributors

Languages