Skip to content

Commit

Permalink
➕🌵Añadí las pantallas Matriz 8X8 LED 5050 y Pantalla LCD 16x2🌵➕
Browse files Browse the repository at this point in the history
  • Loading branch information
@jesusparedesg
jesusparedesg committed Dec 12, 2024
1 parent cfd457e commit 82f45ee
Show file tree
Hide file tree
Showing 2 changed files with 756 additions and 0 deletions.
233 changes: 233 additions & 0 deletions index.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -85,6 +85,239 @@ <h2>Algoritmos</h2>
<span class="hueco"></span>
</div>
</div>

<div id="matriz-leds-8x8">
<div id="pcb">
<div class="leds">
<div class="fila 1">
<span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span>
</div>
<div class="fila 2">
<span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span>
</div>
<div class="fila 3">
<span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span>
</div>
<div class="fila 4">
<span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span>
</div>
<div class="fila 5">
<span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span>
</div>
<div class="fila 6">
<span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span>
</div>
<div class="fila 7">
<span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span>
</div>
<div class="fila 8">
<span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span>
</div>

</div>
</div>

<div id="placa-cara-opuesta">

<div id="pines-voltaje-superiores">
<span>V+</span>
<span>OUT</span>
<span>V-</span>
</div>

<div id="codigo-placa">
<span>WS2812B-64</span>
<span>Only ONE Pin 24 bit color 64RGB LEDs</span>
</div>

<div id="pines-voltaje-inferiores">
<span>V+</span>
<span>IN</span>
<span>V-</span>
</div>

<div id="huecos-matriz">
<div class="huecos-izq">
<span></span>
<span></span>
<span></span>
</div>
<div class="huecos-der">
<span></span>
<span></span>
<span></span>
</div>
</div>

</div>

</div>

<div id="pantalla-lcd-16x2">
<div id="placa-lcd-16x2">
<div class="franjas superior">
<span class="hueco"></span>

<div class="pines">
<span>VSS</span>
<span>VDD</span>
<span>V0</span>
<span>RS</span>
<span>RW</span>
<span>E</span>
<span>D0</span>
<span>D1</span>
<span>D2</span>
<span>D3</span>
<span>D4</span>
<span>D5</span>
<span>D6</span>
<span>D7</span>
<span>A</span>
<span>K</span>
</div>

<span id="hueco-arriba-derecha" class="hueco"></span>
</div>

<div class="marco-pantalla">
<canvas id="pantalla"></canvas>
</div>

<div class="franjas">
<span class="hueco"></span>

<span class="hueco"></span>
</div>
</div>



<div id="cara-opuesta-placa-lcd-16x2">
<div id="pcb-cara-opuesta-lcd1602">

<div id="funduino-lcm1602">

<div class="marco">
<span></span>
<span></span>
<span></span>
<span></span>
<span></span>
<span></span>
<span></span>
<span></span>
<span></span>
<span></span>
<span></span>
<span></span>
<span></span>
<span></span>
<span></span>
<span></span>

</div>

<div id="funduino-componentes">
<div class="funduino-comp-columna"></div>
<div id="columna-2-funduino" class="funduino-comp-columna">
<span class="texto">LCM1602</span>
<span id="chip"></span>
<span class="texto">Funduino</span>
</div>
<div id="columna-3-funduino" class="funduino-comp-columna">
<span>IIC</span>
<div id="marco-condensador">
<div></div>
</div>
<div id="huecos-condensador">
<div class="marco-tres-huecos">
<span></span>
<span></span>
<span></span>
</div>
<div class="marco-tres-huecos">
<span></span>
<span></span>
<span></span>
</div>
</div>
<div></div>
</div>
<div id="columna-4-funduino" class="funduino-comp-columna">

<div id="pines-columna-4">
<div id="nombres-pines">
<span class="texto-pin">GND</span>
<span class="texto-pin">VCC</span>
<span class="texto-pin">SDA</span>
<span class="texto-pin">SCL</span>
</div>

<div id="conectores-pines">
<span class="dupont-pin"></span>
<span class="dupont-pin"></span>
<span class="dupont-pin"></span>
<span class="dupont-pin"></span>
</div>

<div id="huecos-pines">
<span class="hueco-pin"></span>
<span class="hueco-pin"></span>
<span class="hueco-pin"></span>
<span class="hueco-pin"></span>
</div>
</div>


</div>
</div>
</div>

<div class="marco">
<span class="hueco"></span>

<span class="hueco"></span>
</div>

<div class="marco-pestanas">
<span class="pestana"></span>
<span class="pestana"></span>
<span class="pestana"></span>
</div>

<div id="circuito-posterior-lcd1602">
<div id="circuitos-izq">
<div class="contacto j"></div>
<div class="contacto"></div>
<div class="contacto"></div>
</div>

<div id="circuitos-centro">
<div class="contacto-circular"></div>
<div class="contacto-circular"></div>
</div>

<div id="circuitos-der"></div>

</div>

<div class="marco-pestanas">
<span class="pestana"></span>
<span class="pestana"></span>
<span class="pestana"></span>
</div>
<div class="marco">
<span class="hueco"></span>

<span class="hueco"></span>
</div>


</div>
</div>
</div>

</div>

<div id="contenedorCodigo" class="columna col2-5">
Expand Down
Loading

0 comments on commit 82f45ee

Please sign in to comment.