alexromberg / atomani-legacy

An atom simulation programm

AtomAni

Eine Semesterarbeit der Kantonsschule Frauenfeld Abt. IMS Von Alexander Romberg

Beschreibung

In diesem Projekt wird dem alten Atomarium ein neuer Anstrich verpasst.

Installation

Anforderungen

• node.js
• npm
• nginx
• node.js benötigt schreibrechte im Projekverzeichniss (src/data/)

Installieren von AtomAni

• In Speicherort wechseln: cd /path/to/directory/
• Repository herunterladen: git clone https://github.com/AlexRomberg/AtomAni.git
• In Projektverzeichniss wechseln: cd AtomAni
• Abhängigkeiten installieren: npm install
• starten npm start [port]

Starten mit Nodemon

• tsc
• npm test [port]

Starten mit PM2

• tsc
• pm2 add ./src/server.js --name AtomAni -- [port]

Port Probleme

• Node.js hat unter Linux nicht immer die Berechtigung Port 80 oder 443 zu verwenden. Hier kann anderer Port als Parameter angegeben werden.
• Für Port 80 oder 443 nginx mit reverse proxy einrichten
• https://gist.github.com/bradtraversy/cd90d1ed3c462fe3bddd11bf8953a896

Fehler und Verbesserungen

Wenn Fehler auftreten würde ich mich über ein issue freuen.

Bemerkungen

• Schulnamen: [a-zA-Z-_]
• Loginnamen: [a-zA-Z@_-.,]

atomani-legacy's Issues

Chart names from editor not saved

Describe the bug
When renaming a chart in the editor, the name does not update in JSON.

To Reproduce
Steps to reproduce the behavior:

1. Start experiment editor.
2. Enable a chart and rename it.
3. Save the experiment.
4. Open it in animation mode

Expected behavior
Title would be the one I set it to

Screenshots
If applicable, add screenshots to help explain your problem.

Device (please complete the following information):

• Device type: PC & iPad
• OS: WIndows 10 & IOS 13
• Browser: firefox & safari

multiple boxes

Is your feature request related to a problem? Please describe.
It is only possible to create one Box

Describe the solution you'd like
Multiple nested boxes

Describe alternatives you've considered
Multiple boxes next to eachother

Node.js backend

Describe the solution you'd like
I would like a node.js backend.

missing id validation in selection

Describe the bug
You can type in every id into the URL and get an empty page

To Reproduce
Steps to reproduce the behavior:

1. Go to selection.php
2. Click on first box
3. change id in URL to 12.34

Expected behavior
Returns to root-folder

Device (please complete the following information):

• Device type: Laptop, IPad
• OS: Windows
• Browser: Firefox, Safari

Recreate design in sass

Describe the solution you'd like
Create an new dark and light theme for the Project using sass

Performance improvements

Problem
1000 atoms are running at about 1-5 FPS.

Some ideas
https://www.w3schools.com/js/js_performance.asp
https://www.w3schools.com/js/js_bitwise.asp

multiple languages

Is your feature request related to a problem? Please describe.
There is only a german version of Atomani

Describe the solution you'd like
A german & a english version

Maximum frame time too long

Describe the bug
Atoms start "teleporting" into eachother on low FPS-Devices.

To Reproduce
Steps to reproduce the behavior:

1. Create experiment with e.g. 10x10x10 Atoms
2. Open experiment
3. See the explosion happening

Expected behavior
Simulation throttles Simulationspeed

Device (please complete the following information):

• Device type: any
• OS: any
• Browser: any

Additional context
Atomarium uses 10E-12 timespeed.

generalise CSS classes

Is your feature request related to a problem? Please describe.
CSS files have redundancy and rules are spread across many files.

Describe the solution you'd like
A generalisation for:

• Buttons
• Inputs
• Centered divs
• ...

Describe alternatives you've considered
Adding a css framework

Title resize

Describe the bug
The title on index.php isn't resizing properly

To Reproduce
Steps to reproduce the behavior:

1. Go to index.php
2. make window smaller
3. resize it to original size

Expected behavior
Logo is again the same size

Device (please complete the following information):

• Device type: Laptop
• OS: Windows
• Browser: Firefox

JSON-Schema for Experiments

Is your feature request related to a problem? Please describe.
When creating an experiment there is no validation.

Describe the solution you'd like
A JSON-schema that validates the experiments configuration.

Node env variable command not working in linux

Describe the bug
when starting AtomAni with npm run start on linux an error occurs, durring the set NODE_ENV=stable command.

404 Page

Is your feature request related to a problem? Please describe.
When there is no site the standart Apache 404 page comes.

Describe the solution you'd like
A beautifull 404 Page having some Atoms on it

missing min-height on Simulation

Describe the bug
Simulationwindow has no min-height

To Reproduce
Steps to reproduce the behavior:

1. Go to simulation.php
2. Resize window height

Expected behavior
At a certain point the window should start scrolling

Screenshots

Device (please complete the following information):

• Device type: Laptop
• OS: Windows
• Browser: Firefox

No alert on JS-blocked

Describe the bug
When JavaScript is disabled you don't get a alert message or equal.

To Reproduce
Steps to reproduce the behavior:

1. Run your browser in secure-mode or disable Javascript.
2. Open the website and navigate to an experiment
3. Open developer console and see error there.

Expected behavior
There should be a Notification that JS or webGL is disabled.

Screenshots

Device (please complete the following information):

• Device type: Laptop
• OS: Windows
• Browser: Firefox Nightly (in secure-mode)

Flashing tooltip

Describe the bug
Tooltip shown in Diagramm on hover.

To Reproduce
Steps to reproduce the behavior:

1. start Simulation
2. hover over line of diagramm
3. tooltip starts flashing

Expected behavior
No, tooltip

Device (please complete the following information):

• Device type: Laptop
• OS: Windows 10
• Browser: Firefox Nightly

Infinite zoom

Is your feature request related to a problem? Please describe.
You can scroll out of the Simulation infinite

Describe the solution you'd like
A maximum scroll option so you can only go back to a certain distance

Describe alternatives you've considered
a return button to get back to original camera position.

Edit function on cards

Is your feature request related to a problem? Please describe.
There is no way to delete a experiment

Describe the solution you'd like
An edit button that enables renaming, editing and deleting function to experiment

Describe alternatives you've considered
A button in the experiment itself, to delete or rename the experiment

Additional context
There is already a edit button without a function.