可控开源社区

胡学军/Leaf-Glucose-Simulation

关注点赞复刻(Fork)

目录

Jonathan Lim-Breitbart

feat(params): Added plantImgSrc and isShadeTolerant parameters

plantImgSrc allows for a custom plant image
Removed isLightIntolerant parameter

2年前49次提交

.githubUpdate issue_template.md7年前
resourcesInitial commit of LeafGlucoseModel written with typescript. This project was originally in the WISE-Models project as a javascript application.7年前
srcfeat(params): Added plantImgSrc and isShadeTolerant parameters2年前
.editorconfigChanged default indentation from 4 spaces to 2. Refactored code and made PlayBackControls, SpeedSwitch, and SimulationState to new classes.7年前
.gitignoreAdded dist directory to be ignored by git7年前
LICENSEInitial commit of LeafGlucoseModel written with typescript. This project was originally in the WISE-Models project as a javascript application.7年前
LeafGlucose.imlChanged to use node dependencies for highcharts, jquery, svg and svg.draggable instead of loading individual files. Cleaned up code for better readability. Added comments to classes. Renamed PlantGlucoseModel -> PlantGlucoseSimulation.7年前
README.mdAdded enableInoutControls parameter and support for external instructions to control model; refactored light and water switches4年前
_config.ymlSet theme jekyll-theme-cayman7年前
gulpfile.jsFixed layout/display for light switches; fixed gulp entries4年前
package-lock.jsonfeat(params): Added plantImgSrc and isShadeTolerant parameters2年前
package.jsonAdded workaround for compliler error when using Gulp 3 and Node.js 12+4年前
tsconfig.jsonInitial commit of LeafGlucoseModel written with typescript. This project was originally in the WISE-Models project as a javascript application.7年前

Leaf-Glucose-Simulation

A simulation that demonstrates what happens inside a leaf during Photosynthesis with emphasis on glucose production/storage/usage

Demo

Lights Full,3/4,1/2,1/4,Off

Lights Full,3/4,1/2,1/4,Off, No Graph

Lights On,Off, Water control enabled

Simulation Configuration

You can configure the simulation at the beginning by passing in these GET parameters to the model:

numDays={1+} (default: 20)
numLightOptions={2,3,5} (default: 2)
showGraph={true,false} (default: true)
showLineGlucoseMade={true,false} (default: true)
showLineGlucoseUsed={true,false} (default: true)
showLineGlucoseStored={true,false} (default: true)
showWater={true,false} (default: false)
enableInputControls={true,false} (default: true)

Screenshots

Simulation Start

Screenshot of Simulation State State

Day 3 (light on)

Screenshot of Simulation State State Day 3 Light On

Day 15 (light off)

Screenshot of Simulation State State Day 15 Light Off

Development

You will need NPM (https://www.npmjs.com) and Git.

Checkout the project

$ git clone https://github.com/WISE-Community/Leaf-Glucose-Simulation.git

Install gulp globally

$ cd Leaf-Glucose-Simulation
Leaf-Glucose-Simulation$ npm install -g gulp-cli

Install dependencies
```
Leaf-Glucose-Simulation$ npm install
```
Start gulp task. This will start a running process to copy files and compile changes to typescript files.
```
Leaf-Glucose-Simulation$ gulp
```
See the model on the browser by going to path_to_Leaf-Glucose-Simulation/dist/index.html . (e.g. file:///Users/myusername/dev/Leaf-Glucose-Simulation/dist/index.html)
Make changes with your favorite IDE. Changes to typescript will be immediately compiled to the dist folder.
See you change in the browser by refreshing the page.

Resources

This is a good resource on using Gulp and TypeScript: https://www.typescriptlang.org/docs/handbook/gulp.html

关于

A simulation that demonstrates what happens inside a leaf during Photosynthesis with emphasis on glucose production/storage/usage

typescript html javascript

7.0 MB

邀请码

Gitlink（确实开源）

加入我们
官网邮箱：gitlink@ccf.org.cn

QQ群

QQ群

公众号

公众号

©Copyright 2023 CCF 开源发展委员会
Powered by Trustie& IntelliDE 京ICP备13000930号