LIVE PREVIEWBUY FOR $13

Plunk | HTML5 3D Button Arcade Recreation

Plunk is a enjoyable and addictive HTML5 arcade sport the place each management is a satisfying
3D button. Press glowing keycaps, remedy puzzles, take a look at your reflexes, and problem
your reminiscence throughout 4 distinctive sport modes.

The buttons rise from a darkish sport board, glow when activated, and sink when pressed.
The board incorporates a dynamic 3D tilt impact, whereas all visuals are created with CSS
and all sounds are generated utilizing the Net Audio API. No picture or audio recordsdata are required.

4 Distinctive Recreation Modes

1. Lights Out – Puzzle Mode

  • 60 handcrafted-style, procedurally generated puzzle ranges
  • Press a button to toggle its gentle and the 4 neighbouring buttons
  • Flip off each gentle to finish the puzzle
  • Progressive board sizes: 3×3, 4×4, and 5×5
  • Each generated degree is designed to be solvable
  • Par-based scoring with 1–3 stars per degree
  • Elective trace system that limits the utmost reward to 2 stars
  • Sequential degree unlocking with an non-obligatory unlock-all setting

2. Reflex Rush – Reflex Mode

  • 45-second fast-paced response problem
  • Press glowing buttons as shortly as attainable
  • Construct combos to extend your rating
  • Gold buttons award an additional 2 seconds
  • Mistaken presses and missed targets cut back your remaining time
  • Board expands from 3×3 to 4×4 because the problem will increase
  • Goal timing turns into quicker as you enhance

3. Echo Pad – Reminiscence Mode

  • 4 giant colored keys with particular person tones
  • Watch and take heed to the sequence, then repeat it accurately
  • Every new degree provides one other step to the sequence
  • Playback pace will increase as you progress
  • One incorrect press ends the present run

4. Quantity Rush – Velocity Mode

  • Three fast-paced numbered-button rounds
  • Spherical sizes: 9, 12, and 16 buttons
  • Press the numbers in ascending order, ranging from 1
  • Mistaken presses add a 1-second penalty
  • Full every spherical as shortly as attainable
  • Private finest occasions are saved robotically

Recreation Options

  • Real looking CSS-based 3D buttons with raised keycaps and press animations
  • Glowing button results and a darkish arcade-style board
  • Interactive 3D board tilt that follows mouse motion
  • Immediate button response on contact down
  • Elective machine vibration suggestions
  • Three visible skins: Arcade, Sweet, and Carbon
  • Sound, vibration, 3D tilt, and reduced-motion settings
  • Pause menu and particular person directions for each sport mode
  • Star counter, private bests, and animated confetti outcomes
  • Computerized browser-based progress saving

Cell and Desktop Prepared

  • Cell-first responsive design
  • Optimized layouts for telephones, panorama telephones, tablets, and desktops
  • Massive touch-friendly buttons with 48px minimal contact targets
  • Interface scales up on bigger screens
  • Protected-area assist for telephones with notched shows
  • Desktop keyboard controls: Tab, Enter, and House
  • Press Esc to pause the sport

Simple Customization

Customise the sport via a single configuration file with out enhancing the primary sport logic.

  • Change the sport title, tagline, credit, and interface messages
  • Customise button labels and textual content for simple translation
  • Configure the variety of puzzle ranges and degree unlocking
  • Alter Reflex Rush period and Quantity Rush spherical sizes
  • Change Echo Pad playback pace
  • Customise star targets for all sport modes
  • Change every mode’s identify, color, description, and directions
  • Allow or disable particular person sport modes
  • Handle the three visible skins via CSS variables

Privateness and Efficiency

  • No ads or in-app purchases
  • No accounts, analytics, or exterior community requests
  • No exterior pictures, audio recordsdata, or font dependencies
  • Pure HTML5, CSS3, and vanilla JavaScript
  • No third-party libraries or construct instruments required
  • Recreation progress is saved domestically utilizing browser localStorage
  • Can run immediately by opening index.html or importing the sport folder to an online host

Documentation Included

  • Full setup and set up information
  • Annotated emblem and branding information
  • Keycap emblem, color, pores and skin, and font customization information
  • Configuration settings reference
  • Translation directions
  • Recreation controls and gameplay information
  • Troubleshooting documentation

Expertise

  • HTML5
  • CSS3 with 3D transforms and animations
  • Vanilla JavaScript (ES6+)
  • Net Audio API
  • Browser Native Storage

Browser Testing

Examined in Chromium at telephone, pill, and desktop display sizes.
Actual-device testing, Safari, and Firefox testing haven’t but been accomplished.

Assist

For set up, configuration, or customization questions, please use the merchandise
feedback web page.


Source

Hostinger
Namecheap Best Deals