Three.js Examples
This page clones the three.js examples
View Source
$greatGreatGrandParent = $PSScriptRoot | Split-Path | Split-Path | Split-Path
$threeJsPath = $greatGreatGrandParent | Join-Path -ChildPath 'three.js'
$3jsFiles =
git.sparse -Repository https://github.com/mrdoob/three.js/ -Pattern "/examples/**/**.html" -Path $threeJsPath
$htmlFiles = $3jsFiles |
Where-Object Extension -eq '.html'
$pageDepth = 0
$inSegments = @()
$root = "$pwd"
"<h2>Three.js Examples</h2>"
"<p>This page clones the <a href='https://github.com/mrdoob/three.js'>three.js</a> examples</p>"
"<details>"
"<summary>View Source</summary>"
"<pre><code class='language-PowerShell'>$([Web.HttpUtility]::HtmlEncode($MyInvocation.MyCommand.ScriptBlock))</code></pre>"
"</details>"
"<hr/>"
foreach ($file in $htmlFiles) {
if ($file.Name -eq 'index.html') { continue }
$fileSegments = @($file.Name -split '[/_]')
$parentSegments = $fileSegments[0..($fileSegments.Count - 2)]
if ("$parentSegments" -ne "$inSegments") {
if ($inSegments) {
"</ul>"
"</details>"
}
$inSegments = $parentSegments
"<details open>"
"<summary>$($parentSegments -join ' / ')</summary>"
"<ul>"
}
"<li>"
$exampleFileName = $file.Name -replace '\.html$'
"<a href='https://threejs.org/examples/#$exampleFileName'>$($exampleFileName)</a>"
"</li>"
}
css2d
css3d
games
misc / animation
misc
misc / controls
misc / exporter
misc / raycaster
misc / uv
physics / ammo
physics / jolt
physics / rapier
physics / rapier / character
physics / rapier
physics / rapier / vehicle
svg
webgl / animation
webgl / animation / skinning / additive
webgl / animation / skinning
webgl / animation
webgl / batch / lod
webgl / buffergeometry / attributes
webgl / buffergeometry / custom / attributes
webgl / buffergeometry
webgl / buffergeometry / instancing
webgl / buffergeometry
webgl / buffergeometry / lines
webgl / buffergeometry
webgl / buffergeometry / points
webgl / buffergeometry
webgl / buffergeometry / selective
webgl / buffergeometry
webgl
webgl / camera
webgl / clipping
webgl
webgl / custom / attributes
webgl / custom
webgl
webgl / depth
webgl / effects
webgl / framebuffer
webgl / furnace
webgl
webgl / geometry / colors
webgl / geometry
webgl / geometry / extrude
webgl / geometry
webgl / geometry / spline
webgl / geometry
webgl / geometry / terrain
webgl / geometry
webgl / geometry / text
webgl / geometry
webgl / gpgpu / birds
webgl / gpgpu
webgl
webgl / instancing
webgl / interactive
webgl / interactive / cubes
webgl / interactive
webgl / interactive / raycasting
webgl / interactive
webgl
webgl / lightprobe
webgl
webgl / lights
webgl / lines
webgl / lines / fat
webgl / lines
webgl / loader
webgl / loader / 3mf
webgl / loader
webgl / loader / collada
webgl / loader
webgl / loader / fbx
webgl / loader
webgl / loader / gltf / animation
webgl / loader / gltf
webgl / loader / gltf / progressive
webgl / loader / gltf
webgl / loader
webgl / loader / md2
webgl / loader
webgl / loader / texture
webgl / loader
webgl
webgl / materials
webgl / materials / blending
webgl / materials
webgl / materials / cubemap
webgl / materials / cubemap / render / to
webgl / materials
webgl / materials / envmaps
webgl / materials
webgl / materials / normalmap / object
webgl / materials
webgl / materials / physical
webgl / materials / physical / transmission
webgl / materials / physical
webgl / materials / subsurface
webgl / materials / texture
webgl / materials
webgl / materials / video
webgl / materials
webgl / math
webgl / math / orientation
webgl / mesh
webgl
webgl / modifier / curve
webgl / modifier
webgl / morphtargets
webgl
webgl / multiple / elements
webgl / multiple
webgl / multiple / scenes
webgl / multiple
webgl / multisampled
webgl / panorama
webgl
webgl / pmrem
webgl
webgl / postprocessing
- webgl_postprocessing_3dlut
- webgl_postprocessing_advanced
- webgl_postprocessing_afterimage
- webgl_postprocessing_backgrounds
- webgl_postprocessing_dof
- webgl_postprocessing_dof2
- webgl_postprocessing_fxaa
- webgl_postprocessing_glitch
- webgl_postprocessing_godrays
- webgl_postprocessing_gtao
- webgl_postprocessing_masking