Applied character transform correctly

This commit is contained in:
p11 2025-07-21 10:54:48 +02:00
parent 1309ac06b2
commit 447df9d9ea

View File

@ -23,9 +23,22 @@ fn render_scene(settings: &PlayerSettings, name: &str) -> Markup {
@for object in &settings.objects.objects { @for object in &settings.objects.objects {
@if let Some(image_set) = object.image.get(name) { @if let Some(image_set) = object.image.get(name) {
@for image in &settings.images.images[image_set] { @for image in &settings.images.images[image_set] {
@if let Some(image_path) = image.get_ref(name) { @if let (Some(image_path), hor, ver, scale) = (
image.get_ref(name),
object.hor.get(name),
object.ver.get(name),
object.scale.get(name)
) {
@if !image_path.is_empty() {
figure .scene-image { figure .scene-image {
img src=(image_path) alt=""; img src=(image_path) alt=""
style=(format!(
"left: {}%; top: {}%; transform: translate(-50%, -50%) scale({});",
(hor + 8.0) * 100.0 / 16.0,
(ver + 4.5) * 100.0 / 9.0,
scale
));
}
} }
} }
} }
@ -202,9 +215,10 @@ fn global_styles() -> Markup {
width: auto; width: auto;
object-fit: contain; object-fit: contain;
position: absolute; position: absolute;
top: 0;
left: 50%; left: 50%;
transform: translateX(-50%); top: 50%;
transform-origin: center center;
transition: transform 0.3s ease;
}"; }";
const TEXTBOX_STYLES: &str = r" const TEXTBOX_STYLES: &str = r"