A Pipecraft polished, fully featured HTML5 pipe-connection puzzle game built for commercial distribution. Zero external JavaScript dependencies. Works on any device, in any modern browser, straight from a static file host.
Overview
Pipecraft challenges players to connect matching colored endpoints on a grid by drawing pipe paths, then filling every cell of the board. Three difficulty tiers, 150 levels, a full coin economy, a daily streak system, an integrated ad framework, and four free selectable themes make Pipecraft a complete, ready-to-ship product.
About the Game
Entry point is index.html — no build step required
Pipecraft vanilla HTML5, CSS3, and ES6+ JavaScript — no libraries, no frameworks, no package manager
SVG-based game board — crisp rendering at every screen size and pixel density
Procedural Web Audio API sound engine — no audio files bundled
All game state persisted to localStorage with full graceful degradation when storage is unavailable
Supports mouse, touch, and stylus input via the Pointer Events API
Themes
Pipecraft Four themes are available to all players at no cost, each with a matching background image. The active theme is saved to localStorage and applied instantly on every return visit.
Purple — deep violet lobby with electric purple accents (default)
Black — pure dark minimalism with silver-white accents
Parrot — vivid jungle greens with neon lime highlights
Pink — soft rose tones with warm blush highlights
Levels
150 total levels across three difficulty tiers
50 Easy levels, 50 Medium levels, 50 Hard levels
All puzzle data is embedded directly in script/js/script.js — no external level files to load
New levels can be added by appending entries to the LEVELS object in script.js
Level progress and completion state are saved per-difficulty in localStorage
A Level Select overlay with a progress bar lets players jump to any unlocked level
Difficulty Modes
Easy — 5 × 5 grid: 25 cells, 3 to 5 color pipes per puzzle. Approachable for new players.
Medium — 7 × 7 grid: 49 cells, more pipes, denser routing. Suitable for casual puzzle fans.
Hard — 10 × 10 grid: 100 cells, maximum pipe count. Designed for experienced puzzle solvers.
How to Play
Select a difficulty and level from the lobby.
Tap and drag from one colored endpoint to its matching colored endpoint to draw a pipe path.
Pipes can be erased by dragging back over them or starting a new path from the same endpoint.
Connect all colored pairs and fill every cell of the grid to complete the level.
A star rating is awarded based on move efficiency (moves used vs. the optimal move count).
Controls
Desktop: Click and drag to draw pipes. Click an existing pipe to erase and redraw.
Mobile / Touch: Tap and drag to draw pipes. Touch controls use the Pointer Events API for precise, lag-free input.
Undo: Step back one move at a time.
Hint: Reveal the correct next step for one pipe. Uses the hint inventory (starts at 3; more can be purchased in the shop or earned by watching an ad).
Reset: Clear all pipes and restart the current level.
Pause: Pause the timer and access skip, lobby, and quit options.
Settings
All settings are accessible from the lobby settings button and are saved automatically to localStorage.
Sound Effects: Toggle procedural game sounds on or off. (Note: no background music is included.)
Show Timer: Toggle the elapsed-time counter in the game header.
Particle Effects: Toggle the particle burst animation that plays on pipe connection.
Auto-Fill Hint: When enabled, hints automatically complete one full cell step rather than just indicating the direction.
Reset All Progress: Clears all saved progress, coins, and settings from localStorage.
Ad Monetization
Pipecraft ships with a fully integrated, configurable ad system ready to connect to any ad network.
Ads are displayed in a full-screen overlay with a sandboxed iframe, a countdown timer, and a skip button that appears after 5 seconds (configurable).
Ad content is loaded from script/ads/ad.html — the file contains clearly marked comment blocks that show exactly where to paste your ad network’s loader script and ad unit code (Google AdSense, AdMob Web, ironSource, Unity Ads, etc.).
Ad completion is signaled from the ad slot via window.parent.postMessage('AD_COMPLETE', '*').
Ad trigger points: game start, every third level completed (interstitial), quit/back-to-lobby, skip-level action, and the lobby “Earn Coins” button.
Watching an ad rewards 50 coins. All reward amounts and trigger frequencies are configurable in script/js/script.js.
Players can spend 300 coins in the shop to disable ads for their current session.
Tech Stack
HTML5 — semantic markup, all screens in one file
CSS3 — custom properties, flexbox, grid, keyframe animations, backdrop-filter
Vanilla JavaScript (ES6+) — modules, arrow functions, optional chaining, Pointer Events API, Web Audio API
SVG — scalable vector game board, all icons drawn inline
Google Fonts CDN — Barlow Condensed, DM Sans, JetBrains Mono, Orbitron, Rajdhani, Space Grotesk, Bebas Neue, Share Tech Mono
localStorage — all game persistence (progress, coins, settings, theme, streak, owned items)
No canvas, no WebGL, no game engine, no npm dependencies
Requirements & Compatibility
Any modern browser: Chrome 88+, Firefox 85+, Safari 14+, Edge 88+, Samsung Internet 14+
No server-side code required — deploy to any static file host (GitHub Pages, Netlify, S3, cpanel, etc.)
No installation, no build step, no CLI tools required
Internet connection required for Google Fonts to render correctly; see documentation for offline font bundling instructions
Fully responsive — adapts to desktop, tablet, and mobile screens
Internet Explorer is not supported
All localStorage operations are wrapped in try/catch for safe degradation in private browsing mode
(Only For Premium Category Products !)
1. All digital products are the most recent version, with no possibility of free updates. After payment, you can request an update to the most recent version for 5 days if a new version is released. We free support within 5 days.
2. If a license is required (Excludes WHMCS license , we provide only method not license), please contact us via email or ticket for assistance with activation. Our license is only valid for activation and does not include support.
3. We provide Mobile, PHP script installation services for $19.90 / ₹1700. Please create a backup after installation as we do not support re-installation. For mobile app source code, we do not offer installation services.
5. Please note that any digital products presented on the website do not contain malicious code, viruses or advertising. You will receive the original files from the developers. We do not sell any products that have been downloaded from other websites.
6. The response time can last up to 6 hours.
(Only For Membership Category Products !)
Benefits of our Membership Plans
Instant access to all plugins and all themes including all future releases
Unlimited domain usage
Regular Updates as of when available. Usually, updates are released daily.
If you have any questions, please first read the FAQs.
If you haven’t found the answer to your question, please contact us, and we will respond ASAP.
Please note that any digital products on the website do not contain malicious code, viruses, or advertising. We buy the original files from the developers. We do not sell any products downloaded from other sites.
Buy or download for FREE by subscribing to our VIP Membership Plan. Join the club of more than 1100+ happy members. This is the same theme as sold by the developer.
Updates:
We offer frequent updates for one year from the date of purchase. After this period, you have to purchase the item again to receive further updates, we also offer lifetime updates as a second option.
We regularly update products as soon as we are notified about an update, we go and download it from the author and update it on our site, but In case the current version of the product is not the latest, You can request an update for the product by contact form.
We send regular emails advising when products have been updated so please be sure to provide an active email address when you sign up.
Support:
Our support team is available 24/7, if you have any questions or need help in installing or configuring digital products purchased on the website, please don’t hesitate to contact form.
Please note that we are not developers of the provided products, so our technical support capabilities are limited. We do not change product functionality and do not fix developer bugs.
If you have any questions, please first read the FAQs.
If you haven’t found the answer to your question, please contact us, and we will respond ASAP.
Please note that any digital products on the website do not contain malicious code, viruses, or advertising. We buy the original files from the developers. We do not sell any products downloaded from other sites.
