HSH
/
cg1-visualisations
mirror of https://gitlab.gwdg.de/lernanwendungen/cg1/cg1_tut_mdi.git
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

add model matrix in UI (not functional)

This commit is contained in:
Luca Conte 2025-05-10 14:05:06 +02:00
parent 5d99d16aa4
commit 22e3e94d8a
1 changed files with 27 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

28
public/index.html
View File

@ -75,7 +75,7 @@
#matrices { #matrices {
display: grid; display: grid;
grid-template-columns: 0px 1fr 0px 1fr 0px 1fr 0px 1fr 0px 1fr 0px 1fr 0px; grid-template-columns: repeat(8, 0px 1fr) 0px;
grid-gap: var(--padding); grid-gap: var(--padding);
padding-left: var(--padding); padding-left: var(--padding);
padding-right: var(--padding); padding-right: var(--padding);
@ -121,6 +121,10 @@
.lookAt { .lookAt {
color: #a6e3a1; color: #a6e3a1;
} }
.model {
color: #89b4fa;
}
</style> </style>
</head> </head>
<body> <body>
@ -206,6 +210,28 @@
\end{pmatrix} \end{pmatrix}
$$ $$
</div> </div>
<span>$$\dot{}$$</span>
<div class="matrix model">
$$
\begin{pmatrix}
cos(\alpha) & -sin(\alpha) & 0 & 0 \\
sin(\alpha) & cos(\alpha) & 0 & 0 \\
0 & 0 & 1 & 0 \\
0 & 0 & 0 & 1
\end{pmatrix}
$$
</div>
<span>$$\dot{}$$</span>
<div class="matrix model">
$$
\begin{pmatrix}
s_x & 0 & 0 & 0 \\
0 & s_y & 0 & 0 \\
0 & 0 & s_z & 0 \\
0 & 0 & 0 & 1
\end{pmatrix}
$$
</div>
<span></span> <span></span>
</div> </div>
<input id="interpolate" type="range" min="0" max="6" step="0.05" value="6" autocomplete="off" list="steplist"> <input id="interpolate" type="range" min="0" max="6" step="0.05" value="6" autocomplete="off" list="steplist">