https://github.com/itzterra/dplab

Double pendulum simulation/artistic tool in your browser
https://github.com/itzterra/dplab

bootstrap5 javascript-applications p5js simulation vuejs

Last synced: 4 months ago
JSON representation

Double pendulum simulation/artistic tool in your browser

• Host: GitHub
• URL: https://github.com/itzterra/dplab
• Owner: itzTerra
• License: gpl-3.0
• Created: 2022-08-21T20:08:32.000Z (almost 4 years ago)
• Default Branch: main
• Last Pushed: 2024-03-31T20:37:07.000Z (about 2 years ago)
• Last Synced: 2024-03-31T21:22:34.453Z (about 2 years ago)
• Topics: bootstrap5, javascript-applications, p5js, simulation, vuejs
• Language: JavaScript
• Homepage: https://itzterra.github.io/DPLab/
• Size: 121 KB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: readme.md
  • License: LICENSE

Awesome Lists containing this project

README

          
# [Double Pendulum Lab](https://itzterra.github.io/DPLab/)

A tool that can simulate double pendulums (and simple pendulums!) with **tons of customization**.  

It's primary purpose is **art** and **fun**, although the simulation is ***fairly* accurate** (computed with the Runge-Kutta method).   

The input constraints are lenient -- if you feed the simulator crazy numbers, it ***will*** break!  

> ***Tip**: Save the settings you don't want to lose as a preset before experimenting.*

### Features

- Generate as many pendulums as your computer can handle

- Single Pendulum support (by setting 2nd bob's Mass to zero)

- Configure the *Simulation Speed*, *Damping*, *Gravity* and *Mode* of each system

- Manage the *Mass*, *Angle*, *Velocity*, *Radius* and *Color* of each bob

- Customize the *Length*, *Width* and *Color* of rods and trails!

- Customizable Canvas with:

  - Pause button

  - Pan and zoom

  - Fullscreen mode

  - Capture the moment with *Right-Click -> Save image as...*

### Tips & Tricks

- Change all colors of a DP at once using the square on the left of the dropdown-header 

- Set some opacity to the Canvas background color for cool phasing effect. 

  > *It has some side-effects - you can set it back to opaque color to get rid of them.*

- The presets use JSON, so you can create cool stuff (that would be really hard to do by hand) with basic programming, e.g. random colors or gradual lengths.

- You can use optimized single pendulum math by setting all *Mass*, *Bob radius*, *Rod width* and *Trail width* of Part 2 to zero.

### Made with:

- Vue 3 reactivity

- p5.js rendering

- Bootstrap 5 styles

- Spectrum color pickers