Sliding tile puzzle built in JavaScript with the p5.js library. It randomly loads one of ten images, splits it into tiles, and shuffles the tiles to create a playable puzzle. Players can click and drag tiles to rearrange them and solve the puzzle.
HTML rubikabsolution.html
The simulation includes elements like sand, water, fire, and more, each with unique behaviors.
HTML sandbox.html
Web-based exploration game where players navigate a procedurally generated map filled with diverse terrains, resources, and enemies. Players can gather resources, craft items, battle enemies, and build structures.
Game Controls
Arrow Keys: Move the player on the map.
Space Bar: Interact with resources or attack if equipped with a tool.
Trading & Crafting: Use on-screen buttons for trading and crafting items.
HTML textlands.html
# Solar System Simulation with Three.js
– Sun, planets, moons, asteroids, and comets with dynamic orbit and rotation behaviors, adjustable settings.
## Description
Simulates the **Solar System** in 3D, includes textures for planets, moons, and the sun. Interactive components include adjustable time-lapse speeds, orbit visibility, and labels for celestial bodies.
The simulation provides real-time interactions via mouse hover for information popups and offers responsive resizing to fit various screen dimensions. —
## Interact:
Adjust the Time Lapse Speed to increase or decrease orbital speeds.
Hover over planets and moons to view details in the popup window.
Use the GUI to:
Toggle Orbits visibility.
Toggle Labels visibility.
HTML JSolarSystem.html
This project includes three interactive math games designed for my daughter, each focusing on different mathematical concepts and engaging visuals to make learning fun and accessible (and a little dark to keep her attention). The games are implemented in JavaScript and HTML and include sound effects and visual aids whilst remaining ‘simple’.
A **simple** text-based Battleship game implemented in a batch script.
Players try to sink a computer’s ship while avoiding its shots.
The game uses a grid-based system to place ships and guess their locations.
## Description
The game creates a 5×5 grid for both the player and the computer. The player can place their ship on their board, and the computer randomly places its ship. Players take turns trying to guess the coordinates of the computer’s ship. The game provides feedback on hits and misses and ends when one player successfully sinks the other’s ship.
## Requirements
– Windows OS with Command Prompt support.
– Basic understanding of coordinates and grids.
## Usage
1. **Download the script** and save it as `battleships.bat`.
2. **Run the script** by double-clicking it
BAT battleships.txt
The objective of Find The Beep is to create a dynamic grid where letters “B”, “E”, and “P” are placed randomly, while avoiding the word “BEEP”.
This was inspired by the book
Find the Fox: An Almost Impossible Word Search by Alex Cheddar.
The book presents a unique 240-page word search using only the letters F, O, and X, where the only word present is “FOX”. The challenge and creativity in reducing the puzzle to three letters and one word inspired me to create a similar minimalist puzzle concept with “BEEP.”
My original version of Find The Beep was created using Python. I developed an Excel-based solver with VBA to scan and ensure that the sequence “BEEP” never appeared in the generated grids. The transition to JavaScript allowed me to bring this to the web, where users can interactively create grids and visualize the results.
HTML FindTheBeep.html
HTML FindTheTax.html
This is a simple web-based piano player built using the Web Audio API. It allows users to input a sequence of musical notes, specify their octaves and durations, and play them back using various waveforms like sine, square, triangle, or sawtooth. It also features adjustable volume controls.
Enter a sequence of notes in the text area in the following format:
HTML WebAudioAPI_piano.html
## Description
The Sound Generator Tool is a simple web-based application for generating basic sound waves using the Web Audio API. Users can choose between different waveform types (Sine, Square, Sawtooth, Triangle), control the frequency (from 20 Hz to 2000 Hz), and adjust the volume. Additionally, it includes a code generation feature that outputs JavaScript code reflecting the current sound settings.
## Description
CRT-style Timer and Countdown web application designed to mimic the look and feel of an old CRT monitor. It features a flickering screen effect, scan lines, and smooth animations, enhancing the nostalgic appearance.
## Usage
* Open link below.
* Choose between Timer or Countdown mode from the initial modal:
– Timer: Starts a timer that shows elapsed time.
– Countdown: Prompts you to input hours, minutes, and seconds.
* The timer or countdown will begin, displayed in the middle of the screen.
* When the countdown (if selected) reaches zero, the screen will flash to white indicating end.
HTML timer.html
This ghost hunting device was created using an Adafruit HUZZAH32 – ESP32 Feather board. It employs various sensors and components to detect environmental anomalies, which are interpreted as potential ghostly activity.
Humidity Display: The analog gauge provides real-time humidity readings to further indicate environmental shifts.
Power on the device: Once powered on, the device starts recording environmental data.
Object Detection: The ultrasonic sensor begins detecting objects. As distance decreases, more LEDs will light up. All five LEDs lighting up without a visible object indicates possible ghost activity.
Temperature Monitoring: The buzzer reacts to temperature changes. As the temperature increases, the beep rate accelerates. The device responds to temperature changes, not the absolute temperature level.
This CircuitPython script is designed to display a visual Fibonacci sequence-based clock on an Adafruit-compatible display. Using the board, displayio, and RTC libraries, it draws colored rectangles on the screen, which represent Fibonacci numbers. The clock updates its display every minute, with the color of the rectangles changing based on the current time (hours and minutes).
Rectangles will be filled based on the current time:
cPYTHON fibonacci.txt
This project allows you to visualize and generate pixel art for the SSD1306 OLED display using MicroPython. Instead of manually calculating the position of individual pixels on a 128×64 display, this tool provides a graphical interface where you can click on pixels to toggle them on or off. After creating your pixel art, the corresponding MicroPython code will be generated for easy copy-pasting into your project.
## Features
Grid-based pixel editor: A 128×64 grid where each cell represents a pixel.
Pixel toggling: Click on grid cells to toggle pixels on/off.
Code generation: Generate MicroPython code based on the active pixels in the grid.
Copy code: Quickly copy the generated code to your clipboard for use in your MicroPython project.
