до css

00130.объекты.js

@@ -4,7 +4,6 @@
         y: 100,
         ширина: 40,
         высота: 20,
-        цвет: "#ffffff",
         статика: true,
     },
     задано: {},
@@ -29,7 +28,7 @@
 
     сохранитьЗаданноеЗначение(имя, свойство, значение);
     пересоздатьТело(имя, свойство, значение);
-    обновитьЭлемент(имя, свойство, значение);
+    обновитьЭлемент(путь, имя, свойство, значение);
 });
 
 
@@ -92,8 +91,11 @@ function пересоздатьТело(имя, свойство, значени
     мир.объекты.тела[имя] = тело;
 }
 
-function обновитьЭлемент(имя, свойство, значение)
+function обновитьЭлемент(путь, имя, свойство, значение)
 {
+    var за = мир.объекты.задано[имя];
+    var ум = мир.объекты.умолчание;
+
     if (!(имя in мир.объекты.элементы))
     {
         var элемент = document.createElement("div");
@@ -102,11 +104,12 @@ function обновитьЭлемент(имя, свойство, значени
         элемент.style.transformOrigin = "center";
         document.body.appendChild(элемент);
         мир.объекты.элементы[имя] = элемент;
+        // Свойства по умолчанию.
+        элемент.style.width = `${ум.ширина}px`;
+        элемент.style.height = `${ум.высота}px`;
     }
 
     var элемент = мир.объекты.элементы[имя];
-    var за = мир.объекты.задано[имя];
-    var ум = мир.объекты.умолчание;
 
     if (свойство == "ширина")
     {
@@ -118,8 +121,8 @@ function обновитьЭлемент(имя, свойство, значени
         var высота = за["высота"] ? за["высота"] : ум["высота"];
         элемент.style.height = `${высота}px`;
     }
-    else if (свойство == "цвет")
+    else if (свойство == "css")
     {
-        элемент.style.backgroundColor = за["цвет"];
+        //элемент.style.background = за["фон"];
     }
 }

01300.пример.json.js

@@ -2,43 +2,23 @@
     заголовок: "К 0.10.0",
     объекты: {
         пол: {
-            x: 400,
-            y: 500,
-            ширина: 500,
-            высота: 50,
-            цвет: "#55005555",
+            x: 600,
+            y: 300,
+            ширина: 1000,
+            css: {
+                background: "url(р/отладка/основа.jpg) repeat-x",
+            },
         },
-        квадрат1: {
+        колобок: {
             x: 400,
-            y: 240,
-            ширина: 40,
-            высота: 20,
-            статика: false,
-            цвет: "#aaaaaa55",
-        },
-        квадрат2: {
-            x: 415,
-            y: 370,
-            ширина: 40,
-            высота: 20,
-            статика: false,
-            цвет: "#aaffaa55",
-        },
-        квадрат3: {
-            x: 320,
-            y: 220,
-            ширина: 40,
-            высота: 40,
-            статика: false,
-            цвет: "#ff5555",
-        },
-        квадрат4: {
-            x: 330,
-            y: 110,
-            ширина: 40,
-            высота: 40,
+            y: 150,
+            ширина: 60,
+            высота: 60,
             статика: false,
-            цвет: "#ff5555",
+            css: {
+                background: "url(р/колобок/колобок.png)",
+                backgroundSize: "content",
+            },
         },
     },
 });

р/колобок/анимации/колобок-анимации.autosave.scml

@@ -0,0 +1,53 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<spriter_data scml_version="1.0" generator="BrashMonkey Spriter" generator_version="r9">
+    <folder id="0">
+        <file id="0" name="колобок_вращение.png" width="70" height="70" pivot_x="0.5" pivot_y="0.5"/>
+        <file id="1" name="колобок_прыжок.png" width="56" height="90" pivot_x="0.5" pivot_y="0.357143"/>
+    </folder>
+    <entity id="0" name="колобок">
+        <animation id="0" name="крутится-прыгает" length="1500" interval="100">
+            <mainline>
+                <key id="0">
+                    <object_ref id="0" timeline="0" key="0" z_index="0"/>
+                </key>
+                <key id="1" time="200">
+                    <object_ref id="0" timeline="0" key="1" z_index="0"/>
+                </key>
+                <key id="2" time="400">
+                    <object_ref id="0" timeline="0" key="2" z_index="0"/>
+                </key>
+                <key id="3" time="600">
+                    <object_ref id="0" timeline="0" key="3" z_index="0"/>
+                </key>
+                <key id="4" time="800">
+                    <object_ref id="0" timeline="0" key="4" z_index="0"/>
+                </key>
+                <key id="5" time="1000">
+                    <object_ref id="0" timeline="1" key="0" z_index="0"/>
+                </key>
+            </mainline>
+            <timeline id="0" name="колобок_вращение">
+                <key id="0">
+                    <object folder="0" file="0" angle="0"/>
+                </key>
+                <key id="1" time="200">
+                    <object folder="0" file="0" angle="90"/>
+                </key>
+                <key id="2" time="400">
+                    <object folder="0" file="0" angle="180"/>
+                </key>
+                <key id="3" time="600">
+                    <object folder="0" file="0" angle="270"/>
+                </key>
+                <key id="4" time="800" spin="0">
+                    <object folder="0" file="0" angle="0"/>
+                </key>
+            </timeline>
+            <timeline id="1" name="колобок_прыжок">
+                <key id="0" time="1000" spin="0">
+                    <object folder="0" file="1"/>
+                </key>
+            </timeline>
+        </animation>
+    </entity>
+</spriter_data>

р/колобок/анимации/колобок-анимации.scml

@@ -0,0 +1,53 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<spriter_data scml_version="1.0" generator="BrashMonkey Spriter" generator_version="r9">
+    <folder id="0">
+        <file id="0" name="колобок_вращение.png" width="70" height="70" pivot_x="0.5" pivot_y="0.5"/>
+        <file id="1" name="колобок_прыжок.png" width="56" height="90" pivot_x="0.5" pivot_y="0.357143"/>
+    </folder>
+    <entity id="0" name="колобок">
+        <animation id="0" name="крутится-прыгает" length="1500" interval="100">
+            <mainline>
+                <key id="0">
+                    <object_ref id="0" timeline="0" key="0" z_index="0"/>
+                </key>
+                <key id="1" time="200">
+                    <object_ref id="0" timeline="0" key="1" z_index="0"/>
+                </key>
+                <key id="2" time="400">
+                    <object_ref id="0" timeline="0" key="2" z_index="0"/>
+                </key>
+                <key id="3" time="600">
+                    <object_ref id="0" timeline="0" key="3" z_index="0"/>
+                </key>
+                <key id="4" time="800">
+                    <object_ref id="0" timeline="0" key="4" z_index="0"/>
+                </key>
+                <key id="5" time="1000">
+                    <object_ref id="0" timeline="1" key="0" z_index="0"/>
+                </key>
+            </mainline>
+            <timeline id="0" name="колобок_вращение">
+                <key id="0">
+                    <object folder="0" file="0" angle="0"/>
+                </key>
+                <key id="1" time="200">
+                    <object folder="0" file="0" angle="90"/>
+                </key>
+                <key id="2" time="400">
+                    <object folder="0" file="0" angle="180"/>
+                </key>
+                <key id="3" time="600">
+                    <object folder="0" file="0" angle="270"/>
+                </key>
+                <key id="4" time="800" spin="0">
+                    <object folder="0" file="0" angle="0"/>
+                </key>
+            </timeline>
+            <timeline id="1" name="колобок_прыжок">
+                <key id="0" time="1000" spin="0">
+                    <object folder="0" file="1"/>
+                </key>
+            </timeline>
+        </animation>
+    </entity>
+</spriter_data>