yair/walkersim
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

better readme

Browse Source
This commit is contained in:
Ariel R.E.L
2026-02-17 14:10:37 +02:00
parent d54d1f390e
commit 29576fb38b
4 changed files with 76 additions and 70 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
README.md
View File

@@ -1,6 +1,8 @@
# Walker Linkage Web Simulator
2D + 3D browser simulator of the walker linkage from [`linkage.svg`](linkage.svg), implemented with HTML Canvas for the top pane and Three.js for the lower pane.
2D + 3D browser simulator of the walker linkage from [`linkage.svg`](linkage.svg), implemented with HTML Canvas for the top pane and Three.js for the lower pane.
![](Screenshot.png)
## Features

BIN
Screenshot.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 126 KiB

BIN
linkage.png
View File

Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 8.9 KiB

After

Width:  |  Height:  |  Size: 10 KiB

142
linkage.svg
View File

@@ -2,9 +2,9 @@
<!-- Created with Inkscape (http://www.inkscape.org/) -->
<svg
width="210mm"
height="297mm"
viewBox="0 0 210 297"
width="65mm"
height="55mm"
viewBox="0 0 65 55"
version="1.1"
id="svg1"
inkscape:version="1.4.3 (1:1.4.3+202512261034+0d15f75042)"
@@ -23,9 +23,9 @@
inkscape:pagecheckerboard="1"
inkscape:deskcolor="#d1d1d1"
inkscape:document-units="mm"
inkscape:zoom="1.8545086"
inkscape:cx="424.64079"
inkscape:cy="575.8938"
inkscape:zoom="1.3113356"
inkscape:cx="140.69625"
inkscape:cy="167.0053"
inkscape:window-width="1920"
inkscape:window-height="939"
inkscape:window-x="0"
@@ -44,68 +44,72 @@
cx="56.494564"
cy="83.531242"
r="0.35553744" />
<path
style="fill:#ffff00;stroke:#ea0000;stroke-width:1.46196;stroke-linecap:butt;stroke-linejoin:miter;stroke-dasharray:none;stroke-opacity:1"
d="m 76.908094,129.49218 62.329346,-0.18039"
id="path6" />
<circle
style="vector-effect:non-scaling-stroke;fill:#00ff00;stroke:#000000;stroke-width:0.264583;stroke-linecap:round;-inkscape-stroke:hairline;fill-opacity:1"
id="path4"
cx="108.00143"
cy="129.68732"
r="7.5615273" />
<path
style="fill:none;stroke:#000000;stroke-width:2.065;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1;stroke-dasharray:none"
d="m 138.39021,129.82999 -15.55107,23.25527"
id="path5"
sodipodi:nodetypes="cc" />
<path
style="fill:none;stroke:#000000;stroke-width:2.065;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1;stroke-dasharray:none"
d="m 78.020758,129.82999 14.267025,24.25396"
id="path5-6"
sodipodi:nodetypes="cc" />
<path
style="fill:none;stroke:#000000;stroke-width:2.065;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1;stroke-dasharray:none"
d="m 107.94338,134.611 30.26495,38.3356"
id="path3" />
<path
style="fill:none;stroke:#000000;stroke-width:2.065;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1;stroke-dasharray:none"
d="M 107.60635,134.75368 77.341405,173.08926"
id="path3-3" />
<ellipse
style="fill:#ffff00;fill-opacity:1;stroke:none;stroke-width:1.565;stroke-linecap:butt;stroke-linejoin:miter;stroke-dasharray:none;stroke-opacity:1"
id="path9"
cx="78.468674"
cy="129.90132"
rx="1.7120439"
ry="1.6407087" />
<ellipse
style="fill:#ffff00;fill-opacity:1;stroke:none;stroke-width:1.565;stroke-linecap:butt;stroke-linejoin:miter;stroke-dasharray:none;stroke-opacity:1"
id="path9-2"
cx="137.85054"
cy="130.12675"
rx="1.7120439"
ry="1.6407087" />
<ellipse
style="fill:#ffff00;fill-opacity:1;stroke:none;stroke-width:1.565;stroke-linecap:butt;stroke-linejoin:miter;stroke-dasharray:none;stroke-opacity:1"
id="path9-2-3"
cx="123.05698"
cy="152.69731"
rx="1.7120439"
ry="1.6407087" />
<ellipse
style="fill:#ffff00;fill-opacity:1;stroke:none;stroke-width:1.565;stroke-linecap:butt;stroke-linejoin:miter;stroke-dasharray:none;stroke-opacity:1"
id="path9-2-31"
cx="107.73979"
cy="134.64543"
rx="1.7120439"
ry="1.6407087" />
<ellipse
style="fill:#ffff00;fill-opacity:1;stroke:none;stroke-width:1.565;stroke-linecap:butt;stroke-linejoin:miter;stroke-dasharray:none;stroke-opacity:1"
id="path9-2-4"
cx="91.864792"
cy="153.45453"
rx="1.7120439"
ry="1.6407087" />
<g
id="g1"
transform="translate(-75.546799,-120.28157)">
<path
style="fill:#ffff00;stroke:#ea0000;stroke-width:1.46196;stroke-linecap:butt;stroke-linejoin:miter;stroke-dasharray:none;stroke-opacity:1"
d="m 76.908094,129.49218 62.329346,-0.18039"
id="path6" />
<circle
style="vector-effect:non-scaling-stroke;fill:#00ff00;fill-opacity:1;stroke:#000000;stroke-width:0.264583;stroke-linecap:round;-inkscape-stroke:hairline"
id="path4"
cx="108.00143"
cy="129.68732"
r="7.5615273" />
<path
style="fill:none;stroke:#000000;stroke-width:2.065;stroke-linecap:butt;stroke-linejoin:miter;stroke-dasharray:none;stroke-opacity:1"
d="m 138.39021,129.82999 -15.55107,23.25527"
id="path5"
sodipodi:nodetypes="cc" />
<path
style="fill:none;stroke:#000000;stroke-width:2.065;stroke-linecap:butt;stroke-linejoin:miter;stroke-dasharray:none;stroke-opacity:1"
d="m 78.020758,129.82999 14.267025,24.25396"
id="path5-6"
sodipodi:nodetypes="cc" />
<path
style="fill:none;stroke:#000000;stroke-width:2.065;stroke-linecap:butt;stroke-linejoin:miter;stroke-dasharray:none;stroke-opacity:1"
d="m 107.94338,134.611 30.26495,38.3356"
id="path3" />
<path
style="fill:none;stroke:#000000;stroke-width:2.065;stroke-linecap:butt;stroke-linejoin:miter;stroke-dasharray:none;stroke-opacity:1"
d="M 107.60635,134.75368 77.341405,173.08926"
id="path3-3" />
<ellipse
style="fill:#ffff00;fill-opacity:1;stroke:none;stroke-width:1.565;stroke-linecap:butt;stroke-linejoin:miter;stroke-dasharray:none;stroke-opacity:1"
id="path9"
cx="78.468674"
cy="129.90132"
rx="1.7120439"
ry="1.6407087" />
<ellipse
style="fill:#ffff00;fill-opacity:1;stroke:none;stroke-width:1.565;stroke-linecap:butt;stroke-linejoin:miter;stroke-dasharray:none;stroke-opacity:1"
id="path9-2"
cx="137.85054"
cy="130.12675"
rx="1.7120439"
ry="1.6407087" />
<ellipse
style="fill:#ffff00;fill-opacity:1;stroke:none;stroke-width:1.565;stroke-linecap:butt;stroke-linejoin:miter;stroke-dasharray:none;stroke-opacity:1"
id="path9-2-3"
cx="123.05698"
cy="152.69731"
rx="1.7120439"
ry="1.6407087" />
<ellipse
style="fill:#ffff00;fill-opacity:1;stroke:none;stroke-width:1.565;stroke-linecap:butt;stroke-linejoin:miter;stroke-dasharray:none;stroke-opacity:1"
id="path9-2-31"
cx="107.73979"
cy="134.64543"
rx="1.7120439"
ry="1.6407087" />
<ellipse
style="fill:#ffff00;fill-opacity:1;stroke:none;stroke-width:1.565;stroke-linecap:butt;stroke-linejoin:miter;stroke-dasharray:none;stroke-opacity:1"
id="path9-2-4"
cx="91.864792"
cy="153.45453"
rx="1.7120439"
ry="1.6407087" />
</g>
</g>
</svg>
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 4.1 KiB

After

Width:  |  Height:  |  Size: 4.3 KiB