From fdf2adf3c9904131ca7408a2f22916351a31a406 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?BENEDEK=20L=C3=A1szl=C3=B3?= <lacbenedek@gmail.com>
Date: Tue, 8 Oct 2024 15:24:48 +0200
Subject: [PATCH] lights, shadows

---
 BenedekLaszlo_IH1RZJ.html | 105 +++--
 scene.json                | 962 +++++++++++++++++++-------------------
 2 files changed, 541 insertions(+), 526 deletions(-)

diff --git a/BenedekLaszlo_IH1RZJ.html b/BenedekLaszlo_IH1RZJ.html
index 82a6484..8e920d0 100644
--- a/BenedekLaszlo_IH1RZJ.html
+++ b/BenedekLaszlo_IH1RZJ.html
@@ -10,7 +10,8 @@
     {
       "imports": {
         "three": "./js-r167/build/three.module.min.js",
-        "TrackballControls": "./js-r167/examples/jsm/controls/TrackballControls.js"
+        "TrackballControls": "./js-r167/examples/jsm/controls/TrackballControls.js",
+        "OBJLoader": "./js-r167/examples/jsm/loaders/OBJLoader.js"
       }
     }
   </script>
@@ -35,11 +36,16 @@
   <script type="module">
     import * as THREE from "three";
     import { TrackballControls } from "TrackballControls";
+    import { OBJLoader } from "OBJLoader";
 
     class SceneLoader {
       static FromJson(data) {
         let _scene = new THREE.Scene();
 
+        let geometries = {};
+        let materials = {};
+        let objects = {};
+
         const geometryTypes = {
           "CircleGeometry": THREE.CircleGeometry,
           "PlaneGeometry": THREE.PlaneGeometry,
@@ -51,13 +57,12 @@
         };
 
         const materialTypes = {
-          "MeshBasicMaterial": THREE.MeshBasicMaterial
+          "MeshBasicMaterial": THREE.MeshBasicMaterial,
+          "MeshLambertMaterial": THREE.MeshLambertMaterial,
+          "MeshPhongMaterial": THREE.MeshPhongMaterial,
+          "MeshStandardMaterial": THREE.MeshStandardMaterial
         };
 
-        let geometries = {};
-        let materials = {};
-        let meshes = {};
-
         for (let [key, value] of Object.entries(data.geometries)) {
           geometries[key] = new geometryTypes[value.type](...value.options);
         }
@@ -66,39 +71,70 @@
           materials[key] = new materialTypes[value.type](value.options);
         }
 
-        function createMesh(data) {
-          let mesh;
+        function createObject(data, name) {
+          const objectConstructors = {
+            "empty": data => new THREE.Object3D(),
+            "Mesh": data => new THREE.Mesh(geometries[data.geometry], materials[data.material]),
+            "LineSegments": data => new THREE.LineSegments(geometries[data.geometry], materials[data.material]),
+
+            "AmbientLight": data => new THREE.AmbientLight(data.color ? data.color : 0xffffff, data.intensity ? data.intensity : 1),
+            "PointLight": data => {
+              let object = new THREE.PointLight(data.color ? data.color : 0xffffff, data.intensity ? data.intensity : 1);
+              object.distance = data.distance ? data.distance : 100;
+              return object;
+            },
+            "SpotLight": data => {
+              let object = new THREE.SpotLight(data.color ? data.color : 0xffffff, data.intensity ? data.intensity : 1);
+              object.angle = data.angle ? data.angle : 45;
+              if (data.position) object.position.set(...data.position);
+              object.target = objects[data.target];
+              object.distance = data.distance ? data.distance : 100;
+              return object;
+            },
+            "DirectionalLight": data => {
+              let object = new THREE.DirectionalLight(data.color ? data.color : 0xffffff, data.intensity ? data.intensity : 1);
+              if (data.position) object.position.set(...data.position);
+              object.target = objects[data.target];
+              object.distance = data.distance ? data.distance : 100;
+              object.shadow.camera.left = -50;
+              object.shadow.camera.right = 50;
+              object.shadow.camera.bottom = -50;
+              object.shadow.camera.top = 50;
+              return object;
+            },
+            "HemisphereLight": data => new THREE.HemisphereLight(data.color ? data.color : 0xffffff, data.groundColor ? data.groundColor : 0x00ff00, data.intensity ? data.intensity : 1),
+
+            "PointLightHelper": data => new THREE.PointLightHelper(objects[data.target], data.sphereSize ? data.sphereSize : 5),
+            "SpotLightHelper": data => new THREE.SpotLightHelper(objects[data.target]),
+            "DirectionalLightHelper": data => new THREE.DirectionalLightHelper(objects[data.target], data.planeSize ? data.planeSize : 10),
+            "HemisphereLightHelper": data => new THREE.HemisphereLightHelper(objects[data.target], data.sphereSize ? data.sphereSize : 5),
+            "AxesHelper": data => new THREE.AxesHelper(data.helperSize ? data.helperSize : 10),
+            "ArrowHelper": data => new THREE.ArrowHelper(...(data.direction ? data.direction : [1, 0, 0]), ...(data.origin ? data.origin : [0, 0, 0]), data.length ? data.length : 10, data.color ? data.color : 0xff00ff),
+            "ShadowCameraHelper": data => new THREE.CameraHelper(objects[data.target].shadow.camera),
+          };
+
+          // create object
           let type = data.type ? data.type : "Mesh";
+          let object = (objects[name] = objectConstructors[type](data));
 
-          switch (type) {
-            case "empty":
-              mesh = new THREE.Object3D();
-              break;
-            case "Mesh":
-              mesh = new THREE.Mesh(geometries[data.geometry], materials[data.material]);
-              break;
-            case "LineSegments":
-              mesh = new THREE.LineSegments(geometries[data.geometry], materials[data.material]);
-              break;
-            default:
-              throw "unknown mesh type";
-          }
-
-          if (data.position) mesh.position.set(...data.position);
-          if (data.rotation) mesh.rotation.set(...Array.from(data.rotation, x => THREE.MathUtils.degToRad(x)));
-          if (data.scale) mesh.scale.set(...data.scale);
+          if (data.position) object.position.set(...data.position);
+          if (data.rotation) object.rotation.set(...Array.from(data.rotation, x => THREE.MathUtils.degToRad(x)));
+          if (data.scale) object.scale.set(...data.scale);
+          if (data.castShadow) object.castShadow = data.castShadow;
+          if (data.receiveShadow) object.receiveShadow = data.receiveShadow;
 
+          // add children to parent
           if (data.children) {
             for (let [key, value] of Object.entries(data.children)) {
-              mesh.add(createMesh(value));
+              object.add(createObject(value, key));
             }
           }
 
-          return mesh;
+          return object;
         }
 
-        for (let [key, value] of Object.entries(data.meshes)) {
-          _scene.add(meshes[key] = createMesh(value));
+        for (let [key, value] of Object.entries(data.objects)) {
+          _scene.add(createObject(value, key));
         }
 
         return _scene;
@@ -106,18 +142,21 @@
     };
 
     const fov = 75;
-    const near = 0.01;
-    const far = 1000;
+    const near = 0.1;
+    const far = 10000;
     const rotateSpeed = 5.0;
     const panSpeed = 1.0;
 
+    const loop = true;
+
     let canvas, renderer, scene, camera, controls;
 
-    init().then(animate());
+    init().then(loop && animate());
 
     async function init() {
       canvas = document.querySelector("#canvas");
       renderer = new THREE.WebGLRenderer({ antialias: true, canvas: canvas, alpha: true });
+      renderer.shadowMap.enabled = true;
       renderer.setSize(window.innerWidth, window.innerHeight);
       renderer.setClearColor(0xadadad);
 
@@ -134,6 +173,8 @@
         .then((json) => SceneLoader.FromJson(json));
 
       window.addEventListener("resize", handleWindowResize, false);
+
+      render();
     }
 
     function handleWindowResize() {
diff --git a/scene.json b/scene.json
index e62971d..725e9b6 100644
--- a/scene.json
+++ b/scene.json
@@ -1,5 +1,12 @@
 {
   "geometries": {
+    "ground": {
+      "type": "PlaneGeometry",
+      "options": [
+        200,
+        200
+      ]
+    },
     "feet": {
       "type": "BoxGeometry",
       "options": [
@@ -105,10 +112,10 @@
       }
     },
     "black": {
-      "type": "MeshBasicMaterial",
+      "type": "MeshStandardMaterial",
       "options": {
         "color": "rgb(0, 0, 0)",
-        "wireframe": false
+        "roughness": 0.1
       }
     },
     "white_frame": {
@@ -119,531 +126,418 @@
       }
     },
     "skin": {
-      "type": "MeshBasicMaterial",
+      "type": "MeshStandardMaterial",
       "options": {
         "color": "rgb(246, 215, 179)",
-        "wireframe": false
+        "roughness": 0.6
+      }
+    },
+    "ground": {
+      "type": "MeshStandardMaterial",
+      "options": {
+        "color": "rgb(94, 85, 56)",
+        "roughness": 0.8
       }
     }
   },
-  "meshes": {
-    "hip": {
-      "geometry": "hip",
-      "material": "black",
+  "objects": {
+    "batman": {
       "children": {
-        "hip_wireframe": {
-          "type": "LineSegments",
+        "hip": {
+          "castShadow": true,
           "geometry": "hip",
-          "material": "white_frame"
-        },
-        "r_thigh": {
-          "geometry": "thigh",
           "material": "black",
-          "position": [
-            -3.57,
-            -3,
-            0
-          ],
-          "rotation": [
-            0,
-            0,
-            90
-          ],
-          "scale": [
-            1,
-            0.9,
-            1
-          ],
           "children": {
-            "r_thigh_wireframe": {
-              "type": "LineSegments",
+            "r_thigh": {
+              "castShadow": true,
               "geometry": "thigh",
-              "material": "white_frame"
-            },
-            "r_leg": {
-              "geometry": "leg",
               "material": "black",
               "position": [
-                -4.15,
-                0,
-                -0.2
-              ],
-              "rotation": [
-                0,
-                0,
-                -90
-              ],
-              "children": {
-                "r_leg_wireframe": {
-                  "type": "LineSegments",
-                  "geometry": "leg",
-                  "material": "white_frame"
-                },
-                "r_feet": {
-                  "geometry": "feet",
-                  "material": "black",
-                  "position": [
-                    0,
-                    -5.75,
-                    1.125
-                  ],
-                  "children": {
-                    "r_feet_wireframe": {
-                      "type": "LineSegments",
-                      "geometry": "feet",
-                      "material": "white_frame"
-                    }
-                  }
-                }
-              }
-            }
-          }
-        },
-        "l_thigh": {
-          "geometry": "thigh",
-          "material": "black",
-          "position": [
-            3.57,
-            -3,
-            0
-          ],
-          "rotation": [
-            0,
-            0,
-            90
-          ],
-          "scale": [
-            1,
-            0.9,
-            1
-          ],
-          "children": {
-            "l_thigh_wireframe": {
-              "type": "LineSegments",
-              "geometry": "thigh",
-              "material": "white_frame"
-            },
-            "l_leg": {
-              "geometry": "leg",
-              "material": "black",
-              "position": [
-                -4.15,
-                0,
-                -0.2
-              ],
-              "rotation": [
-                0,
-                0,
-                -90
-              ],
-              "children": {
-                "l_leg_wireframe": {
-                  "type": "LineSegments",
-                  "geometry": "leg",
-                  "material": "white_frame"
-                },
-                "l_feet": {
-                  "geometry": "feet",
-                  "material": "black",
-                  "position": [
-                    0,
-                    -5.75,
-                    1.125
-                  ],
-                  "children": {
-                    "l_feet_wireframe": {
-                      "type": "LineSegments",
-                      "geometry": "feet",
-                      "material": "white_frame"
-                    }
-                  }
-                }
-              }
-            }
-          }
-        },
-        "spine": {
-          "type": "empty",
-          "children": {
-            "r_shoulder": {
-              "geometry": "arm_joint",
-              "material": "black",
-              "position": [
-                -6.8,
-                9.5,
+                -3.57,
+                -3,
                 0
               ],
               "rotation": [
                 0,
                 0,
-                -20
+                90
               ],
-              "children": {
-                "r_shoulder_wireframe": {
-                  "type": "LineSegments",
-                  "geometry": "arm_joint",
-                  "material": "white_frame"
-                },
-                "r_upper_arm": {
-                  "geometry": "arm",
-                  "material": "black",
-                  "position": [
-                    0,
-                    -2.75,
-                    0
-                  ],
-                  "children": {
-                    "r_upper_arm_wireframe": {
-                      "type": "LineSegments",
-                      "geometry": "arm",
-                      "material": "white_frame"
-                    },
-                    "r_elbow": {
-                      "geometry": "arm_joint",
-                      "material": "black",
-                      "position": [
-                        0,
-                        -2.75,
-                        0
-                      ],
-                      "rotation": [
-                        -30,
-                        0,
-                        0
-                      ],
-                      "children": {
-                        "r_elbow_wireframe": {
-                          "type": "LineSegments",
-                          "geometry": "arm_joint",
-                          "material": "white_frame"
-                        },
-                        "r_lower_arm": {
-                          "geometry": "arm",
-                          "material": "black",
-                          "position": [
-                            0,
-                            -2.75,
-                            0
-                          ],
-                          "children": {
-                            "r_lower_arm_wireframe": {
-                              "type": "LineSegments",
-                              "geometry": "arm",
-                              "material": "white_frame"
-                            },
-                            "r_wrist_helper": {
-                              "type": "empty",
-                              "position": [
-                                0,
-                                -3,
-                                0
-                              ],
-                              "children": {
-                                "r_hand": {
-                                  "geometry": "hand",
-                                  "material": "black",
-                                  "position": [
-                                    0,
-                                    -2.4,
-                                    0
-                                  ],
-                                  "rotation": [
-                                    0,
-                                    0,
-                                    -36
-                                  ],
-                                  "scale": [
-                                    1,
-                                    1,
-                                    9
-                                  ],
-                                  "children": {
-                                    "r_hand_wireframe": {
-                                      "type": "LineSegments",
-                                      "geometry": "hand",
-                                      "material": "white_frame"
-                                    }
-                                  }
-                                },
-                                "r_wrist": {
-                                  "geometry": "arm",
-                                  "material": "black",
-                                  "scale": [
-                                    0.5,
-                                    0.25,
-                                    0.5
-                                  ],
-                                  "children": {
-                                    "r_wrist_wireframe": {
-                                      "type": "LineSegments",
-                                      "geometry": "arm",
-                                      "material": "white_frame"
-                                    }
-                                  }
-                                }
-                              }
-                            }
-                          }
-                        }
-                      }
-                    }
-                  }
-                }
-              }
-            },
-            "l_shoulder": {
-              "geometry": "arm_joint",
-              "material": "black",
-              "position": [
-                6.8,
-                9.5,
-                0
-              ],
-              "rotation": [
-                0,
-                0,
-                20
-              ],
-              "children": {
-                "l_shoudler_wireframe": {
-                  "type": "LineSegments",
-                  "geometry": "arm_joint",
-                  "material": "white_frame"
-                },
-                "l_upper_arm": {
-                  "geometry": "arm",
-                  "material": "black",
-                  "position": [
-                    0,
-                    -2.75,
-                    0
-                  ],
-                  "children": {
-                    "l_upper_arm_wireframe": {
-                      "type": "LineSegments",
-                      "geometry": "arm",
-                      "material": "white_frame"
-                    },
-                    "l_elbow": {
-                      "geometry": "arm_joint",
-                      "material": "black",
-                      "position": [
-                        0,
-                        -2.75,
-                        0
-                      ],
-                      "rotation": [
-                        -30,
-                        0,
-                        0
-                      ],
-                      "children": {
-                        "l_elbow_wireframe": {
-                          "type": "LineSegments",
-                          "geometry": "arm_joint",
-                          "material": "white_frame"
-                        },
-                        "l_lower_arm": {
-                          "geometry": "arm",
-                          "material": "black",
-                          "position": [
-                            0,
-                            -2.75,
-                            0
-                          ],
-                          "children": {
-                            "l_lower_arm_wireframe": {
-                              "type": "LineSegments",
-                              "geometry": "arm",
-                              "material": "white_frame"
-                            },
-                            "r_wrist_helper": {
-                              "type": "empty",
-                              "position": [
-                                0,
-                                -3,
-                                0
-                              ],
-                              "children": {
-                                "l_hand": {
-                                  "geometry": "hand",
-                                  "material": "black",
-                                  "position": [
-                                    0,
-                                    -2.4,
-                                    0
-                                  ],
-                                  "rotation": [
-                                    0,
-                                    0,
-                                    -36
-                                  ],
-                                  "scale": [
-                                    1,
-                                    1,
-                                    9
-                                  ],
-                                  "children": {
-                                    "l_hand_wireframe": {
-                                      "type": "LineSegments",
-                                      "geometry": "hand",
-                                      "material": "white_frame"
-                                    }
-                                  }
-                                },
-                                "l_wrist": {
-                                  "geometry": "arm",
-                                  "material": "black",
-                                  "scale": [
-                                    0.5,
-                                    0.25,
-                                    0.5
-                                  ],
-                                  "children": {
-                                    "l_wrist_wireframe": {
-                                      "type": "LineSegments",
-                                      "geometry": "arm",
-                                      "material": "white_frame"
-                                    }
-                                  }
-                                }
-                              }
-                            }
-                          }
-                        }
-                      }
-                    }
-                  }
-                }
-              }
-            },
-            "neck": {
-              "geometry": "neck",
-              "material": "skin",
-              "position": [
-                0,
-                19.05,
-                0
-              ],
-              "children": {
-                "neck_wireframe": {
-                  "type": "LineSegments",
-                  "geometry": "neck",
-                  "material": "white_frame"
-                },
-                "head": {
-                  "geometry": "head",
-                  "material": "skin",
-                  "children": {
-                    "head_wireframe": {
-                      "type": "LineSegments",
-                      "geometry": "head",
-                      "material": "white_frame"
-                    }
-                  }
-                },
-                "chin": {
-                  "geometry": "head_border",
-                  "material": "skin",
-                  "position": [
-                    0,
-                    -3.5,
-                    0
-                  ],
-                  "rotation": [
-                    90,
-                    0,
-                    0
-                  ],
-                  "children": {
-                    "chin_wireframe": {
-                      "type": "LineSegments",
-                      "geometry": "head_border",
-                      "material": "white_frame"
-                    },
-                    "head_cap_bottom": {
-                      "geometry": "head_cap",
-                      "material": "skin",
-                      "position": [
-                        0,
-                        0,
-                        1
-                      ],
-                      "children": {
-                        "head_cap_bottom_wireframe": {
-                          "type": "LineSegments",
-                          "geometry": "head_cap",
-                          "material": "white_frame"
-                        }
-                      }
-                    }
-                  }
-                },
-                "scalp": {
-                  "geometry": "head_border",
-                  "material": "skin",
-                  "position": [
-                    0,
-                    3.5,
-                    0
-                  ],
-                  "rotation": [
-                    90,
-                    0,
-                    0
-                  ],
-                  "children": {
-                    "scalp_wireframe": {
-                      "type": "LineSegments",
-                      "geometry": "head_border",
-                      "material": "white_frame"
-                    },
-                    "head_cap_top": {
-                      "geometry": "head_cap",
-                      "material": "skin",
-                      "position": [
-                        0,
-                        0,
-                        -1
-                      ],
-                      "children": {
-                        "head_cap_top_wireframe": {
-                          "type": "LineSegments",
-                          "geometry": "head_cap",
-                          "material": "white_frame"
-                        }
-                      }
-                    }
-                  }
-                }
-              }
-            },
-            "body_helper": {
-              "type": "empty",
               "scale": [
                 1,
-                1,
-                0.55087719298
+                0.9,
+                1
               ],
               "children": {
-                "body": {
-                  "geometry": "body",
+                "r_leg": {
+                  "castShadow": true,
+                  "geometry": "leg",
                   "material": "black",
                   "position": [
+                    -4.15,
                     0,
-                    7.15,
+                    -0.2
+                  ],
+                  "rotation": [
+                    0,
+                    0,
+                    -90
+                  ],
+                  "children": {
+                    "r_feet": {
+                      "castShadow": true,
+                      "geometry": "feet",
+                      "material": "black",
+                      "position": [
+                        0,
+                        -5.75,
+                        1.125
+                      ]
+                    }
+                  }
+                }
+              }
+            },
+            "l_thigh": {
+              "castShadow": true,
+              "geometry": "thigh",
+              "material": "black",
+              "position": [
+                3.57,
+                -3,
+                0
+              ],
+              "rotation": [
+                0,
+                0,
+                90
+              ],
+              "scale": [
+                1,
+                0.9,
+                1
+              ],
+              "children": {
+                "l_leg": {
+                  "castShadow": true,
+                  "geometry": "leg",
+                  "material": "black",
+                  "position": [
+                    -4.15,
+                    0,
+                    -0.2
+                  ],
+                  "rotation": [
+                    0,
+                    0,
+                    -90
+                  ],
+                  "children": {
+                    "l_feet": {
+                      "castShadow": true,
+                      "geometry": "feet",
+                      "material": "black",
+                      "position": [
+                        0,
+                        -5.75,
+                        1.125
+                      ]
+                    }
+                  }
+                }
+              }
+            },
+            "spine": {
+              "type": "empty",
+              "children": {
+                "r_shoulder": {
+                  "castShadow": true,
+                  "geometry": "arm_joint",
+                  "material": "black",
+                  "position": [
+                    -6.8,
+                    9.5,
                     0
                   ],
                   "rotation": [
                     0,
-                    45,
+                    0,
+                    -20
+                  ],
+                  "children": {
+                    "r_upper_arm": {
+                      "castShadow": true,
+                      "geometry": "arm",
+                      "material": "black",
+                      "position": [
+                        0,
+                        -2.75,
+                        0
+                      ],
+                      "children": {
+                        "r_elbow": {
+                          "castShadow": true,
+                          "geometry": "arm_joint",
+                          "material": "black",
+                          "position": [
+                            0,
+                            -2.75,
+                            0
+                          ],
+                          "rotation": [
+                            -30,
+                            0,
+                            0
+                          ],
+                          "children": {
+                            "r_lower_arm": {
+                              "castShadow": true,
+                              "geometry": "arm",
+                              "material": "black",
+                              "position": [
+                                0,
+                                -2.75,
+                                0
+                              ],
+                              "children": {
+                                "r_wrist_helper": {
+                                  "type": "empty",
+                                  "position": [
+                                    0,
+                                    -3,
+                                    0
+                                  ],
+                                  "children": {
+                                    "r_hand": {
+                                      "castShadow": true,
+                                      "geometry": "hand",
+                                      "material": "black",
+                                      "position": [
+                                        0,
+                                        -2.4,
+                                        0
+                                      ],
+                                      "rotation": [
+                                        0,
+                                        0,
+                                        -36
+                                      ],
+                                      "scale": [
+                                        1,
+                                        1,
+                                        9
+                                      ]
+                                    },
+                                    "r_wrist": {
+                                      "castShadow": true,
+                                      "geometry": "arm",
+                                      "material": "black",
+                                      "scale": [
+                                        0.5,
+                                        0.25,
+                                        0.5
+                                      ]
+                                    }
+                                  }
+                                }
+                              }
+                            }
+                          }
+                        }
+                      }
+                    }
+                  }
+                },
+                "l_shoulder": {
+                  "castShadow": true,
+                  "geometry": "arm_joint",
+                  "material": "black",
+                  "position": [
+                    6.8,
+                    9.5,
+                    0
+                  ],
+                  "rotation": [
+                    0,
+                    0,
+                    20
+                  ],
+                  "children": {
+                    "l_upper_arm": {
+                      "castShadow": true,
+                      "geometry": "arm",
+                      "material": "black",
+                      "position": [
+                        0,
+                        -2.75,
+                        0
+                      ],
+                      "children": {
+                        "l_elbow": {
+                          "castShadow": true,
+                          "geometry": "arm_joint",
+                          "material": "black",
+                          "position": [
+                            0,
+                            -2.75,
+                            0
+                          ],
+                          "rotation": [
+                            -30,
+                            0,
+                            0
+                          ],
+                          "children": {
+                            "l_lower_arm": {
+                              "castShadow": true,
+                              "geometry": "arm",
+                              "material": "black",
+                              "position": [
+                                0,
+                                -2.75,
+                                0
+                              ],
+                              "children": {
+                                "r_wrist_helper": {
+                                  "type": "empty",
+                                  "position": [
+                                    0,
+                                    -3,
+                                    0
+                                  ],
+                                  "children": {
+                                    "l_hand": {
+                                      "castShadow": true,
+                                      "geometry": "hand",
+                                      "material": "black",
+                                      "position": [
+                                        0,
+                                        -2.4,
+                                        0
+                                      ],
+                                      "rotation": [
+                                        0,
+                                        0,
+                                        -36
+                                      ],
+                                      "scale": [
+                                        1,
+                                        1,
+                                        9
+                                      ]
+                                    },
+                                    "l_wrist": {
+                                      "castShadow": true,
+                                      "geometry": "arm",
+                                      "material": "black",
+                                      "scale": [
+                                        0.5,
+                                        0.25,
+                                        0.5
+                                      ]
+                                    }
+                                  }
+                                }
+                              }
+                            }
+                          }
+                        }
+                      }
+                    }
+                  }
+                },
+                "neck": {
+                  "castShadow": true,
+                  "geometry": "neck",
+                  "material": "skin",
+                  "position": [
+                    0,
+                    19.05,
                     0
                   ],
                   "children": {
-                    "body_wireframe": {
-                      "type": "LineSegments",
+                    "head": {
+                      "castShadow": true,
+                      "geometry": "head",
+                      "material": "skin"
+                    },
+                    "chin": {
+                      "castShadow": true,
+                      "geometry": "head_border",
+                      "material": "skin",
+                      "position": [
+                        0,
+                        -3.5,
+                        0
+                      ],
+                      "rotation": [
+                        90,
+                        0,
+                        0
+                      ],
+                      "children": {
+                        "head_cap_bottom": {
+                          "castShadow": true,
+                          "geometry": "head_cap",
+                          "material": "skin",
+                          "position": [
+                            0,
+                            0,
+                            1
+                          ]
+                        }
+                      }
+                    },
+                    "scalp": {
+                      "castShadow": true,
+                      "geometry": "head_border",
+                      "material": "skin",
+                      "position": [
+                        0,
+                        3.5,
+                        0
+                      ],
+                      "rotation": [
+                        90,
+                        0,
+                        0
+                      ],
+                      "children": {
+                        "head_cap_top": {
+                          "castShadow": true,
+                          "geometry": "head_cap",
+                          "material": "skin",
+                          "position": [
+                            0,
+                            0,
+                            -1
+                          ]
+                        }
+                      }
+                    }
+                  }
+                },
+                "body_helper": {
+                  "type": "empty",
+                  "scale": [
+                    1,
+                    1,
+                    0.55087719298
+                  ],
+                  "children": {
+                    "body": {
+                      "castShadow": true,
                       "geometry": "body",
-                      "material": "white_frame"
+                      "material": "black",
+                      "position": [
+                        0,
+                        7.15,
+                        0
+                      ],
+                      "rotation": [
+                        0,
+                        45,
+                        0
+                      ]
                     }
                   }
                 }
@@ -652,6 +546,86 @@
           }
         }
       }
+    },
+    "ground": {
+      "geometry": "ground",
+      "material": "ground",
+      "rotation": [
+        -90,
+        0,
+        0
+      ],
+      "position": [
+        0,
+        -14,
+        0
+      ],
+      "receiveShadow": true
+    },
+    "targets": {
+      "children": {
+        "backlight_tagret": {
+          "type": "AxesHelper",
+          "position": [
+            0,
+            10,
+            10
+          ]
+        }
+      }
+    },
+    "lights": {
+      "children": {
+        "right_backlight": {
+          "type": "DirectionalLight",
+          "target": "backlight_tagret",
+          "position": [
+            50,
+            30,
+            -5
+          ],
+          "color": "rgb(252, 132, 3)",
+          "castShadow": true
+        },
+        "right_backlight_helper": {
+          "type": "DirectionalLightHelper",
+          "target": "right_backlight"
+        },
+        "left_backlight": {
+          "type": "DirectionalLight",
+          "target": "backlight_tagret",
+          "position": [
+            -50,
+            30,
+            -5
+          ],
+          "color": "rgb(3, 15, 252)",
+          "castShadow": true
+        },
+        "left_backlight_helper": {
+          "type": "DirectionalLightHelper",
+          "target": "left_backlight"
+        },
+        "ambient": {
+          "type": "AmbientLight",
+          "intensity": 0.3
+        },
+        "top_light": {
+          "type": "PointLight",
+          "position": [
+            20,
+            50,
+            -30
+          ],
+          "castShadow": true,
+          "color": "orange",
+          "intensity": 10000
+        },
+        "top_light_helper": {
+          "type": "PointLightHelper",
+          "target": "top_light"
+        }
+      }
     }
   }
 }
\ No newline at end of file