This project would involve developing tools for teaching through p5.js, adding functions to animate shapes and exporting the animation in different formats (mp4 or webm). Main focus is to introduce a simple, easy to use library to animate and make scenes. This will also take advantage of p5.js core library - p5.sound.js for sound effects.
HTML 0.02%JavaScript 99.67%CSS 0.30%TypeScript 0.01%
p5-teach.js's Introduction
Hi ๐, I'm Aditya Siddheshwar
I am a research student at the Signal Processing and Communication Research Centre (SPCRC), IIIT Hyderabad. I love creating things related to math and science. My research interests include Coding Theory and Information Theory. I write about stuff I like at two-ticks.github.io.
p5-teach.js aims at improving accessibility for teachers. I discussed this with Dr. Ruben, Senior Instructor
Mechanical Engineering. I also discussed with other creators. Teacher in the discussion is someone who teaches at any level (not to be confused with profession). Teacher can be a professor or someone who build animation videos for YouTube or other plateform
Problems
The main problem for STEM teachers is installation and setup
They use MATLAB for visualizations and it is not easy to learn a new language considering their time constraints
They don't have access to proper documentation for animation engine for mathematics
They need transition and scenes but during installation and setup of animation engine (like manim), they get demotivated and get back to MATLAB
Visualizations they are using are not 'pretty'
STEM teachers need LaTeX for work but it is not flexible. For example they want to label graphs with maths symbols but it is not easy to do so
All STEM teachers are not coders. They don't want use software which is very tough to learn, as it will take some time and learning curve to get familiar
Summary
It should be easy to setup and must have ready-to-use examples
It should not be tough for a non-coder to learn
It should be pretty and support transitions
It should have documentation and examples for its functions
I would love to discuss implementations and other details.