init
This commit is contained in:
236
.opencode/skills/threejs/scripts/core.py
Normal file
236
.opencode/skills/threejs/scripts/core.py
Normal file
@@ -0,0 +1,236 @@
|
||||
#!/usr/bin/env python3
|
||||
# -*- coding: utf-8 -*-
|
||||
"""
|
||||
Three.js Skill Core - BM25 search engine for Three.js examples and API
|
||||
"""
|
||||
|
||||
import csv
|
||||
import re
|
||||
from pathlib import Path
|
||||
from math import log
|
||||
from collections import defaultdict
|
||||
|
||||
# ============ CONFIGURATION ============
|
||||
DATA_DIR = Path(__file__).parent.parent / "data"
|
||||
MAX_RESULTS = 5
|
||||
|
||||
CSV_CONFIG = {
|
||||
"examples": {
|
||||
"file": "examples-all.csv",
|
||||
"search_cols": ["Category", "Name", "Keywords", "Use Cases", "Description"],
|
||||
"output_cols": ["ID", "Category", "Name", "File", "Keywords", "URL", "Complexity", "Use Cases", "Description"]
|
||||
},
|
||||
"categories": {
|
||||
"file": "categories.csv",
|
||||
"search_cols": ["Category", "Keywords", "Description", "Primary Use Cases"],
|
||||
"output_cols": ["Category", "Keywords", "Description", "Complexity Range", "Example Count", "Primary Use Cases", "Related Categories"]
|
||||
},
|
||||
"use-cases": {
|
||||
"file": "use-cases.csv",
|
||||
"search_cols": ["Use Case", "Keywords", "Description", "Technologies"],
|
||||
"output_cols": ["Use Case", "Keywords", "Recommended Examples", "Complexity", "Technologies", "Description"]
|
||||
},
|
||||
"api": {
|
||||
"file": "api-reference.csv",
|
||||
"search_cols": ["Category", "Class", "Keywords", "Description", "Common Methods"],
|
||||
"output_cols": ["Category", "Class", "Keywords", "Description", "Common Methods", "Related Classes"]
|
||||
}
|
||||
}
|
||||
|
||||
# Domain keyword mapping for auto-detection
|
||||
DOMAIN_KEYWORDS = {
|
||||
"examples": ["example", "demo", "showcase", "webgl", "webgpu", "animation", "loader", "material", "geometry", "light", "shadow", "postprocessing", "effect", "particle", "physics", "vr", "xr"],
|
||||
"categories": ["category", "group", "section", "list all", "types of"],
|
||||
"use-cases": ["use case", "project", "application", "build", "create", "make", "implement", "for", "suitable"],
|
||||
"api": ["api", "class", "method", "function", "property", "how to", "what is", "parameter", "constructor"]
|
||||
}
|
||||
|
||||
|
||||
# ============ BM25 IMPLEMENTATION ============
|
||||
class BM25:
|
||||
"""BM25 ranking algorithm for text search"""
|
||||
|
||||
def __init__(self, k1=1.5, b=0.75):
|
||||
self.k1 = k1
|
||||
self.b = b
|
||||
self.corpus = []
|
||||
self.doc_lengths = []
|
||||
self.avgdl = 0
|
||||
self.idf = {}
|
||||
self.doc_freqs = defaultdict(int)
|
||||
self.N = 0
|
||||
|
||||
def tokenize(self, text):
|
||||
"""Lowercase, split, remove punctuation, filter short words"""
|
||||
text = re.sub(r'[^\w\s]', ' ', str(text).lower())
|
||||
return [w for w in text.split() if len(w) > 1]
|
||||
|
||||
def fit(self, documents):
|
||||
"""Build BM25 index from documents"""
|
||||
self.corpus = [self.tokenize(doc) for doc in documents]
|
||||
self.N = len(self.corpus)
|
||||
if self.N == 0:
|
||||
return
|
||||
self.doc_lengths = [len(doc) for doc in self.corpus]
|
||||
self.avgdl = sum(self.doc_lengths) / self.N
|
||||
|
||||
for doc in self.corpus:
|
||||
seen = set()
|
||||
for word in doc:
|
||||
if word not in seen:
|
||||
self.doc_freqs[word] += 1
|
||||
seen.add(word)
|
||||
|
||||
for word, freq in self.doc_freqs.items():
|
||||
self.idf[word] = log((self.N - freq + 0.5) / (freq + 0.5) + 1)
|
||||
|
||||
def score(self, query):
|
||||
"""Score all documents against query"""
|
||||
query_tokens = self.tokenize(query)
|
||||
scores = []
|
||||
|
||||
for idx, doc in enumerate(self.corpus):
|
||||
score = 0
|
||||
doc_len = self.doc_lengths[idx]
|
||||
term_freqs = defaultdict(int)
|
||||
for word in doc:
|
||||
term_freqs[word] += 1
|
||||
|
||||
for token in query_tokens:
|
||||
if token in self.idf:
|
||||
tf = term_freqs[token]
|
||||
idf = self.idf[token]
|
||||
numerator = tf * (self.k1 + 1)
|
||||
denominator = tf + self.k1 * (1 - self.b + self.b * doc_len / self.avgdl)
|
||||
score += idf * numerator / denominator
|
||||
|
||||
scores.append((idx, score))
|
||||
|
||||
return sorted(scores, key=lambda x: x[1], reverse=True)
|
||||
|
||||
|
||||
# ============ SEARCH FUNCTIONS ============
|
||||
def _load_csv(filepath):
|
||||
"""Load CSV and return list of dicts"""
|
||||
with open(filepath, 'r', encoding='utf-8') as f:
|
||||
return list(csv.DictReader(f))
|
||||
|
||||
|
||||
def _search_csv(filepath, search_cols, output_cols, query, max_results):
|
||||
"""Core search function using BM25"""
|
||||
if not filepath.exists():
|
||||
return []
|
||||
|
||||
data = _load_csv(filepath)
|
||||
|
||||
# Build documents from search columns
|
||||
documents = [" ".join(str(row.get(col, "")) for col in search_cols) for row in data]
|
||||
|
||||
# BM25 search
|
||||
bm25 = BM25()
|
||||
bm25.fit(documents)
|
||||
ranked = bm25.score(query)
|
||||
|
||||
# Get top results with score > 0
|
||||
results = []
|
||||
for idx, score in ranked[:max_results]:
|
||||
if score > 0:
|
||||
row = data[idx]
|
||||
results.append({col: row.get(col, "") for col in output_cols if col in row})
|
||||
|
||||
return results
|
||||
|
||||
|
||||
def detect_domain(query):
|
||||
"""Auto-detect the most relevant domain from query"""
|
||||
query_lower = query.lower()
|
||||
|
||||
scores = {
|
||||
domain: sum(1 for kw in keywords if kw in query_lower)
|
||||
for domain, keywords in DOMAIN_KEYWORDS.items()
|
||||
}
|
||||
best = max(scores, key=scores.get)
|
||||
return best if scores[best] > 0 else "examples"
|
||||
|
||||
|
||||
def search(query, domain=None, max_results=MAX_RESULTS):
|
||||
"""Main search function with auto-domain detection"""
|
||||
if domain is None:
|
||||
domain = detect_domain(query)
|
||||
|
||||
config = CSV_CONFIG.get(domain, CSV_CONFIG["examples"])
|
||||
filepath = DATA_DIR / config["file"]
|
||||
|
||||
if not filepath.exists():
|
||||
return {"error": f"File not found: {filepath}", "domain": domain}
|
||||
|
||||
results = _search_csv(filepath, config["search_cols"], config["output_cols"], query, max_results)
|
||||
|
||||
return {
|
||||
"domain": domain,
|
||||
"query": query,
|
||||
"file": config["file"],
|
||||
"count": len(results),
|
||||
"results": results
|
||||
}
|
||||
|
||||
|
||||
def search_by_complexity(complexity, max_results=MAX_RESULTS):
|
||||
"""Search examples by complexity level"""
|
||||
filepath = DATA_DIR / "examples-all.csv"
|
||||
if not filepath.exists():
|
||||
return {"error": f"File not found: {filepath}"}
|
||||
|
||||
data = _load_csv(filepath)
|
||||
results = [row for row in data if row.get("Complexity", "").lower() == complexity.lower()][:max_results]
|
||||
|
||||
return {
|
||||
"domain": "examples",
|
||||
"complexity": complexity,
|
||||
"count": len(results),
|
||||
"results": results
|
||||
}
|
||||
|
||||
|
||||
def search_by_category(category, max_results=MAX_RESULTS):
|
||||
"""Search examples by category"""
|
||||
filepath = DATA_DIR / "examples-all.csv"
|
||||
if not filepath.exists():
|
||||
return {"error": f"File not found: {filepath}"}
|
||||
|
||||
data = _load_csv(filepath)
|
||||
results = [row for row in data if category.lower() in row.get("Category", "").lower()][:max_results]
|
||||
|
||||
return {
|
||||
"domain": "examples",
|
||||
"category": category,
|
||||
"count": len(results),
|
||||
"results": results
|
||||
}
|
||||
|
||||
|
||||
def get_recommended_examples(use_case, max_results=MAX_RESULTS):
|
||||
"""Get recommended examples for a specific use case"""
|
||||
# First search use cases
|
||||
use_case_result = search(use_case, domain="use-cases", max_results=1)
|
||||
|
||||
if use_case_result.get("count", 0) == 0:
|
||||
return {"error": f"No use case found for: {use_case}"}
|
||||
|
||||
# Get recommended examples
|
||||
recommended = use_case_result["results"][0].get("Recommended Examples", "")
|
||||
example_names = [e.strip() for e in recommended.split(";")]
|
||||
|
||||
# Search for each example
|
||||
all_results = []
|
||||
for name in example_names[:max_results]:
|
||||
result = search(name, domain="examples", max_results=1)
|
||||
if result.get("count", 0) > 0:
|
||||
all_results.extend(result["results"])
|
||||
|
||||
return {
|
||||
"domain": "examples",
|
||||
"use_case": use_case,
|
||||
"count": len(all_results),
|
||||
"results": all_results
|
||||
}
|
||||
688
.opencode/skills/threejs/scripts/extract_examples.py
Normal file
688
.opencode/skills/threejs/scripts/extract_examples.py
Normal file
@@ -0,0 +1,688 @@
|
||||
#!/usr/bin/env python3
|
||||
# -*- coding: utf-8 -*-
|
||||
"""
|
||||
Extract all Three.js examples from the official examples page.
|
||||
Generates tracking CSV and examples data CSV.
|
||||
Total: 556 examples across 13 categories.
|
||||
"""
|
||||
|
||||
import csv
|
||||
from pathlib import Path
|
||||
from datetime import datetime
|
||||
|
||||
DATA_DIR = Path(__file__).parent.parent / "data"
|
||||
SKILL_DIR = Path(__file__).parent.parent
|
||||
|
||||
# All 556 examples extracted from https://threejs.org/examples/
|
||||
# Data extracted via browser automation on 2026-01-21
|
||||
ALL_EXAMPLES = [
|
||||
# webgl category (216 examples)
|
||||
{"category": "webgl", "file": "webgl_animation_keyframes.html"},
|
||||
{"category": "webgl", "file": "webgl_animation_skinning_blending.html"},
|
||||
{"category": "webgl", "file": "webgl_animation_skinning_additive_blending.html"},
|
||||
{"category": "webgl", "file": "webgl_animation_skinning_ik.html"},
|
||||
{"category": "webgl", "file": "webgl_animation_skinning_morph.html"},
|
||||
{"category": "webgl", "file": "webgl_animation_multiple.html"},
|
||||
{"category": "webgl", "file": "webgl_animation_walk.html"},
|
||||
{"category": "webgl", "file": "webgl_batch_lod_bvh.html"},
|
||||
{"category": "webgl", "file": "webgl_camera.html"},
|
||||
{"category": "webgl", "file": "webgl_camera_array.html"},
|
||||
{"category": "webgl", "file": "webgl_camera_logarithmicdepthbuffer.html"},
|
||||
{"category": "webgl", "file": "webgl_clipping.html"},
|
||||
{"category": "webgl", "file": "webgl_clipping_advanced.html"},
|
||||
{"category": "webgl", "file": "webgl_clipping_intersection.html"},
|
||||
{"category": "webgl", "file": "webgl_clipping_stencil.html"},
|
||||
{"category": "webgl", "file": "webgl_decals.html"},
|
||||
{"category": "webgl", "file": "webgl_depth_texture.html"},
|
||||
{"category": "webgl", "file": "webgl_effects_anaglyph.html"},
|
||||
{"category": "webgl", "file": "webgl_effects_ascii.html"},
|
||||
{"category": "webgl", "file": "webgl_effects_parallaxbarrier.html"},
|
||||
{"category": "webgl", "file": "webgl_effects_stereo.html"},
|
||||
{"category": "webgl", "file": "webgl_framebuffer_texture.html"},
|
||||
{"category": "webgl", "file": "webgl_geometries.html"},
|
||||
{"category": "webgl", "file": "webgl_geometry_colors.html"},
|
||||
{"category": "webgl", "file": "webgl_geometry_colors_lookuptable.html"},
|
||||
{"category": "webgl", "file": "webgl_geometry_convex.html"},
|
||||
{"category": "webgl", "file": "webgl_geometry_csg.html"},
|
||||
{"category": "webgl", "file": "webgl_geometry_cube.html"},
|
||||
{"category": "webgl", "file": "webgl_geometry_dynamic.html"},
|
||||
{"category": "webgl", "file": "webgl_geometry_extrude_shapes.html"},
|
||||
{"category": "webgl", "file": "webgl_geometry_extrude_splines.html"},
|
||||
{"category": "webgl", "file": "webgl_geometry_minecraft.html"},
|
||||
{"category": "webgl", "file": "webgl_geometry_nurbs.html"},
|
||||
{"category": "webgl", "file": "webgl_geometry_shapes.html"},
|
||||
{"category": "webgl", "file": "webgl_geometry_spline_editor.html"},
|
||||
{"category": "webgl", "file": "webgl_geometry_teapot.html"},
|
||||
{"category": "webgl", "file": "webgl_geometry_terrain.html"},
|
||||
{"category": "webgl", "file": "webgl_geometry_terrain_raycast.html"},
|
||||
{"category": "webgl", "file": "webgl_geometry_text.html"},
|
||||
{"category": "webgl", "file": "webgl_geometry_text_shapes.html"},
|
||||
{"category": "webgl", "file": "webgl_geometry_text_stroke.html"},
|
||||
{"category": "webgl", "file": "webgl_helpers.html"},
|
||||
{"category": "webgl", "file": "webgl_instancing_morph.html"},
|
||||
{"category": "webgl", "file": "webgl_instancing_dynamic.html"},
|
||||
{"category": "webgl", "file": "webgl_instancing_performance.html"},
|
||||
{"category": "webgl", "file": "webgl_instancing_raycast.html"},
|
||||
{"category": "webgl", "file": "webgl_instancing_scatter.html"},
|
||||
{"category": "webgl", "file": "webgl_interactive_buffergeometry.html"},
|
||||
{"category": "webgl", "file": "webgl_interactive_cubes.html"},
|
||||
{"category": "webgl", "file": "webgl_interactive_cubes_gpu.html"},
|
||||
{"category": "webgl", "file": "webgl_interactive_cubes_ortho.html"},
|
||||
{"category": "webgl", "file": "webgl_interactive_lines.html"},
|
||||
{"category": "webgl", "file": "webgl_interactive_points.html"},
|
||||
{"category": "webgl", "file": "webgl_interactive_raycasting_points.html"},
|
||||
{"category": "webgl", "file": "webgl_interactive_voxelpainter.html"},
|
||||
{"category": "webgl", "file": "webgl_lensflares.html"},
|
||||
{"category": "webgl", "file": "webgl_lightprobe.html"},
|
||||
{"category": "webgl", "file": "webgl_lightprobe_cubecamera.html"},
|
||||
{"category": "webgl", "file": "webgl_lights_hemisphere.html"},
|
||||
{"category": "webgl", "file": "webgl_lights_physical.html"},
|
||||
{"category": "webgl", "file": "webgl_lights_pointlights.html"},
|
||||
{"category": "webgl", "file": "webgl_lights_spotlights.html"},
|
||||
{"category": "webgl", "file": "webgl_lights_rectarealight.html"},
|
||||
{"category": "webgl", "file": "webgl_lines_colors.html"},
|
||||
{"category": "webgl", "file": "webgl_lines_dashed.html"},
|
||||
{"category": "webgl", "file": "webgl_lines_fat.html"},
|
||||
{"category": "webgl", "file": "webgl_lines_fat_raycasting.html"},
|
||||
{"category": "webgl", "file": "webgl_lines_fat_wireframe.html"},
|
||||
{"category": "webgl", "file": "webgl_loader_3dm.html"},
|
||||
{"category": "webgl", "file": "webgl_loader_3ds.html"},
|
||||
{"category": "webgl", "file": "webgl_loader_3dtiles.html"},
|
||||
{"category": "webgl", "file": "webgl_loader_3mf.html"},
|
||||
{"category": "webgl", "file": "webgl_loader_3mf_materials.html"},
|
||||
{"category": "webgl", "file": "webgl_loader_amf.html"},
|
||||
{"category": "webgl", "file": "webgl_loader_bvh.html"},
|
||||
{"category": "webgl", "file": "webgl_loader_collada.html"},
|
||||
{"category": "webgl", "file": "webgl_loader_collada_kinematics.html"},
|
||||
{"category": "webgl", "file": "webgl_loader_collada_skinning.html"},
|
||||
{"category": "webgl", "file": "webgl_loader_draco.html"},
|
||||
{"category": "webgl", "file": "webgl_loader_fbx.html"},
|
||||
{"category": "webgl", "file": "webgl_loader_fbx_nurbs.html"},
|
||||
{"category": "webgl", "file": "webgl_loader_gcode.html"},
|
||||
{"category": "webgl", "file": "webgl_loader_gltf.html"},
|
||||
{"category": "webgl", "file": "webgl_loader_gltf_animation_pointer.html"},
|
||||
{"category": "webgl", "file": "webgl_loader_gltf_progressive_lod.html"},
|
||||
{"category": "webgl", "file": "webgl_loader_gltf_avif.html"},
|
||||
{"category": "webgl", "file": "webgl_loader_gltf_compressed.html"},
|
||||
{"category": "webgl", "file": "webgl_loader_gltf_dispersion.html"},
|
||||
{"category": "webgl", "file": "webgl_loader_gltf_instancing.html"},
|
||||
{"category": "webgl", "file": "webgl_loader_gltf_iridescence.html"},
|
||||
{"category": "webgl", "file": "webgl_loader_gltf_lights.html"},
|
||||
{"category": "webgl", "file": "webgl_loader_gltf_sheen.html"},
|
||||
{"category": "webgl", "file": "webgl_loader_gltf_transmission.html"},
|
||||
{"category": "webgl", "file": "webgl_loader_gltf_variants.html"},
|
||||
{"category": "webgl", "file": "webgl_loader_ifc.html"},
|
||||
{"category": "webgl", "file": "webgl_loader_imagebitmap.html"},
|
||||
{"category": "webgl", "file": "webgl_loader_kmz.html"},
|
||||
{"category": "webgl", "file": "webgl_loader_ldraw.html"},
|
||||
{"category": "webgl", "file": "webgl_loader_lwo.html"},
|
||||
{"category": "webgl", "file": "webgl_loader_md2.html"},
|
||||
{"category": "webgl", "file": "webgl_loader_mdd.html"},
|
||||
{"category": "webgl", "file": "webgl_loader_nrrd.html"},
|
||||
{"category": "webgl", "file": "webgl_loader_obj.html"},
|
||||
{"category": "webgl", "file": "webgl_loader_pcd.html"},
|
||||
{"category": "webgl", "file": "webgl_loader_pdb.html"},
|
||||
{"category": "webgl", "file": "webgl_loader_ply.html"},
|
||||
{"category": "webgl", "file": "webgl_loader_stl.html"},
|
||||
{"category": "webgl", "file": "webgl_loader_svg.html"},
|
||||
{"category": "webgl", "file": "webgl_loader_texture_dds.html"},
|
||||
{"category": "webgl", "file": "webgl_loader_texture_exr.html"},
|
||||
{"category": "webgl", "file": "webgl_loader_texture_ultrahdr.html"},
|
||||
{"category": "webgl", "file": "webgl_loader_texture_hdr.html"},
|
||||
{"category": "webgl", "file": "webgl_loader_texture_ktx.html"},
|
||||
{"category": "webgl", "file": "webgl_loader_texture_ktx2.html"},
|
||||
{"category": "webgl", "file": "webgl_loader_texture_lottie.html"},
|
||||
{"category": "webgl", "file": "webgl_loader_texture_pvrtc.html"},
|
||||
{"category": "webgl", "file": "webgl_loader_texture_tga.html"},
|
||||
{"category": "webgl", "file": "webgl_loader_texture_tiff.html"},
|
||||
{"category": "webgl", "file": "webgl_loader_ttf.html"},
|
||||
{"category": "webgl", "file": "webgl_loader_usdz.html"},
|
||||
{"category": "webgl", "file": "webgl_loader_vox.html"},
|
||||
{"category": "webgl", "file": "webgl_loader_vrml.html"},
|
||||
{"category": "webgl", "file": "webgl_loader_vtk.html"},
|
||||
{"category": "webgl", "file": "webgl_loader_xyz.html"},
|
||||
{"category": "webgl", "file": "webgl_lod.html"},
|
||||
{"category": "webgl", "file": "webgl_marchingcubes.html"},
|
||||
{"category": "webgl", "file": "webgl_materials_alphahash.html"},
|
||||
{"category": "webgl", "file": "webgl_materials_blending.html"},
|
||||
{"category": "webgl", "file": "webgl_materials_blending_custom.html"},
|
||||
{"category": "webgl", "file": "webgl_materials_bumpmap.html"},
|
||||
{"category": "webgl", "file": "webgl_materials_car.html"},
|
||||
{"category": "webgl", "file": "webgl_materials_channels.html"},
|
||||
{"category": "webgl", "file": "webgl_materials_cubemap.html"},
|
||||
{"category": "webgl", "file": "webgl_materials_cubemap_dynamic.html"},
|
||||
{"category": "webgl", "file": "webgl_materials_cubemap_refraction.html"},
|
||||
{"category": "webgl", "file": "webgl_materials_cubemap_mipmaps.html"},
|
||||
{"category": "webgl", "file": "webgl_materials_cubemap_render_to_mipmaps.html"},
|
||||
{"category": "webgl", "file": "webgl_materials_displacementmap.html"},
|
||||
{"category": "webgl", "file": "webgl_materials_envmaps.html"},
|
||||
{"category": "webgl", "file": "webgl_materials_envmaps_exr.html"},
|
||||
{"category": "webgl", "file": "webgl_materials_envmaps_groundprojected.html"},
|
||||
{"category": "webgl", "file": "webgl_materials_envmaps_hdr.html"},
|
||||
{"category": "webgl", "file": "webgl_materials_envmaps_fasthdr.html"},
|
||||
{"category": "webgl", "file": "webgl_materials_matcap.html"},
|
||||
{"category": "webgl", "file": "webgl_materials_normalmap.html"},
|
||||
{"category": "webgl", "file": "webgl_materials_normalmap_object_space.html"},
|
||||
{"category": "webgl", "file": "webgl_materials_physical_clearcoat.html"},
|
||||
{"category": "webgl", "file": "webgl_materials_physical_transmission.html"},
|
||||
{"category": "webgl", "file": "webgl_materials_physical_transmission_alpha.html"},
|
||||
{"category": "webgl", "file": "webgl_materials_subsurface_scattering.html"},
|
||||
{"category": "webgl", "file": "webgl_materials_texture_anisotropy.html"},
|
||||
{"category": "webgl", "file": "webgl_materials_texture_canvas.html"},
|
||||
{"category": "webgl", "file": "webgl_materials_texture_filters.html"},
|
||||
{"category": "webgl", "file": "webgl_materials_texture_manualmipmap.html"},
|
||||
{"category": "webgl", "file": "webgl_materials_texture_partialupdate.html"},
|
||||
{"category": "webgl", "file": "webgl_materials_texture_rotation.html"},
|
||||
{"category": "webgl", "file": "webgl_materials_toon.html"},
|
||||
{"category": "webgl", "file": "webgl_materials_video.html"},
|
||||
{"category": "webgl", "file": "webgl_materials_video_webcam.html"},
|
||||
{"category": "webgl", "file": "webgl_materials_wireframe.html"},
|
||||
{"category": "webgl", "file": "webgl_pmrem_cubemap.html"},
|
||||
{"category": "webgl", "file": "webgl_pmrem_equirectangular.html"},
|
||||
{"category": "webgl", "file": "webgl_pmrem_test.html"},
|
||||
{"category": "webgl", "file": "webgl_math_obb.html"},
|
||||
{"category": "webgl", "file": "webgl_math_orientation_transform.html"},
|
||||
{"category": "webgl", "file": "webgl_mesh_batch.html"},
|
||||
{"category": "webgl", "file": "webgl_mirror.html"},
|
||||
{"category": "webgl", "file": "webgl_modifier_curve.html"},
|
||||
{"category": "webgl", "file": "webgl_modifier_curve_instanced.html"},
|
||||
{"category": "webgl", "file": "webgl_modifier_edgesplit.html"},
|
||||
{"category": "webgl", "file": "webgl_modifier_simplifier.html"},
|
||||
{"category": "webgl", "file": "webgl_modifier_subdivision.html"},
|
||||
{"category": "webgl", "file": "webgl_modifier_tessellation.html"},
|
||||
{"category": "webgl", "file": "webgl_morphtargets.html"},
|
||||
{"category": "webgl", "file": "webgl_morphtargets_face.html"},
|
||||
{"category": "webgl", "file": "webgl_morphtargets_horse.html"},
|
||||
{"category": "webgl", "file": "webgl_morphtargets_sphere.html"},
|
||||
{"category": "webgl", "file": "webgl_morphtargets_webcam.html"},
|
||||
{"category": "webgl", "file": "webgl_multiple_elements.html"},
|
||||
{"category": "webgl", "file": "webgl_multiple_elements_text.html"},
|
||||
{"category": "webgl", "file": "webgl_multiple_scenes_comparison.html"},
|
||||
{"category": "webgl", "file": "webgl_multiple_views.html"},
|
||||
{"category": "webgl", "file": "webgl_panorama_cube.html"},
|
||||
{"category": "webgl", "file": "webgl_panorama_equirectangular.html"},
|
||||
{"category": "webgl", "file": "webgl_points_billboards.html"},
|
||||
{"category": "webgl", "file": "webgl_points_dynamic.html"},
|
||||
{"category": "webgl", "file": "webgl_points_sprites.html"},
|
||||
{"category": "webgl", "file": "webgl_points_waves.html"},
|
||||
{"category": "webgl", "file": "webgl_portal.html"},
|
||||
{"category": "webgl", "file": "webgl_raycaster_bvh.html"},
|
||||
{"category": "webgl", "file": "webgl_raycaster_sprite.html"},
|
||||
{"category": "webgl", "file": "webgl_raycaster_texture.html"},
|
||||
{"category": "webgl", "file": "webgl_read_float_buffer.html"},
|
||||
{"category": "webgl", "file": "webgl_renderer_pathtracer.html"},
|
||||
{"category": "webgl", "file": "webgl_refraction.html"},
|
||||
{"category": "webgl", "file": "webgl_rtt.html"},
|
||||
{"category": "webgl", "file": "webgl_shader.html"},
|
||||
{"category": "webgl", "file": "webgl_shader_lava.html"},
|
||||
{"category": "webgl", "file": "webgl_shaders_ocean.html"},
|
||||
{"category": "webgl", "file": "webgl_shaders_sky.html"},
|
||||
{"category": "webgl", "file": "webgl_shadow_contact.html"},
|
||||
{"category": "webgl", "file": "webgl_shadowmap.html"},
|
||||
{"category": "webgl", "file": "webgl_shadowmap_performance.html"},
|
||||
{"category": "webgl", "file": "webgl_shadowmap_pointlight.html"},
|
||||
{"category": "webgl", "file": "webgl_shadowmap_viewer.html"},
|
||||
{"category": "webgl", "file": "webgl_shadowmap_vsm.html"},
|
||||
{"category": "webgl", "file": "webgl_shadowmesh.html"},
|
||||
{"category": "webgl", "file": "webgl_sprites.html"},
|
||||
{"category": "webgl", "file": "webgl_test_memory.html"},
|
||||
{"category": "webgl", "file": "webgl_test_memory2.html"},
|
||||
{"category": "webgl", "file": "webgl_test_wide_gamut.html"},
|
||||
{"category": "webgl", "file": "webgl_tonemapping.html"},
|
||||
{"category": "webgl", "file": "webgl_video_kinect.html"},
|
||||
{"category": "webgl", "file": "webgl_video_panorama_equirectangular.html"},
|
||||
{"category": "webgl", "file": "webgl_watch.html"},
|
||||
|
||||
# webgl / postprocessing category (27 examples)
|
||||
{"category": "webgl / postprocessing", "file": "webgl_postprocessing.html"},
|
||||
{"category": "webgl / postprocessing", "file": "webgl_postprocessing_3dlut.html"},
|
||||
{"category": "webgl / postprocessing", "file": "webgl_postprocessing_advanced.html"},
|
||||
{"category": "webgl / postprocessing", "file": "webgl_postprocessing_afterimage.html"},
|
||||
{"category": "webgl / postprocessing", "file": "webgl_postprocessing_backgrounds.html"},
|
||||
{"category": "webgl / postprocessing", "file": "webgl_postprocessing_transition.html"},
|
||||
{"category": "webgl / postprocessing", "file": "webgl_postprocessing_dof.html"},
|
||||
{"category": "webgl / postprocessing", "file": "webgl_postprocessing_dof2.html"},
|
||||
{"category": "webgl / postprocessing", "file": "webgl_postprocessing_fxaa.html"},
|
||||
{"category": "webgl / postprocessing", "file": "webgl_postprocessing_glitch.html"},
|
||||
{"category": "webgl / postprocessing", "file": "webgl_postprocessing_godrays.html"},
|
||||
{"category": "webgl / postprocessing", "file": "webgl_postprocessing_gtao.html"},
|
||||
{"category": "webgl / postprocessing", "file": "webgl_postprocessing_rgb_halftone.html"},
|
||||
{"category": "webgl / postprocessing", "file": "webgl_postprocessing_masking.html"},
|
||||
{"category": "webgl / postprocessing", "file": "webgl_postprocessing_material_ao.html"},
|
||||
{"category": "webgl / postprocessing", "file": "webgl_postprocessing_ssaa.html"},
|
||||
{"category": "webgl / postprocessing", "file": "webgl_postprocessing_outline.html"},
|
||||
{"category": "webgl / postprocessing", "file": "webgl_postprocessing_pixel.html"},
|
||||
{"category": "webgl / postprocessing", "file": "webgl_postprocessing_procedural.html"},
|
||||
{"category": "webgl / postprocessing", "file": "webgl_postprocessing_sao.html"},
|
||||
{"category": "webgl / postprocessing", "file": "webgl_postprocessing_smaa.html"},
|
||||
{"category": "webgl / postprocessing", "file": "webgl_postprocessing_sobel.html"},
|
||||
{"category": "webgl / postprocessing", "file": "webgl_postprocessing_ssao.html"},
|
||||
{"category": "webgl / postprocessing", "file": "webgl_postprocessing_ssr.html"},
|
||||
{"category": "webgl / postprocessing", "file": "webgl_postprocessing_taa.html"},
|
||||
{"category": "webgl / postprocessing", "file": "webgl_postprocessing_unreal_bloom.html"},
|
||||
{"category": "webgl / postprocessing", "file": "webgl_postprocessing_unreal_bloom_selective.html"},
|
||||
|
||||
# webgl / advanced category (48 examples)
|
||||
{"category": "webgl / advanced", "file": "webgl_clipculldistance.html"},
|
||||
{"category": "webgl / advanced", "file": "webgl_custom_attributes.html"},
|
||||
{"category": "webgl / advanced", "file": "webgl_custom_attributes_lines.html"},
|
||||
{"category": "webgl / advanced", "file": "webgl_custom_attributes_points.html"},
|
||||
{"category": "webgl / advanced", "file": "webgl_custom_attributes_points2.html"},
|
||||
{"category": "webgl / advanced", "file": "webgl_custom_attributes_points3.html"},
|
||||
{"category": "webgl / advanced", "file": "webgl_gpgpu_birds.html"},
|
||||
{"category": "webgl / advanced", "file": "webgl_gpgpu_birds_gltf.html"},
|
||||
{"category": "webgl / advanced", "file": "webgl_gpgpu_water.html"},
|
||||
{"category": "webgl / advanced", "file": "webgl_gpgpu_protoplanet.html"},
|
||||
{"category": "webgl / advanced", "file": "webgl_materials_modified.html"},
|
||||
{"category": "webgl / advanced", "file": "webgl_multiple_rendertargets.html"},
|
||||
{"category": "webgl / advanced", "file": "webgl_multisampled_renderbuffers.html"},
|
||||
{"category": "webgl / advanced", "file": "webgl_rendertarget_texture2darray.html"},
|
||||
{"category": "webgl / advanced", "file": "webgl_reversed_depth_buffer.html"},
|
||||
{"category": "webgl / advanced", "file": "webgl_shadowmap_csm.html"},
|
||||
{"category": "webgl / advanced", "file": "webgl_shadowmap_pcss.html"},
|
||||
{"category": "webgl / advanced", "file": "webgl_shadowmap_progressive.html"},
|
||||
{"category": "webgl / advanced", "file": "webgl_simple_gi.html"},
|
||||
{"category": "webgl / advanced", "file": "webgl_texture2darray.html"},
|
||||
{"category": "webgl / advanced", "file": "webgl_texture2darray_compressed.html"},
|
||||
{"category": "webgl / advanced", "file": "webgl_texture2darray_layerupdate.html"},
|
||||
{"category": "webgl / advanced", "file": "webgl_texture3d.html"},
|
||||
{"category": "webgl / advanced", "file": "webgl_texture3d_partialupdate.html"},
|
||||
{"category": "webgl / advanced", "file": "webgl_tiled_forward.html"},
|
||||
{"category": "webgl / advanced", "file": "webgl_ubo.html"},
|
||||
{"category": "webgl / advanced", "file": "webgl_ubo_arrays.html"},
|
||||
{"category": "webgl / advanced", "file": "webgl_worker_offscreencanvas.html"},
|
||||
|
||||
# webgpu (wip) category (190 examples)
|
||||
{"category": "webgpu (wip)", "file": "webgpu_audio_processing.html"},
|
||||
{"category": "webgpu (wip)", "file": "webgpu_backdrop.html"},
|
||||
{"category": "webgpu (wip)", "file": "webgpu_backdrop_area.html"},
|
||||
{"category": "webgpu (wip)", "file": "webgpu_backdrop_water.html"},
|
||||
{"category": "webgpu (wip)", "file": "webgpu_camera_logarithmicdepthbuffer.html"},
|
||||
{"category": "webgpu (wip)", "file": "webgpu_centroid_sampling.html"},
|
||||
{"category": "webgpu (wip)", "file": "webgpu_clearcoat.html"},
|
||||
{"category": "webgpu (wip)", "file": "webgpu_clipping.html"},
|
||||
{"category": "webgpu (wip)", "file": "webgpu_compute_audio.html"},
|
||||
{"category": "webgpu (wip)", "file": "webgpu_compute_birds.html"},
|
||||
{"category": "webgpu (wip)", "file": "webgpu_compute_cloth.html"},
|
||||
{"category": "webgpu (wip)", "file": "webgpu_compute_geometry.html"},
|
||||
{"category": "webgpu (wip)", "file": "webgpu_compute_particles.html"},
|
||||
{"category": "webgpu (wip)", "file": "webgpu_compute_particles_fluid.html"},
|
||||
{"category": "webgpu (wip)", "file": "webgpu_compute_particles_rain.html"},
|
||||
{"category": "webgpu (wip)", "file": "webgpu_compute_particles_snow.html"},
|
||||
{"category": "webgpu (wip)", "file": "webgpu_compute_points.html"},
|
||||
{"category": "webgpu (wip)", "file": "webgpu_compute_reduce.html"},
|
||||
{"category": "webgpu (wip)", "file": "webgpu_compute_sort_bitonic.html"},
|
||||
{"category": "webgpu (wip)", "file": "webgpu_compute_texture.html"},
|
||||
{"category": "webgpu (wip)", "file": "webgpu_compute_texture_3d.html"},
|
||||
{"category": "webgpu (wip)", "file": "webgpu_compute_texture_pingpong.html"},
|
||||
{"category": "webgpu (wip)", "file": "webgpu_compute_water.html"},
|
||||
{"category": "webgpu (wip)", "file": "webgpu_cubemap_adjustments.html"},
|
||||
{"category": "webgpu (wip)", "file": "webgpu_cubemap_dynamic.html"},
|
||||
{"category": "webgpu (wip)", "file": "webgpu_cubemap_mix.html"},
|
||||
{"category": "webgpu (wip)", "file": "webgpu_custom_fog.html"},
|
||||
{"category": "webgpu (wip)", "file": "webgpu_custom_fog_background.html"},
|
||||
{"category": "webgpu (wip)", "file": "webgpu_depth_texture.html"},
|
||||
{"category": "webgpu (wip)", "file": "webgpu_display_stereo.html"},
|
||||
{"category": "webgpu (wip)", "file": "webgpu_equirectangular_projection.html"},
|
||||
{"category": "webgpu (wip)", "file": "webgpu_instancing.html"},
|
||||
{"category": "webgpu (wip)", "file": "webgpu_instancing_morph.html"},
|
||||
{"category": "webgpu (wip)", "file": "webgpu_instance_mesh.html"},
|
||||
{"category": "webgpu (wip)", "file": "webgpu_instance_points.html"},
|
||||
{"category": "webgpu (wip)", "file": "webgpu_instance_sprites.html"},
|
||||
{"category": "webgpu (wip)", "file": "webgpu_instance_uniform.html"},
|
||||
{"category": "webgpu (wip)", "file": "webgpu_interactive.html"},
|
||||
{"category": "webgpu (wip)", "file": "webgpu_lensflares.html"},
|
||||
{"category": "webgpu (wip)", "file": "webgpu_lightprobe.html"},
|
||||
{"category": "webgpu (wip)", "file": "webgpu_lightprobe_cubecamera.html"},
|
||||
{"category": "webgpu (wip)", "file": "webgpu_lights_ies_spotlight.html"},
|
||||
{"category": "webgpu (wip)", "file": "webgpu_lights_physical.html"},
|
||||
{"category": "webgpu (wip)", "file": "webgpu_lights_pointlights.html"},
|
||||
{"category": "webgpu (wip)", "file": "webgpu_lights_projector.html"},
|
||||
{"category": "webgpu (wip)", "file": "webgpu_lights_rectarealight.html"},
|
||||
{"category": "webgpu (wip)", "file": "webgpu_lights_selective.html"},
|
||||
{"category": "webgpu (wip)", "file": "webgpu_lights_spotlight.html"},
|
||||
{"category": "webgpu (wip)", "file": "webgpu_lights_tiled.html"},
|
||||
{"category": "webgpu (wip)", "file": "webgpu_lines_fat_raycasting.html"},
|
||||
{"category": "webgpu (wip)", "file": "webgpu_lines_fat_wireframe.html"},
|
||||
{"category": "webgpu (wip)", "file": "webgpu_lines_fat.html"},
|
||||
{"category": "webgpu (wip)", "file": "webgpu_loader_gltf.html"},
|
||||
{"category": "webgpu (wip)", "file": "webgpu_loader_gltf_anisotropy.html"},
|
||||
{"category": "webgpu (wip)", "file": "webgpu_loader_gltf_compressed.html"},
|
||||
{"category": "webgpu (wip)", "file": "webgpu_loader_gltf_dispersion.html"},
|
||||
{"category": "webgpu (wip)", "file": "webgpu_loader_gltf_iridescence.html"},
|
||||
{"category": "webgpu (wip)", "file": "webgpu_loader_gltf_sheen.html"},
|
||||
{"category": "webgpu (wip)", "file": "webgpu_loader_gltf_transmission.html"},
|
||||
{"category": "webgpu (wip)", "file": "webgpu_loader_materialx.html"},
|
||||
{"category": "webgpu (wip)", "file": "webgpu_loader_texture_ktx2.html"},
|
||||
{"category": "webgpu (wip)", "file": "webgpu_materials.html"},
|
||||
{"category": "webgpu (wip)", "file": "webgpu_materials_alphahash.html"},
|
||||
{"category": "webgpu (wip)", "file": "webgpu_materials_arrays.html"},
|
||||
{"category": "webgpu (wip)", "file": "webgpu_materials_basic.html"},
|
||||
{"category": "webgpu (wip)", "file": "webgpu_materials_curvature.html"},
|
||||
{"category": "webgpu (wip)", "file": "webgpu_materials_displacementmap.html"},
|
||||
{"category": "webgpu (wip)", "file": "webgpu_materials_envmaps.html"},
|
||||
{"category": "webgpu (wip)", "file": "webgpu_materials_lightmap.html"},
|
||||
{"category": "webgpu (wip)", "file": "webgpu_materials_matcap.html"},
|
||||
{"category": "webgpu (wip)", "file": "webgpu_materials_sss.html"},
|
||||
{"category": "webgpu (wip)", "file": "webgpu_materials_texture_anisotropy.html"},
|
||||
{"category": "webgpu (wip)", "file": "webgpu_materials_texture_canvas.html"},
|
||||
{"category": "webgpu (wip)", "file": "webgpu_materials_texture_partialupdate.html"},
|
||||
{"category": "webgpu (wip)", "file": "webgpu_materials_toon.html"},
|
||||
{"category": "webgpu (wip)", "file": "webgpu_materials_transmission.html"},
|
||||
{"category": "webgpu (wip)", "file": "webgpu_materials_video.html"},
|
||||
{"category": "webgpu (wip)", "file": "webgpu_mesh_batch.html"},
|
||||
{"category": "webgpu (wip)", "file": "webgpu_mirror.html"},
|
||||
{"category": "webgpu (wip)", "file": "webgpu_modifier_curve.html"},
|
||||
{"category": "webgpu (wip)", "file": "webgpu_morphtargets.html"},
|
||||
{"category": "webgpu (wip)", "file": "webgpu_morphtargets_face.html"},
|
||||
{"category": "webgpu (wip)", "file": "webgpu_mrt.html"},
|
||||
{"category": "webgpu (wip)", "file": "webgpu_multiple_canvas.html"},
|
||||
{"category": "webgpu (wip)", "file": "webgpu_multiple_elements.html"},
|
||||
{"category": "webgpu (wip)", "file": "webgpu_mrt_mask.html"},
|
||||
{"category": "webgpu (wip)", "file": "webgpu_multiple_rendertargets.html"},
|
||||
{"category": "webgpu (wip)", "file": "webgpu_multiple_rendertargets_readback.html"},
|
||||
{"category": "webgpu (wip)", "file": "webgpu_multisampled_renderbuffers.html"},
|
||||
{"category": "webgpu (wip)", "file": "webgpu_occlusion.html"},
|
||||
{"category": "webgpu (wip)", "file": "webgpu_ocean.html"},
|
||||
{"category": "webgpu (wip)", "file": "webgpu_parallax_uv.html"},
|
||||
{"category": "webgpu (wip)", "file": "webgpu_particles.html"},
|
||||
{"category": "webgpu (wip)", "file": "webgpu_performance.html"},
|
||||
{"category": "webgpu (wip)", "file": "webgpu_performance_renderbundle.html"},
|
||||
{"category": "webgpu (wip)", "file": "webgpu_pmrem_cubemap.html"},
|
||||
{"category": "webgpu (wip)", "file": "webgpu_pmrem_equirectangular.html"},
|
||||
{"category": "webgpu (wip)", "file": "webgpu_pmrem_scene.html"},
|
||||
{"category": "webgpu (wip)", "file": "webgpu_pmrem_test.html"},
|
||||
{"category": "webgpu (wip)", "file": "webgpu_portal.html"},
|
||||
{"category": "webgpu (wip)", "file": "webgpu_postprocessing_3dlut.html"},
|
||||
{"category": "webgpu (wip)", "file": "webgpu_postprocessing_afterimage.html"},
|
||||
{"category": "webgpu (wip)", "file": "webgpu_postprocessing_anamorphic.html"},
|
||||
{"category": "webgpu (wip)", "file": "webgpu_postprocessing_ao.html"},
|
||||
{"category": "webgpu (wip)", "file": "webgpu_postprocessing_bloom.html"},
|
||||
{"category": "webgpu (wip)", "file": "webgpu_postprocessing_bloom_emissive.html"},
|
||||
{"category": "webgpu (wip)", "file": "webgpu_postprocessing_bloom_selective.html"},
|
||||
{"category": "webgpu (wip)", "file": "webgpu_postprocessing_dof.html"},
|
||||
{"category": "webgpu (wip)", "file": "webgpu_postprocessing_fxaa.html"},
|
||||
{"category": "webgpu (wip)", "file": "webgpu_postprocessing_motion_blur.html"},
|
||||
{"category": "webgpu (wip)", "file": "webgpu_postprocessing_outline.html"},
|
||||
{"category": "webgpu (wip)", "file": "webgpu_postprocessing_smaa.html"},
|
||||
{"category": "webgpu (wip)", "file": "webgpu_postprocessing_sobel.html"},
|
||||
{"category": "webgpu (wip)", "file": "webgpu_postprocessing_ssr.html"},
|
||||
{"category": "webgpu (wip)", "file": "webgpu_postprocessing_sss.html"},
|
||||
{"category": "webgpu (wip)", "file": "webgpu_postprocessing_traa.html"},
|
||||
{"category": "webgpu (wip)", "file": "webgpu_postprocessing_transition.html"},
|
||||
{"category": "webgpu (wip)", "file": "webgpu_postprocessing.html"},
|
||||
{"category": "webgpu (wip)", "file": "webgpu_procedural_texture.html"},
|
||||
{"category": "webgpu (wip)", "file": "webgpu_reflection.html"},
|
||||
{"category": "webgpu (wip)", "file": "webgpu_reflection_blurred.html"},
|
||||
{"category": "webgpu (wip)", "file": "webgpu_reflection_roughness.html"},
|
||||
{"category": "webgpu (wip)", "file": "webgpu_refraction.html"},
|
||||
{"category": "webgpu (wip)", "file": "webgpu_rendertarget_2d-array_3d.html"},
|
||||
{"category": "webgpu (wip)", "file": "webgpu_rtt.html"},
|
||||
{"category": "webgpu (wip)", "file": "webgpu_sandbox.html"},
|
||||
{"category": "webgpu (wip)", "file": "webgpu_shadertoy.html"},
|
||||
{"category": "webgpu (wip)", "file": "webgpu_shadow_contact.html"},
|
||||
{"category": "webgpu (wip)", "file": "webgpu_shadowmap.html"},
|
||||
{"category": "webgpu (wip)", "file": "webgpu_shadowmap_array.html"},
|
||||
{"category": "webgpu (wip)", "file": "webgpu_shadowmap_csm.html"},
|
||||
{"category": "webgpu (wip)", "file": "webgpu_shadowmap_opacity.html"},
|
||||
{"category": "webgpu (wip)", "file": "webgpu_shadowmap_pointlight.html"},
|
||||
{"category": "webgpu (wip)", "file": "webgpu_shadowmap_progressive.html"},
|
||||
{"category": "webgpu (wip)", "file": "webgpu_shadowmap_vsm.html"},
|
||||
{"category": "webgpu (wip)", "file": "webgpu_skinning.html"},
|
||||
{"category": "webgpu (wip)", "file": "webgpu_skinning_instancing.html"},
|
||||
{"category": "webgpu (wip)", "file": "webgpu_skinning_points.html"},
|
||||
{"category": "webgpu (wip)", "file": "webgpu_sky.html"},
|
||||
{"category": "webgpu (wip)", "file": "webgpu_sprites.html"},
|
||||
{"category": "webgpu (wip)", "file": "webgpu_storage_buffer.html"},
|
||||
{"category": "webgpu (wip)", "file": "webgpu_texturegrad.html"},
|
||||
{"category": "webgpu (wip)", "file": "webgpu_textures_2d-array.html"},
|
||||
{"category": "webgpu (wip)", "file": "webgpu_textures_3d.html"},
|
||||
{"category": "webgpu (wip)", "file": "webgpu_textures_anisotropy.html"},
|
||||
{"category": "webgpu (wip)", "file": "webgpu_textures_partialupdate.html"},
|
||||
{"category": "webgpu (wip)", "file": "webgpu_tonemapping.html"},
|
||||
{"category": "webgpu (wip)", "file": "webgpu_tsl_angular_slicing.html"},
|
||||
{"category": "webgpu (wip)", "file": "webgpu_tsl_coffee_smoke.html"},
|
||||
{"category": "webgpu (wip)", "file": "webgpu_tsl_compute_attractors_particles.html"},
|
||||
{"category": "webgpu (wip)", "file": "webgpu_tsl_earth.html"},
|
||||
{"category": "webgpu (wip)", "file": "webgpu_tsl_editor.html"},
|
||||
{"category": "webgpu (wip)", "file": "webgpu_tsl_galaxy.html"},
|
||||
{"category": "webgpu (wip)", "file": "webgpu_tsl_halftone.html"},
|
||||
{"category": "webgpu (wip)", "file": "webgpu_tsl_interoperability.html"},
|
||||
{"category": "webgpu (wip)", "file": "webgpu_tsl_procedural_terrain.html"},
|
||||
{"category": "webgpu (wip)", "file": "webgpu_tsl_raging_sea.html"},
|
||||
{"category": "webgpu (wip)", "file": "webgpu_tsl_transpiler.html"},
|
||||
{"category": "webgpu (wip)", "file": "webgpu_tsl_vfx_flames.html"},
|
||||
{"category": "webgpu (wip)", "file": "webgpu_tsl_vfx_linkedparticles.html"},
|
||||
{"category": "webgpu (wip)", "file": "webgpu_tsl_vfx_tornado.html"},
|
||||
{"category": "webgpu (wip)", "file": "webgpu_tsl_wood.html"},
|
||||
{"category": "webgpu (wip)", "file": "webgpu_video_frame.html"},
|
||||
{"category": "webgpu (wip)", "file": "webgpu_video_panorama.html"},
|
||||
{"category": "webgpu (wip)", "file": "webgpu_volume_caustics.html"},
|
||||
{"category": "webgpu (wip)", "file": "webgpu_volume_cloud.html"},
|
||||
{"category": "webgpu (wip)", "file": "webgpu_volume_lighting.html"},
|
||||
{"category": "webgpu (wip)", "file": "webgpu_volume_lighting_rectarea.html"},
|
||||
{"category": "webgpu (wip)", "file": "webgpu_volume_perlin.html"},
|
||||
{"category": "webgpu (wip)", "file": "webgpu_water.html"},
|
||||
{"category": "webgpu (wip)", "file": "webgpu_xr_rollercoaster.html"},
|
||||
{"category": "webgpu (wip)", "file": "webgpu_xr_cubes.html"},
|
||||
{"category": "webgpu (wip)", "file": "webgpu_xr_native_layers.html"},
|
||||
|
||||
# webaudio category (4 examples)
|
||||
{"category": "webaudio", "file": "webaudio_orientation.html"},
|
||||
{"category": "webaudio", "file": "webaudio_sandbox.html"},
|
||||
{"category": "webaudio", "file": "webaudio_timing.html"},
|
||||
{"category": "webaudio", "file": "webaudio_visualizer.html"},
|
||||
|
||||
# webxr category (26 examples)
|
||||
{"category": "webxr", "file": "webxr_ar_camera_assisted.html"},
|
||||
{"category": "webxr", "file": "webxr_ar_cones.html"},
|
||||
{"category": "webxr", "file": "webxr_ar_hittest.html"},
|
||||
{"category": "webxr", "file": "webxr_ar_lighting.html"},
|
||||
{"category": "webxr", "file": "webxr_ar_plane_detection.html"},
|
||||
{"category": "webxr", "file": "webxr_vr_handinput.html"},
|
||||
{"category": "webxr", "file": "webxr_vr_handinput_cubes.html"},
|
||||
{"category": "webxr", "file": "webxr_vr_handinput_pointerclick.html"},
|
||||
{"category": "webxr", "file": "webxr_vr_handinput_pointerdrag.html"},
|
||||
{"category": "webxr", "file": "webxr_vr_handinput_pressbutton.html"},
|
||||
{"category": "webxr", "file": "webxr_vr_handinput_profiles.html"},
|
||||
{"category": "webxr", "file": "webxr_vr_layers.html"},
|
||||
{"category": "webxr", "file": "webxr_vr_panorama.html"},
|
||||
{"category": "webxr", "file": "webxr_vr_rollercoaster.html"},
|
||||
{"category": "webxr", "file": "webxr_vr_sandbox.html"},
|
||||
{"category": "webxr", "file": "webxr_vr_teleport.html"},
|
||||
{"category": "webxr", "file": "webxr_vr_video.html"},
|
||||
{"category": "webxr", "file": "webxr_xr_ballshooter.html"},
|
||||
{"category": "webxr", "file": "webxr_xr_controls_transform.html"},
|
||||
{"category": "webxr", "file": "webxr_xr_cubes.html"},
|
||||
{"category": "webxr", "file": "webxr_xr_dragging.html"},
|
||||
{"category": "webxr", "file": "webxr_xr_dragging_custom_depth.html"},
|
||||
{"category": "webxr", "file": "webxr_xr_haptics.html"},
|
||||
{"category": "webxr", "file": "webxr_xr_paint.html"},
|
||||
{"category": "webxr", "file": "webxr_xr_sculpt.html"},
|
||||
|
||||
# games category (1 example)
|
||||
{"category": "games", "file": "games_fps.html"},
|
||||
|
||||
# physics category (13 examples)
|
||||
{"category": "physics", "file": "physics_ammo_break.html"},
|
||||
{"category": "physics", "file": "physics_ammo_cloth.html"},
|
||||
{"category": "physics", "file": "physics_ammo_instancing.html"},
|
||||
{"category": "physics", "file": "physics_ammo_rope.html"},
|
||||
{"category": "physics", "file": "physics_ammo_terrain.html"},
|
||||
{"category": "physics", "file": "physics_ammo_volume.html"},
|
||||
{"category": "physics", "file": "physics_jolt_instancing.html"},
|
||||
{"category": "physics", "file": "physics_rapier_basic.html"},
|
||||
{"category": "physics", "file": "physics_rapier_instancing.html"},
|
||||
{"category": "physics", "file": "physics_rapier_joints.html"},
|
||||
{"category": "physics", "file": "physics_rapier_character_controller.html"},
|
||||
{"category": "physics", "file": "physics_rapier_vehicle_controller.html"},
|
||||
{"category": "physics", "file": "physics_rapier_terrain.html"},
|
||||
|
||||
# misc category (20 examples)
|
||||
{"category": "misc", "file": "misc_animation_groups.html"},
|
||||
{"category": "misc", "file": "misc_animation_keys.html"},
|
||||
{"category": "misc", "file": "misc_boxselection.html"},
|
||||
{"category": "misc", "file": "misc_controls_arcball.html"},
|
||||
{"category": "misc", "file": "misc_controls_drag.html"},
|
||||
{"category": "misc", "file": "misc_controls_fly.html"},
|
||||
{"category": "misc", "file": "misc_controls_map.html"},
|
||||
{"category": "misc", "file": "misc_controls_orbit.html"},
|
||||
{"category": "misc", "file": "misc_controls_pointerlock.html"},
|
||||
{"category": "misc", "file": "misc_controls_trackball.html"},
|
||||
{"category": "misc", "file": "misc_controls_transform.html"},
|
||||
{"category": "misc", "file": "misc_exporter_draco.html"},
|
||||
{"category": "misc", "file": "misc_exporter_gltf.html"},
|
||||
{"category": "misc", "file": "misc_exporter_obj.html"},
|
||||
{"category": "misc", "file": "misc_exporter_ply.html"},
|
||||
{"category": "misc", "file": "misc_exporter_stl.html"},
|
||||
{"category": "misc", "file": "misc_exporter_usdz.html"},
|
||||
{"category": "misc", "file": "misc_exporter_exr.html"},
|
||||
{"category": "misc", "file": "misc_exporter_ktx2.html"},
|
||||
{"category": "misc", "file": "misc_raycaster_helper.html"},
|
||||
|
||||
# css2d category (1 example)
|
||||
{"category": "css2d", "file": "css2d_label.html"},
|
||||
|
||||
# css3d category (6 examples)
|
||||
{"category": "css3d", "file": "css3d_molecules.html"},
|
||||
{"category": "css3d", "file": "css3d_orthographic.html"},
|
||||
{"category": "css3d", "file": "css3d_periodictable.html"},
|
||||
{"category": "css3d", "file": "css3d_sandbox.html"},
|
||||
{"category": "css3d", "file": "css3d_sprites.html"},
|
||||
{"category": "css3d", "file": "css3d_youtube.html"},
|
||||
|
||||
# svg category (2 examples)
|
||||
{"category": "svg", "file": "svg_lines.html"},
|
||||
{"category": "svg", "file": "svg_sandbox.html"},
|
||||
|
||||
# tests category (2 examples)
|
||||
{"category": "tests", "file": "webgl_furnace_test.html"},
|
||||
{"category": "tests", "file": "misc_uv_tests.html"},
|
||||
]
|
||||
|
||||
|
||||
def extract_keywords_from_file(filename):
|
||||
"""Extract keywords from filename"""
|
||||
base = filename.replace('.html', '')
|
||||
parts = base.split('_')
|
||||
return ', '.join([p for p in parts if len(p) > 1])
|
||||
|
||||
|
||||
def extract_name_from_file(filename):
|
||||
"""Extract display name from filename"""
|
||||
base = filename.replace('.html', '')
|
||||
parts = base.split('_')[1:] # Remove prefix like 'webgl'
|
||||
return ' / '.join(parts)
|
||||
|
||||
|
||||
def generate_tracking_csv():
|
||||
"""Generate tracking CSV with all 556 examples"""
|
||||
tracking_file = SKILL_DIR / "extraction-progress.csv"
|
||||
|
||||
rows = []
|
||||
for i, ex in enumerate(ALL_EXAMPLES, 1):
|
||||
rows.append({
|
||||
'ID': i,
|
||||
'Category': ex['category'],
|
||||
'Name': extract_name_from_file(ex['file']),
|
||||
'File': ex['file'],
|
||||
'URL': f"https://threejs.org/examples/{ex['file']}",
|
||||
'Keywords': extract_keywords_from_file(ex['file']),
|
||||
'Status': 'pending',
|
||||
'Extracted_At': ''
|
||||
})
|
||||
|
||||
with open(tracking_file, 'w', newline='', encoding='utf-8') as f:
|
||||
writer = csv.DictWriter(f, fieldnames=['ID', 'Category', 'Name', 'File', 'URL', 'Keywords', 'Status', 'Extracted_At'])
|
||||
writer.writeheader()
|
||||
writer.writerows(rows)
|
||||
|
||||
print(f"Generated {len(rows)} entries in {tracking_file}")
|
||||
return rows
|
||||
|
||||
|
||||
def generate_examples_csv():
|
||||
"""Generate examples-all.csv with all 556 examples"""
|
||||
examples_file = DATA_DIR / "examples-all.csv"
|
||||
DATA_DIR.mkdir(exist_ok=True)
|
||||
|
||||
rows = []
|
||||
for i, ex in enumerate(ALL_EXAMPLES, 1):
|
||||
name = extract_name_from_file(ex['file'])
|
||||
keywords = extract_keywords_from_file(ex['file'])
|
||||
|
||||
# Determine complexity based on category
|
||||
complexity = "medium"
|
||||
if "advanced" in ex['category'] or "gpgpu" in ex['file'] or "compute" in ex['file']:
|
||||
complexity = "high"
|
||||
elif "basic" in ex['file'] or ex['category'] in ['css2d', 'css3d', 'svg']:
|
||||
complexity = "low"
|
||||
|
||||
# Generate use cases based on keywords
|
||||
use_cases = []
|
||||
file_lower = ex['file'].lower()
|
||||
if 'animation' in file_lower:
|
||||
use_cases.append('character animation')
|
||||
if 'loader' in file_lower:
|
||||
use_cases.append('model loading')
|
||||
if 'material' in file_lower:
|
||||
use_cases.append('material effects')
|
||||
if 'postprocessing' in file_lower:
|
||||
use_cases.append('visual effects')
|
||||
if 'shadow' in file_lower:
|
||||
use_cases.append('realistic lighting')
|
||||
if 'physics' in file_lower:
|
||||
use_cases.append('physics simulation')
|
||||
if 'xr' in file_lower or 'vr' in file_lower or 'ar' in file_lower:
|
||||
use_cases.append('VR/AR experience')
|
||||
if 'interactive' in file_lower or 'raycaster' in file_lower:
|
||||
use_cases.append('user interaction')
|
||||
if 'particle' in file_lower or 'points' in file_lower:
|
||||
use_cases.append('particle effects')
|
||||
if 'terrain' in file_lower or 'geometry' in file_lower:
|
||||
use_cases.append('procedural generation')
|
||||
if not use_cases:
|
||||
use_cases.append('3D visualization')
|
||||
|
||||
# Generate description
|
||||
desc = f"Three.js {ex['category']} example demonstrating {name.replace(' / ', ', ')}"
|
||||
|
||||
rows.append({
|
||||
'ID': i,
|
||||
'Category': ex['category'],
|
||||
'Name': name,
|
||||
'File': ex['file'],
|
||||
'URL': f"https://threejs.org/examples/{ex['file']}",
|
||||
'Keywords': keywords,
|
||||
'Complexity': complexity,
|
||||
'Use Cases': '; '.join(use_cases),
|
||||
'Description': desc
|
||||
})
|
||||
|
||||
with open(examples_file, 'w', newline='', encoding='utf-8') as f:
|
||||
writer = csv.DictWriter(f, fieldnames=['ID', 'Category', 'Name', 'File', 'URL', 'Keywords', 'Complexity', 'Use Cases', 'Description'])
|
||||
writer.writeheader()
|
||||
writer.writerows(rows)
|
||||
|
||||
print(f"Generated {len(rows)} entries in {examples_file}")
|
||||
return rows
|
||||
|
||||
|
||||
if __name__ == "__main__":
|
||||
print("Generating Three.js skill data files...")
|
||||
print(f"Total examples: {len(ALL_EXAMPLES)}")
|
||||
|
||||
# Count by category
|
||||
categories = {}
|
||||
for ex in ALL_EXAMPLES:
|
||||
cat = ex['category']
|
||||
categories[cat] = categories.get(cat, 0) + 1
|
||||
|
||||
print("\nExamples by category:")
|
||||
for cat, count in sorted(categories.items(), key=lambda x: -x[1]):
|
||||
print(f" {cat}: {count}")
|
||||
|
||||
print("\nGenerating files...")
|
||||
generate_tracking_csv()
|
||||
generate_examples_csv()
|
||||
print("\nDone!")
|
||||
135
.opencode/skills/threejs/scripts/generate_csv_from_json.py
Normal file
135
.opencode/skills/threejs/scripts/generate_csv_from_json.py
Normal file
@@ -0,0 +1,135 @@
|
||||
#!/usr/bin/env python3
|
||||
# -*- coding: utf-8 -*-
|
||||
"""
|
||||
Generate CSV files from examples-raw.json
|
||||
"""
|
||||
|
||||
import csv
|
||||
import json
|
||||
from pathlib import Path
|
||||
|
||||
DATA_DIR = Path(__file__).parent.parent / "data"
|
||||
SKILL_DIR = Path(__file__).parent.parent
|
||||
|
||||
|
||||
def extract_keywords_from_file(filename):
|
||||
"""Extract keywords from filename"""
|
||||
base = filename.replace('.html', '')
|
||||
parts = base.split('_')
|
||||
return ', '.join([p for p in parts if len(p) > 1])
|
||||
|
||||
|
||||
def extract_name_from_file(filename):
|
||||
"""Extract display name from filename"""
|
||||
base = filename.replace('.html', '')
|
||||
parts = base.split('_')[1:] # Remove prefix like 'webgl'
|
||||
return ' / '.join(parts)
|
||||
|
||||
|
||||
def generate_csvs():
|
||||
"""Generate tracking and examples CSVs from JSON"""
|
||||
json_file = DATA_DIR / "examples-raw.json"
|
||||
|
||||
with open(json_file, 'r', encoding='utf-8') as f:
|
||||
examples = json.load(f)
|
||||
|
||||
print(f"Loaded {len(examples)} examples from JSON")
|
||||
|
||||
# Count by category
|
||||
categories = {}
|
||||
for ex in examples:
|
||||
cat = ex['c']
|
||||
categories[cat] = categories.get(cat, 0) + 1
|
||||
|
||||
print("\nExamples by category:")
|
||||
for cat, count in sorted(categories.items(), key=lambda x: -x[1]):
|
||||
print(f" {cat}: {count}")
|
||||
|
||||
# Generate tracking CSV
|
||||
tracking_file = SKILL_DIR / "extraction-progress.csv"
|
||||
tracking_rows = []
|
||||
for i, ex in enumerate(examples, 1):
|
||||
tracking_rows.append({
|
||||
'ID': i,
|
||||
'Category': ex['c'],
|
||||
'Name': extract_name_from_file(ex['f']),
|
||||
'File': ex['f'],
|
||||
'URL': f"https://threejs.org/examples/{ex['f']}",
|
||||
'Keywords': extract_keywords_from_file(ex['f']),
|
||||
'Status': 'extracted',
|
||||
'Extracted_At': '2026-01-21'
|
||||
})
|
||||
|
||||
with open(tracking_file, 'w', newline='', encoding='utf-8') as f:
|
||||
writer = csv.DictWriter(f, fieldnames=['ID', 'Category', 'Name', 'File', 'URL', 'Keywords', 'Status', 'Extracted_At'])
|
||||
writer.writeheader()
|
||||
writer.writerows(tracking_rows)
|
||||
print(f"\nGenerated {len(tracking_rows)} entries in {tracking_file}")
|
||||
|
||||
# Generate examples-all.csv
|
||||
examples_file = DATA_DIR / "examples-all.csv"
|
||||
examples_rows = []
|
||||
for i, ex in enumerate(examples, 1):
|
||||
name = extract_name_from_file(ex['f'])
|
||||
keywords = extract_keywords_from_file(ex['f'])
|
||||
|
||||
# Determine complexity based on category
|
||||
complexity = "medium"
|
||||
if "advanced" in ex['c'] or "gpgpu" in ex['f'] or "compute" in ex['f']:
|
||||
complexity = "high"
|
||||
elif "basic" in ex['f'] or ex['c'] in ['css2d', 'css3d', 'svg']:
|
||||
complexity = "low"
|
||||
|
||||
# Generate use cases based on keywords
|
||||
use_cases = []
|
||||
file_lower = ex['f'].lower()
|
||||
if 'animation' in file_lower:
|
||||
use_cases.append('character animation')
|
||||
if 'loader' in file_lower:
|
||||
use_cases.append('model loading')
|
||||
if 'material' in file_lower:
|
||||
use_cases.append('material effects')
|
||||
if 'postprocessing' in file_lower:
|
||||
use_cases.append('visual effects')
|
||||
if 'shadow' in file_lower:
|
||||
use_cases.append('realistic lighting')
|
||||
if 'physics' in file_lower:
|
||||
use_cases.append('physics simulation')
|
||||
if 'xr' in file_lower or 'vr' in file_lower or 'ar' in file_lower:
|
||||
use_cases.append('VR/AR experience')
|
||||
if 'interactive' in file_lower or 'raycaster' in file_lower:
|
||||
use_cases.append('user interaction')
|
||||
if 'particle' in file_lower or 'points' in file_lower:
|
||||
use_cases.append('particle effects')
|
||||
if 'terrain' in file_lower or 'geometry' in file_lower:
|
||||
use_cases.append('procedural generation')
|
||||
if 'tsl' in file_lower:
|
||||
use_cases.append('shader programming')
|
||||
if 'compute' in file_lower:
|
||||
use_cases.append('GPU compute')
|
||||
if not use_cases:
|
||||
use_cases.append('3D visualization')
|
||||
|
||||
desc = f"Three.js {ex['c']} example demonstrating {name.replace(' / ', ', ')}"
|
||||
|
||||
examples_rows.append({
|
||||
'ID': i,
|
||||
'Category': ex['c'],
|
||||
'Name': name,
|
||||
'File': ex['f'],
|
||||
'URL': f"https://threejs.org/examples/{ex['f']}",
|
||||
'Keywords': keywords,
|
||||
'Complexity': complexity,
|
||||
'Use Cases': '; '.join(use_cases),
|
||||
'Description': desc
|
||||
})
|
||||
|
||||
with open(examples_file, 'w', newline='', encoding='utf-8') as f:
|
||||
writer = csv.DictWriter(f, fieldnames=['ID', 'Category', 'Name', 'File', 'URL', 'Keywords', 'Complexity', 'Use Cases', 'Description'])
|
||||
writer.writeheader()
|
||||
writer.writerows(examples_rows)
|
||||
print(f"Generated {len(examples_rows)} entries in {examples_file}")
|
||||
|
||||
|
||||
if __name__ == "__main__":
|
||||
generate_csvs()
|
||||
77
.opencode/skills/threejs/scripts/search.py
Normal file
77
.opencode/skills/threejs/scripts/search.py
Normal file
@@ -0,0 +1,77 @@
|
||||
#!/usr/bin/env python3
|
||||
# -*- coding: utf-8 -*-
|
||||
"""
|
||||
Three.js Skill Search - CLI for searching Three.js examples and API
|
||||
Usage: python search.py "<query>" [--domain <domain>] [--max-results 5]
|
||||
python search.py "<query>" --use-case
|
||||
python search.py --category <category>
|
||||
python search.py --complexity <low|medium|high>
|
||||
|
||||
Domains: examples, categories, use-cases, api
|
||||
"""
|
||||
|
||||
import argparse
|
||||
import json
|
||||
from core import (
|
||||
CSV_CONFIG, MAX_RESULTS, search,
|
||||
search_by_complexity, search_by_category, get_recommended_examples
|
||||
)
|
||||
|
||||
|
||||
def format_output(result):
|
||||
"""Format results for Claude consumption (token-optimized)"""
|
||||
if "error" in result:
|
||||
return f"Error: {result['error']}"
|
||||
|
||||
output = []
|
||||
output.append(f"## Three.js Search Results")
|
||||
output.append(f"**Domain:** {result['domain']} | **Query:** {result.get('query', result.get('category', result.get('complexity', 'N/A')))}")
|
||||
output.append(f"**Found:** {result['count']} results\n")
|
||||
|
||||
for i, row in enumerate(result['results'], 1):
|
||||
output.append(f"### Result {i}")
|
||||
for key, value in row.items():
|
||||
value_str = str(value)
|
||||
if len(value_str) > 300:
|
||||
value_str = value_str[:300] + "..."
|
||||
output.append(f"- **{key}:** {value_str}")
|
||||
output.append("")
|
||||
|
||||
return "\n".join(output)
|
||||
|
||||
|
||||
def main():
|
||||
parser = argparse.ArgumentParser(description="Three.js Skill Search")
|
||||
parser.add_argument("query", nargs="?", help="Search query")
|
||||
parser.add_argument("--domain", "-d", choices=list(CSV_CONFIG.keys()), help="Search domain")
|
||||
parser.add_argument("--max-results", "-n", type=int, default=MAX_RESULTS, help="Max results (default: 5)")
|
||||
parser.add_argument("--json", action="store_true", help="Output as JSON")
|
||||
|
||||
# Special search modes
|
||||
parser.add_argument("--use-case", "-u", action="store_true", help="Get recommended examples for use case")
|
||||
parser.add_argument("--category", "-c", type=str, help="Filter by category")
|
||||
parser.add_argument("--complexity", "-x", choices=["low", "medium", "high"], help="Filter by complexity")
|
||||
|
||||
args = parser.parse_args()
|
||||
|
||||
# Handle special search modes
|
||||
if args.complexity:
|
||||
result = search_by_complexity(args.complexity, args.max_results)
|
||||
elif args.category:
|
||||
result = search_by_category(args.category, args.max_results)
|
||||
elif args.use_case and args.query:
|
||||
result = get_recommended_examples(args.query, args.max_results)
|
||||
elif args.query:
|
||||
result = search(args.query, args.domain, args.max_results)
|
||||
else:
|
||||
parser.print_help()
|
||||
return
|
||||
|
||||
if args.json:
|
||||
print(json.dumps(result, indent=2, ensure_ascii=False))
|
||||
else:
|
||||
print(format_output(result))
|
||||
|
||||
|
||||
if __name__ == "__main__":
|
||||
main()
|
||||
Reference in New Issue
Block a user