Categories
3D blog threejs

Brush

Screenshot 2026 03 06 at 20.54.40

3D Brush

all started with toy box about a month ago. Now it’s finally finished. It can generate transparent PNGs and also supports GLB export.

https://madenp.com/brush/

Categories
blog capacitorjs officialstupid

capacitorjs 101

Screenshot 2026 03 06 at 12.44.51
nvm use 22 && npx cap sync && npx cap open android && npm start
  • nvm use 22Β β†’ switch to Node 22
  • npx cap syncΒ β†’ sync Capacitor project
  • npx cap open androidΒ β†’ open Android Studio
  • npm startΒ β†’ start dev server
Categories
.glb blog threejs

Space

Space! – three.js with .glb animation.

t-rex animation – walk, stand and die.

Feeling
Proud

Hopefully, I’ll have more time in the future for this madness.

SPACE T-REX

Categories
blog game officialstupid

404 page for madden.com

Screenshot 2026 03 03 at 20.49.38

https://madenp.com/asdfadfsf

Categories
blog javascript toy box

Procedural

ToyBox Procedural Plugin – v1.1 (POTATO PC & MOBILE OPTIMIZED)

Screenshot 2026 03 01 at 22.36.28
/**
 * ToyBox Procedural Plugin - v1.1 (POTATO PC & MOBILE OPTIMIZED)
 * Extension for ToyBox Core.
 * Style: Randomized themes on every click.
 */
const TB_GEN = (function() {

	// Internal Helper: Uses Core TB.spawnVoxel
	const spawn = (x, y, z, c, s, h) => {
		if (typeof TB !== 'undefined') {
			// We set saveHistory to false during loops to save RAM/CPU
			TB.spawnVoxel(x, y, z, c, s, false, "gen_group", h);
		}
	};

	return {
		terrain: function(size = 15) { // Reduced default size for mobile safety (30x30 grid)
			console.log("Generating Lite Terrain...");

			// STYLE RANDOMIZER
			const styles = [
				{ c: 3, freq: 0.2, amp: 2 },  // Grasslands (Green)
				{ c: 1, freq: 0.4, amp: 3 },  // Desert Peaks (Orange)
				{ c: 10, freq: 0.1, amp: 1 }, // Snow Plains (White)
				{ c: 13, freq: 0.3, amp: 4 }, // Dark Mountains (Slate)
				{ c: 5, freq: 0.5, amp: 2 }   // Crystal Reef (Cyan/Transparent)
			];
			const theme = styles[Math.floor(Math.random() * styles.length)];
			const seed = Math.random() * 50;
			const grid = 1.0;

			for (let x = -size; x < size; x++) {
				for (let z = -size; z < size; z++) {
					// Optimized Math: Lower frequency noise
					const y = Math.round(
						Math.sin(x * theme.freq + seed) *
						Math.cos(z * theme.freq + seed) * theme.amp
					);

					// Skip blocks below ground to save memory
					if (y < -1) continue;

					spawn(x * grid, y, z * grid, theme.c, grid, grid);
				}
			}
			TB.saveGame(); // Final save
		},

		maze: function(size = 12) { // Small size is much faster for pathfinding/mobile
			console.log("Generating Lite Maze...");

			// STYLE RANDOMIZER
			const wallColors = [13, 12, 0, 7]; // Slate, Blue, Red, Purple
			const color = wallColors[Math.floor(Math.random() * wallColors.length)];
			const wallHeight = Math.random() > 0.5 ? 2 : 1;
			const density = 0.6 + (Math.random() * 0.2); // Random wall frequency

			for (let x = -size; x < size; x++) {
				for (let z = -size; z < size; z++) {
					// Logic: Create paths by checking grid modulo
					if (x % 2 === 0 || z % 2 === 0) {
						if (Math.random() > density) {
							spawn(x, wallHeight / 2, z, color, 1, wallHeight);
						}
					}
				}
			}
			TB.saveGame();
		}
	};
})();
Categories
blog officialstupid toy box

Toy Box – update and broken but worth to share!


lots of good good updates and tools. 12-15 hours (I don’t use timer πŸ˜€ )

  • checkpoints after death easy to apply – light green color paint blocks.
  • pen tool to make blocks easily
  • rotation flip and more tools
  • fix broken keys – hold – A/alt/shift
  • better multisite
Categories
blog officialstupid reddit

:D lol found a way to ban myself

Just block the creator of that group. πŸ˜€

Screenshot 2026 02 28 at 13.05.20
Screenshot 2026 02 28 at 13.09.09
Categories
blog officialstupid threejs website builder

crazy bed time 11 AM idea – base on 3JS – TOY BOX – page builder (New hobby project)

– Page builder for websites using Three.js with animations.

  • WordPress Multisite support.
  • Allows users to build tiny personal websites with an easy drag-and-drop UI based on a 3D website builder.

https://build.themeness.com

her post stuck me some min and found her another work – https://www.reddit.com/r/threejs/comments/1reah8o/playing_around_with_rapier_physics_and/

I’m not fan of such website but most of people love such website and think cool πŸ˜€ so for those groups!!!

target website builder like – https://www.weisdevice.xyz

more ref : – I think it’s 3js bible πŸ˜€ – https://tympanus.net/codrops/tag/three-js/

TINY MILESTONE

  • toggle – buttos/menu
  • dialogue box
  • simple text – Title and Paragraph
  • image (URL) I’m not allowing image hosting on my server
  • video embed (vimeo – autoplay) no asssssholeeeee YouTube
Categories
blog toy box

toy box – draft

IMG

IMG
Categories
blog threejs toy box wordpress

TOY BOX – last update!

I’m just tired now, so everything is totally on hold. This is the last update for this journal.

https://toy.dharan.city/toybox_game/box-pig/

Tools for mobile for better UX. With more better buttons UI

IMG

Categories
blog css officialstupid

best CSS cheating

*,
*::before,
*::after {
    box-sizing: border-box;
}