Applied character transform correctly
This commit is contained in:
parent
1309ac06b2
commit
447df9d9ea
22
src/vn.rs
22
src/vn.rs
@ -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"
|
||||||
|
|||||||
Loading…
Reference in New Issue
Block a user