diff --git a/examples/webgl_materials_compile.html b/examples/webgl_materials_compile.html
index 9b53347093d8e31281398d1a4edbd7fb2c8d658b..e3ad286e7136eac54a799150bb47d3c19ed0c9a2 100644
--- a/examples/webgl_materials_compile.html
+++ b/examples/webgl_materials_compile.html
@@ -71,6 +71,7 @@
 		<script src="js/nodes/AttributeNode.js"></script>
 		<script src="js/nodes/NodeBuilder.js"></script>
 		<script src="js/nodes/NodeLib.js"></script>
+		<script src="js/nodes/NodeFrame.js"></script>
 		<script src="js/nodes/NodeMaterial.js"></script>
 
 		<!-- Accessors -->
@@ -123,6 +124,7 @@
 		var container = document.getElementById( 'container' );
 
 		var renderer, scene, camera, clock = new THREE.Clock(), fov = 50;
+		var frame = new THREE.NodeFrame();
 		var teapot;
 		var controls;
 		var move = false;
@@ -289,11 +291,15 @@
 		function animate() {
 
 			var delta = clock.getDelta();
+
+			frame.update( delta );
+
 			for (var i = 0; i < meshes.length; i++ ){
-				
-				var mesh = meshes[i]; 
-				mesh.material.updateFrame( delta );
-			
+
+				var mesh = meshes[i];
+
+				frame.updateNode( mesh.material )
+
 			}
 
 			renderer.render( scene, camera );