storytold/spark
2
0
Fork 0
mirror of https://github.com/storytold/spark.git synced 2026-10-21 08:06:45 +00:00
Code Issues Packages Projects Releases Wiki Activity

Add missing splat-transitions example to the list

Browse Source
This commit is contained in:
Diego Marcos Segura
2025-07-15 02:32:12 +02:00
parent 141e2f381d
commit add720614f
1 changed files with 9 additions and 8 deletions
Download Patch File Download Diff File Expand all files Collapse all files
examples.html
+9 -8
View File
@@ -254,24 +254,24 @@
const iframe = document.querySelector('.example-frame'); const iframe = document.querySelector('.example-frame');
const codeButton = document.querySelector('.code-button'); const codeButton = document.querySelector('.code-button');
const fullPageButton = document.querySelector('.fullpage-button'); const fullPageButton = document.querySelector('.fullpage-button');
iframe.src = path; iframe.src = path;
if (codeButton) { if (codeButton) {
codeButton.href = `https://github.com/sparkjsdev/spark/blob/main${path}`; codeButton.href = `https://github.com/sparkjsdev/spark/blob/main${path}`;
} }
if (fullPageButton) { if (fullPageButton) {
fullPageButton.href = path; fullPageButton.href = path;
} }
document.querySelectorAll('.example-link').forEach(link => { document.querySelectorAll('.example-link').forEach(link => {
link.classList.remove('active'); link.classList.remove('active');
if (link.getAttribute('data-example') === exampleKey) { if (link.getAttribute('data-example') === exampleKey) {
link.classList.add('active'); link.classList.add('active');
} }
}); });
if (window.location.hash.substring(1) !== exampleKey) { if (window.location.hash.substring(1) !== exampleKey) {
history.replaceState(null, null, `#${exampleKey}`); history.replaceState(null, null, `#${exampleKey}`);
} }
@@ -280,10 +280,10 @@
function loadExamples() { function loadExamples() {
const panel = document.querySelector('.panel'); const panel = document.querySelector('.panel');
const iframe = document.querySelector('.example-frame'); const iframe = document.querySelector('.example-frame');
const actionButtons = document.createElement('div'); const actionButtons = document.createElement('div');
actionButtons.classList.add('action-buttons'); actionButtons.classList.add('action-buttons');
const fullPageButton = document.createElement('a'); const fullPageButton = document.createElement('a');
fullPageButton.classList.add('action-button', 'fullpage-button'); fullPageButton.classList.add('action-button', 'fullpage-button');
fullPageButton.target = '_blank'; fullPageButton.target = '_blank';
@@ -293,7 +293,7 @@
<path fill="none" stroke="white" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M21 13v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h6m10 0l-9 9m3-9h6v6"/> <path fill="none" stroke="white" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M21 13v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h6m10 0l-9 9m3-9h6v6"/>
</svg> </svg>
`; `;
const codeButton = document.createElement('a'); const codeButton = document.createElement('a');
codeButton.classList.add('action-button', 'code-button'); codeButton.classList.add('action-button', 'code-button');
codeButton.target = '_blank'; codeButton.target = '_blank';
@@ -431,6 +431,7 @@
<a href="#dynamic-lighting" data-example="dynamic-lighting" class="example-link">Dynamic Lighting</a> <a href="#dynamic-lighting" data-example="dynamic-lighting" class="example-link">Dynamic Lighting</a>
<a href="#particle-animation" data-example="particle-animation" class="example-link">Particle Animation</a> <a href="#particle-animation" data-example="particle-animation" class="example-link">Particle Animation</a>
<a href="#particle-simulation" data-example="particle-simulation" class="example-link">Particle Simulation</a> <a href="#particle-simulation" data-example="particle-simulation" class="example-link">Particle Simulation</a>
<a href="#splat-transitions" data-example="splat-transitions" class="example-link">Splat Transitions</a>
<a href="#webxr" data-example="webxr" class="example-link">WebXR</a> <a href="#webxr" data-example="webxr" class="example-link">WebXR</a>
<a href="#glsl" data-example="glsl" class="example-link">GLSL Shaders</a> <a href="#glsl" data-example="glsl" class="example-link">GLSL Shaders</a>
<a href="#debug-color" data-example="debug-color" class="example-link">Debug Coloring</a> <a href="#debug-color" data-example="debug-color" class="example-link">Debug Coloring</a>