HGustavs / LenaSYS

Code Viewer and Course Organization System used in some courses at University of Skövde
57 stars 31 forks source link

Create a canvas background in courseed.php #16172

Open a22chrfa opened 3 months ago

a22chrfa commented 3 months ago

courseed.php is not only made for teachers, but also for students. In order to make it more appealing, draw attention, and maybe (since it's a school) show what can be done with animations, we want to create a canvas using animations and/or some sort of interactivity.

It could be something simple or advanced. The important thing is that it should look good and draw attention. The developer is largely free to design something subjectively appealing and give his suggestion in the form of a pull request.

a22chrfa commented 3 months ago

Info: The plan was to use mathematical expressions instead of dots trailing the pointer, which I thought was a neat idea considering its clear relation to education. I tried the Mathjax library but it seems to be dependent on dom manipulation to generate the expressions which doesn't work well with canvas animations. Dom manipulation means this: image I tried converting the equations to images instead but this means creating and removing elements (as in the picture) in a loop. This didn't work well and started to feel like bad design.

This idea is probably a dead end. I'll have to make some other trail effect instead.