dzirbel / metabolism-fun Goto Github PK
View Code? Open in Web Editor NEWMetabolism-teaching web-based game.
Home Page: http://metabolismfun.com/
Metabolism-teaching web-based game.
Home Page: http://metabolismfun.com/
Add a tutorial which walks the user through an introduction of the game, explaining the most critical aspects of it. This (optional) tutorial should be triggered the first time a user views the site and upon the creation of a new account.
Tracker icons appear as missing images.
Occasionally the text inputs in the filter form are not properly sized. They are adjusted in the JavaScript, but apparently this does not always work. The bug is rare but regularly reproducible.
Add pathway visualizations to show a depiction of each pathway when it is hovered over or run.
Add cell visualizations that depict which area of the cell a pathway or resource is in.
Improve performance, both on the server and client side. Also investigate scalability.
For example Pentose Phosphate (non-oxidative).
Also for Pyruvate to lactate. Should also be able to convert Lactate to Pyruvate.
NBL with think about other.
Test for cross-browser compatibility and make sure that the application works on recent versions of Chrome/Safari and Firefox as well as IE9+ and Safari for iPad.
When hovering over resources (or clicking on them?) show which pathways use them (in, say, red) and produce them (in, say, blue) as an inner highlight. This should allow the user to more easily associate pathway chains.
We can make breathing a little more efficient to save people turns.
Make the pH level have an effect on the game: both to kill the player immediately if the pH gets too far from normal and to decrease the amount of global resources available as it moves away from normal.
Add a blood pH tracker based on CO2 levels, which will incur penalties on the player when the pH drops below a certain level.
On some displays, particularly those with a larger horizontal to vertical screen ratio than normal, the center graphic is chopped at the top and bottom (when it ought to be scaled more intuitively).
Visualizations at the moment do not fit the theme and provide little useful information. An overhaul is necessary; either to remodel them to be useful or move into toolitps or other parts of the interface.
Add a (x) close button to the organ information popups.
When creating an account (on the production site), the account is correctly created, but an "internal error" is shown and the user is not immediately logged in.
Add organ visualizations that show the user in which area of the body or organ a pathway or resource is located.
Restyle the pathways reaction table, showing the amount first and adding a Reactants/Products header.
Clean up the code and add documentation.
Add graphics at the bottom of the main graphics area that display the user's progress in terms of Points, Glycogen, RNA, etc.
If the player loses for any reason (i.e. too low blood pH), redirect to a "loss page" which will display some statistics and allow the player to start over.
Increase the total to 300.
Tracker user progress over time, including each move that a user makes and the user's final score. Allow the user to access this information in some lightweight way.
Add in-game help, mostly as tooltips when the user hovers over certain elements. Perhaps add a help icon to the header so that the user could get more detailed help on any particular pieces of the application.
Add the main display in the center of the page, showing a graph off the entire metabolism cycle.
Improve both client and server side performance by looking over the JavaScript and PHP.
Add the ability to login and create accounts, which can be used to keep track of scores. Also allow both registered and unregistered users to report their score to a "teacher" account via a "classroom code" or something of that nature.
Accounts are created with a password and username, and an optional email account that can be used to recover the account.
Implement pathway and resource specific colors in the interface.
Allow players to optionally associate an email address with their account. This email can be used to recover their password if they forget it.
Add visualizations for each resource as depictions of the resource's chemical structure and show them whenever the user hovers over or selects(?) a resource.
Add GTP/GDP, CTP/CDP, and GTP/GDP as resources and allow certain actions to use on or another.
Occasionally resources will not be updated properly. This mostly appears to be an issue when one or more of the resources is global, but others are not.
Add server-side authentication and data tracking to prevent the player from editing the resource levels, points, etc. via JavaScript.
Add comments to the entire body of the code.
Improve the theme system so that it can easily expand to many themes or user-created themes.
Add vertical sliders to allow the user to adjust the proportions of food consumed.
Add sliders to allow users to run pathways multiple times in a single turn.
Allow some users to create "classrooms" with a unique ID or name and then allow users to register their games in a classroom. This would allow teachers to conduct in-class activities or use the game as a test/quiz/homework assignment out of the classroom.
Sort pathways more intuitively, for example showing only pathways that can be run at the top and sorting by catabolic/anabolic.
Allow the user to select from multiple color themes, and associate a color theme as the default for their account if they are logged in. Color themes should be stored in a database on the server side.
Change the default theme to the Light theme.
Remove the need for an "Apply" button in settings by automatically applying the new settings whenever one is changed.
Require RNA for protein synthesis; it takes 3 RNA to create a protein (i.e. expressing a codon as an amino acid) - the RNA is not used by this reaction.
Change the "You're eating less than you could" Bootstrap modal to a more thematic version.
Clarify the color theme, with small adjustments and code improvements. Currently there are multiple font and background colors which could be better organized.
The login/create account/change password forms are currently slightly annoying. When the dropdown is revealed, the first input should be focused and pressing enter should submit the current form.
Add resource, organ, etc. visualizations to the main graphics pane.
When the user runs out of turns or dies, display some depiction of the final score and prevent the user from running more actions. The result page should include the number of turns, the final score, and graphs of the points, resources, and a log of the pathways run.
A declarative, efficient, and flexible JavaScript library for building user interfaces.
๐ Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
An Open Source Machine Learning Framework for Everyone
The Web framework for perfectionists with deadlines.
A PHP framework for web artisans
Bring data to life with SVG, Canvas and HTML. ๐๐๐
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
Some thing interesting about web. New door for the world.
A server is a program made to process requests and deliver data to clients.
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
Some thing interesting about visualization, use data art
Some thing interesting about game, make everyone happy.
We are working to build community through open source technology. NB: members must have two-factor auth.
Open source projects and samples from Microsoft.
Google โค๏ธ Open Source for everyone.
Alibaba Open Source for everyone
Data-Driven Documents codes.
China tencent open source team.