diff --git a/README.md b/README.md
index 465f016..59d9acc 100644
--- a/README.md
+++ b/README.md
@@ -20,22 +20,19 @@ Three.js powered Minecraft skin viewer.
 ```html
 <div id="skin_container"></div>
 <script>
-	let skinViewer = new skinview3d.SkinViewer({
-		domElement: document.getElementById("skin_container"),
-		width: 600,
-		height: 600,
-		skinUrl: "img/skin.png",
-		capeUrl: "img/cape.png"
-	});
+	let skinViewer = new skinview3d.SkinViewer(document.getElementById("skin_container"));
 
-	// Change the textures
-	skinViewer.skinUrl = "img/skin2.png";
-	skinViewer.capeUrl = "img/cape2.png";
-
-	// Resize the skin viewer
+	// Set viewer size
 	skinViewer.width = 300;
 	skinViewer.height = 400;
 
+	// Load skin & cape
+	skinViewer.loadSkinFrom("img/skin.png");
+	skinViewer.loadCapeFrom("img/cape.png");
+
+	// Hide the cape
+	skinViewer.playerObject.cape.visible = false;
+
 	// Control objects with your mouse!
 	let control = skinview3d.createOrbitControls(skinViewer);
 	control.enableRotate = true;
diff --git a/examples/index.html b/examples/index.html
index 27a723c..4a452e3 100644
--- a/examples/index.html
+++ b/examples/index.html
@@ -22,12 +22,11 @@
 	<script type="text/javascript" src="../bundles/skinview3d.bundle.js"></script>
 
 	<script>
-		let skinViewer = new skinview3d.SkinViewer({
-			domElement: document.getElementById("skin_container"),
-			width: 900,
-			height: 900,
-			skinUrl: "./1_8_texturemap_redux.png"
-		});
+		let skinViewer = new skinview3d.SkinViewer(document.getElementById("skin_container"));
+		skinViewer.width = 400;
+		skinViewer.height = 300;
+
+		skinViewer.loadSkinFrom("./1_8_texturemap_redux.png");
 
 		// By default, the skin model is automatically detected. You can turn it off in this way:
 		// skinViewer.detectModel = false;