diff --git a/docs/webgl/tutorial_redball.html b/docs/webgl/tutorial_redball.html
index ec71da7ee6..73b6277392 100644
--- a/docs/webgl/tutorial_redball.html
+++ b/docs/webgl/tutorial_redball.html
@@ -271,7 +271,7 @@ skytex.setImageCube(engine,<span style="color: #bbbbbb"> </span><span style="col
 
 <p>Filament provides a Javascript utility to make this easier.
 Replace <strong>create skybox</strong> with the following.</p>
-<div class="highlight" style="background: #f8f8f8"><pre style="line-height: 125%;"><span></span><span style="color: #008000; font-weight: bold">const</span><span style="color: #bbbbbb"> </span>skybox<span style="color: #bbbbbb"> </span><span style="color: #666666">=</span><span style="color: #bbbbbb"> </span>engine.createSkyFromKtx(sky_url);<span style="color: #bbbbbb"></span>
+<div class="highlight" style="background: #f8f8f8"><pre style="line-height: 125%;"><span></span><span style="color: #008000; font-weight: bold">const</span><span style="color: #bbbbbb"> </span>skybox<span style="color: #bbbbbb"> </span><span style="color: #666666">=</span><span style="color: #bbbbbb"> </span>engine.createSkyFromKtx1(sky_url);<span style="color: #bbbbbb"></span>
 scene.setSkybox(skybox);<span style="color: #bbbbbb"></span>
 </pre></div>
 
diff --git a/docs/webgl/tutorial_redball.js b/docs/webgl/tutorial_redball.js
index 8524b3d9fd..5b6f1e3286 100644
--- a/docs/webgl/tutorial_redball.js
+++ b/docs/webgl/tutorial_redball.js
@@ -73,7 +73,7 @@ class App {
     const indirectLight = engine.createIblFromKtx(ibl_url);
     indirectLight.setIntensity(50000);
     scene.setIndirectLight(indirectLight);
-    const skybox = engine.createSkyFromKtx(sky_url);
+    const skybox = engine.createSkyFromKtx1(sky_url);
     scene.setSkybox(skybox);
     this.swapChain = engine.createSwapChain();
     this.renderer = engine.createRenderer();
diff --git a/docs/webgl/tutorial_suzanne.html b/docs/webgl/tutorial_suzanne.html
index f2f080b7c6..32bf4d8144 100644
--- a/docs/webgl/tutorial_suzanne.html
+++ b/docs/webgl/tutorial_suzanne.html
@@ -190,7 +190,7 @@ last resort. Go ahead and replace the <strong>declare asset URLs</strong> commen
 
 <h2>Create skybox and IBL</h2>
 <p>Next, let&#x27;s create the low-resolution skybox and IBL in the <code>App</code> constructor.</p>
-<div class="highlight" style="background: #f8f8f8"><pre style="line-height: 125%;"><span></span><span style="color: #008000; font-weight: bold">this</span>.skybox<span style="color: #bbbbbb"> </span><span style="color: #666666">=</span><span style="color: #bbbbbb"> </span><span style="color: #008000; font-weight: bold">this</span>.engine.createSkyFromKtx(sky_small_url);<span style="color: #bbbbbb"></span>
+<div class="highlight" style="background: #f8f8f8"><pre style="line-height: 125%;"><span></span><span style="color: #008000; font-weight: bold">this</span>.skybox<span style="color: #bbbbbb"> </span><span style="color: #666666">=</span><span style="color: #bbbbbb"> </span><span style="color: #008000; font-weight: bold">this</span>.engine.createSkyFromKtx1(sky_small_url);<span style="color: #bbbbbb"></span>
 <span style="color: #008000; font-weight: bold">this</span>.scene.setSkybox(<span style="color: #008000; font-weight: bold">this</span>.skybox);<span style="color: #bbbbbb"></span>
 <span style="color: #008000; font-weight: bold">this</span>.indirectLight<span style="color: #bbbbbb"> </span><span style="color: #666666">=</span><span style="color: #bbbbbb"> </span><span style="color: #008000; font-weight: bold">this</span>.engine.createIblFromKtx(ibl_url);<span style="color: #bbbbbb"></span>
 <span style="color: #008000; font-weight: bold">this</span>.indirectLight.setIntensity(<span style="color: #666666">100000</span>);<span style="color: #bbbbbb"></span>
@@ -226,7 +226,7 @@ was created in the app constructor.</p>
 
 <span style="color: #bbbbbb">    </span><span style="color: #3D7B7B; font-style: italic">// Replace low-res skybox with high-res skybox.</span><span style="color: #bbbbbb"></span>
 <span style="color: #bbbbbb">    </span><span style="color: #008000; font-weight: bold">this</span>.engine.destroySkybox(<span style="color: #008000; font-weight: bold">this</span>.skybox);<span style="color: #bbbbbb"></span>
-<span style="color: #bbbbbb">    </span><span style="color: #008000; font-weight: bold">this</span>.skybox<span style="color: #bbbbbb"> </span><span style="color: #666666">=</span><span style="color: #bbbbbb"> </span><span style="color: #008000; font-weight: bold">this</span>.engine.createSkyFromKtx(sky_large_url);<span style="color: #bbbbbb"></span>
+<span style="color: #bbbbbb">    </span><span style="color: #008000; font-weight: bold">this</span>.skybox<span style="color: #bbbbbb"> </span><span style="color: #666666">=</span><span style="color: #bbbbbb"> </span><span style="color: #008000; font-weight: bold">this</span>.engine.createSkyFromKtx1(sky_large_url);<span style="color: #bbbbbb"></span>
 <span style="color: #bbbbbb">    </span><span style="color: #008000; font-weight: bold">this</span>.scene.setSkybox(<span style="color: #008000; font-weight: bold">this</span>.skybox);<span style="color: #bbbbbb"></span>
 
 <span style="color: #bbbbbb">    </span><span style="color: #008000; font-weight: bold">this</span>.scene.addEntity(<span style="color: #008000; font-weight: bold">this</span>.suzanne);<span style="color: #bbbbbb"></span>
diff --git a/docs/webgl/tutorial_suzanne.js b/docs/webgl/tutorial_suzanne.js
index a96a389605..06276e080f 100644
--- a/docs/webgl/tutorial_suzanne.js
+++ b/docs/webgl/tutorial_suzanne.js
@@ -23,7 +23,7 @@ class App {
     this.matinstance = material.createInstance();
     const filamesh = this.engine.loadFilamesh(filamesh_url, this.matinstance);
     this.suzanne = filamesh.renderable;
-    this.skybox = this.engine.createSkyFromKtx(sky_small_url);
+    this.skybox = this.engine.createSkyFromKtx1(sky_small_url);
     this.scene.setSkybox(this.skybox);
     this.indirectLight = this.engine.createIblFromKtx(ibl_url);
     this.indirectLight.setIntensity(100000);
@@ -49,7 +49,7 @@ class App {
       this.matinstance.setTextureParameter('ao', ao, sampler);
       // Replace low-res skybox with high-res skybox.
       this.engine.destroySkybox(this.skybox);
-      this.skybox = this.engine.createSkyFromKtx(sky_large_url);
+      this.skybox = this.engine.createSkyFromKtx1(sky_large_url);
       this.scene.setSkybox(this.skybox);
       this.scene.addEntity(this.suzanne);
     });
diff --git a/web/docs/tutorial_redball.md b/web/docs/tutorial_redball.md
index c55542b62d..6fbca840ea 100644
--- a/web/docs/tutorial_redball.md
+++ b/web/docs/tutorial_redball.md
@@ -301,7 +301,7 @@ Filament provides a Javascript utility to make this easier.
 Replace **create skybox** with the following.
 
 ```js {fragment="create skybox"}
-const skybox = engine.createSkyFromKtx(sky_url);
+const skybox = engine.createSkyFromKtx1(sky_url);
 scene.setSkybox(skybox);
 ```
 
diff --git a/web/docs/tutorial_suzanne.md b/web/docs/tutorial_suzanne.md
index 8b660e3fe3..1927dd92ab 100644
--- a/web/docs/tutorial_suzanne.md
+++ b/web/docs/tutorial_suzanne.md
@@ -215,7 +215,7 @@ const filamesh_url = 'suzanne.filamesh';
 Next, let's create the low-resolution skybox and IBL in the `App` constructor.
 
 ```js {fragment="create sky box and IBL"}
-this.skybox = this.engine.createSkyFromKtx(sky_small_url);
+this.skybox = this.engine.createSkyFromKtx1(sky_small_url);
 this.scene.setSkybox(this.skybox);
 this.indirectLight = this.engine.createIblFromKtx(ibl_url);
 this.indirectLight.setIntensity(100000);
@@ -256,7 +256,7 @@ Filament.fetch([sky_large_url, albedo_url, roughness_url, metallic_url, normal_u
 
     // Replace low-res skybox with high-res skybox.
     this.engine.destroySkybox(this.skybox);
-    this.skybox = this.engine.createSkyFromKtx(sky_large_url);
+    this.skybox = this.engine.createSkyFromKtx1(sky_large_url);
     this.scene.setSkybox(this.skybox);
 
     this.scene.addEntity(this.suzanne);