hacklab/3DCOMUNITY
1
0
Fork 0
Code Issues Pull requests Projects 1 Releases Packages Wiki Activity Actions

primer commit

Browse source
This commit is contained in:
root 2025-11-06 19:40:02 +00:00
parent 310f14912c
commit 8ce4c5765a
143 changed files with 2385519 additions and 0 deletions
Download patch file Download diff file Expand all files Collapse all files

125
3dcomunity/sub/gallery.html Normal file
View file

@ -0,0 +1,125 @@
<!DOCTYPE html>
<html lang="es">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0"/>
<title>3Dcomunity</title>
<link rel="stylesheet" href="styles.css" />
<!-- Web Component del visor -->
<script type="module" src="https://unpkg.com/@google/model-viewer/dist/model-viewer.min.js"></script>
</head>
<body>
<!-- HEADER -->
<header class="site-header">
<h1 class="site-title">3Dcomunity</h1>
<nav class="nav-menu">
<button onclick="location.href='code.html'">Code</button>
<button onclick="location.href='gallery.html'">Gallery</button>
<button onclick="location.href='tutorials.html'">Tutorials</button>
<button onclick="location.href='about.html'">About</button>
</nav>
</header>
<main class="content">
<!-- Anclas de estado (una por modelo) -->
<a id="m-coolr3d24" class="state-anchor" aria-hidden="true"></a>
<a id="m-gaspiage" class="state-anchor" aria-hidden="true"></a>
<a id="m-kraken" class="state-anchor" aria-hidden="true"></a>
<a id="m-davidchamorro" class="state-anchor" aria-hidden="true"></a>
<a id="m-lobotomik" class="state-anchor" aria-hidden="true"></a>
<a id="m-lockheart" class="state-anchor" aria-hidden="true"></a>
<a id="m-mageb" class="state-anchor" aria-hidden="true"></a>
<a id="m-mkellsy" class="state-anchor" aria-hidden="true"></a>
<a id="m-prospect3dlab" class="state-anchor" aria-hidden="true"></a>
<a id="m-snh_base" class="state-anchor" aria-hidden="true"></a>
<a id="m-snh_usb_ether" class="state-anchor" aria-hidden="true"></a>
<a id="m-tomasla" class="state-anchor" aria-hidden="true"></a>
<a id="m-waseem-33" class="state-anchor" aria-hidden="true"></a>
<!-- VISOR 3D (70%) -->
<section id="viewer3d">
<!-- Por defecto mostramos el primero -->
<model-viewer class="mv default" data-model="coolr3d24"
src="sub/modelos/coolr3d24.glb"
camera-controls auto-rotate shadow-intensity="1" exposure="1.05"
style="width:100%;height:100%;background:#000;border-radius:.6rem;outline:1px solid #111;"></model-viewer>
<model-viewer class="mv" data-model="gaspiage" src="sub/modelos/gaspiage.glb" camera-controls auto-rotate shadow-intensity="1" exposure="1.05" style="width:100%;height:100%;background:#000;border-radius:.6rem;outline:1px solid #111;"></model-viewer>
<model-viewer class="mv" data-model="kraken" src="sub/modelos/kraken.glb" camera-controls auto-rotate shadow-intensity="1" exposure="1.05" style="width:100%;height:100%;background:#000;border-radius:.6rem;outline:1px solid #111;"></model-viewer>
<model-viewer class="mv" data-model="davidchamorro" src="sub/modelos/davidchamorro.glb" camera-controls auto-rotate shadow-intensity="1" exposure="1.05" style="width:100%;height:100%;background:#000;border-radius:.6rem;outline:1px solid #111;"></model-viewer>
<model-viewer class="mv" data-model="lobotomik" src="sub/modelos/lobotomik.glb" camera-controls auto-rotate shadow-intensity="1" exposure="1.05" style="width:100%;height:100%;background:#000;border-radius:.6rem;outline:1px solid #111;"></model-viewer>
<model-viewer class="mv" data-model="lockheart" src="sub/modelos/lockheart.glb" camera-controls auto-rotate shadow-intensity="1" exposure="1.05" style="width:100%;height:100%;background:#000;border-radius:.6rem;outline:1px solid #111;"></model-viewer>
<model-viewer class="mv" data-model="mageb" src="sub/modelos/mageb.glb" camera-controls auto-rotate shadow-intensity="1" exposure="1.05" style="width:100%;height:100%;background:#000;border-radius:.6rem;outline:1px solid #111;"></model-viewer>
<model-viewer class="mv" data-model="mkellsy" src="sub/modelos/mkellsy.glb" camera-controls auto-rotate shadow-intensity="1" exposure="1.05" style="width:100%;height:100%;background:#000;border-radius:.6rem;outline:1px solid #111;"></model-viewer>
<model-viewer class="mv" data-model="prospect3dlab" src="sub/modelos/prospect3dlab.glb" camera-controls auto-rotate shadow-intensity="1" exposure="1.05" style="width:100%;height:100%;background:#000;border-radius:.6rem;outline:1px solid #111;"></model-viewer>
<model-viewer class="mv" data-model="snh_base" src="sub/modelos/snh_base.glb" camera-controls auto-rotate shadow-intensity="1" exposure="1.05" style="width:100%;height:100%;background:#000;border-radius:.6rem;outline:1px solid #111;"></model-viewer>
<model-viewer class="mv" data-model="snh_usb_ether" src="sub/modelos/snh_usb_ether.glb" camera-controls auto-rotate shadow-intensity="1" exposure="1.05" style="width:100%;height:100%;background:#000;border-radius:.6rem;outline:1px solid #111;"></model-viewer>
<model-viewer class="mv" data-model="tomasla" src="sub/modelos/tomasla.glb" camera-controls auto-rotate shadow-intensity="1" exposure="1.05" style="width:100%;height:100%;background:#000;border-radius:.6rem;outline:1px solid #111;"></model-viewer>
<model-viewer class="mv" data-model="waseem-33" src="sub/modelos/waseem-33.glb" camera-controls auto-rotate shadow-intensity="1" exposure="1.05" style="width:100%;height:100%;background:#000;border-radius:.6rem;outline:1px solid #111;"></model-viewer>
</section>
<!-- PANEL LATERAL (30%) -->
<aside class="side-panel">
<!-- Filtros (igual que ten as) -->
<div class="filters">
<div class="filter">
<label for="material">Material</label>
<select id="material" name="material">
<option value="">Selecciona...</option>
<option value="plastico">Pl stico</option>
<option value="resina">Resina</option>
<option value="digital">Digital</option>
<option value="moldes">Moldes</option>
</select>
</div>
<div class="filter">
<label for="tamano">Tama o</label>
<select id="tamano" name="tamano">
<option value="">Selecciona...</option>
<option value="mini">Mini</option>
<option value="pequeno">Peque o</option>
<option value="grande">Grande</option>
</select>
</div>
<div class="filter">
<label for="complejidad">Complejidad</label>
<select id="complejidad" name="complejidad">
<option value="">Selecciona...</option>
<option value="muy-facil">Muy f cil</option>
<option value="facil">F cil</option>
<option value="media">Media</option>
<option value="dificil">Dif cil</option>
<option value="muy-dificil">Muy dif cil</option>
</select>
</div>
</div>
<!-- Galer a: enlaces a cada #m-... -->
<h3 style="margin-top:.5rem;">Modelos</h3>
<div class="gallery-grid">
<a class="gallery-item placeholder" href="#m-coolr3d24" data-target="m-coolr3d24">coolr3d24</a>
<a class="gallery-item placeholder" href="#m-gaspiage" data-target="m-gaspiage">gaspiage</a>
<a class="gallery-item placeholder" href="#m-kraken" data-target="m-kraken">kraken</a>
<a class="gallery-item placeholder" href="#m-davidchamorro" data-target="m-davidchamorro">davidchamorro</a>
<a class="gallery-item placeholder" href="#m-lobotomik" data-target="m-lobotomik">lobotomik</a>
<a class="gallery-item placeholder" href="#m-lockheart" data-target="m-lockheart">lockheart</a>
<a class="gallery-item placeholder" href="#m-mageb" data-target="m-mageb">mageb</a>
<a class="gallery-item placeholder" href="#m-mkellsy" data-target="m-mkellsy">mkellsy</a>
<a class="gallery-item placeholder" href="#m-prospect3dlab" data-target="m-prospect3dlab">prospect3dlab</a>
<a class="gallery-item placeholder" href="#m-snh_base" data-target="m-snh_base">snh_base</a>
<a class="gallery-item placeholder" href="#m-snh_usb_ether" data-target="m-snh_usb_ether">snh_usb_ether</a>
<a class="gallery-item placeholder" href="#m-tomasla" data-target="m-tomasla">tomasla</a>
<!-- Si quieres tambi n: -->
<a class="gallery-item placeholder" href="#m-waseem-33" data-target="m-waseem-33">waseem-33</a>
</div>
</aside>
</main>
</body>
</html>