Texture Gen is a powerful and intuitive tool that transforms a single image into a complete set of physically based rendering (PBR) texture maps — all generated automatically, directly in your browser.Using advanced image analysis and custom algorithms, Texture Gen extracts surface detail, lighting, and material properties from your source image to generate high-quality maps including: <ul><li>Base Color / Albedo</li><li>Normal Map</li><li>Displacement / Height Map</li><li>Roughness Map</li><li>Ambient Occlusion (AO)</li><li>Metalness Map (optional)</li></ul> No server-side processing is involved — all rendering and computation happen client-side, ensuring fast performance and full privacy. Your images are never uploaded. <h3>⚙️ Key Features</h3> <ul><li>⚡ One-click generation of complete PBR texture sets</li><li>🎛️ Adjustable parameters (normal strength, displacement depth, AO, roughness, metalness)</li><li>💡 Interactive real-time 3D preview with lighting control</li><li>📦 Export all maps as a ZIP or download them individually</li><li>📜 Ready-to-use Three.js code export for quick integration</li><li>🧰 Support for multiple export formats: PNG, WebP, JPEG</li><li>🎯 Toggle specific maps and choose formats based on project needs</li><li>🧠 Includes tooltips, tips for best results, and keyboard shortcuts</li><li>💻 Works in all modern browsers, no installation or login required</li></ul> <h3>🧪 Perfect for</h3><ul><li>WebGL and Three.js developers</li><li>Game asset creators</li><li>3D prototyping and shader development</li><li>VR/AR experiences</li><li>Architectural visualizations</li><li>3D printing and texture baking</li><li>Product visualization and education</li></ul> <h3>🔬 Built With</h3><ul><li>JavaScript, Canvas API, Three.js, Jszip, and custom image processing algorithms</li><li>Fully client-side, lightweight, and optimized for both performance and usability</li></ul>

Texture Gen V3

Instantly generate full PBR texture maps from a single image

Have you ever experienced a sense of disorientation while watching a movie, especially during moments of high tension or panic? As if the space around the protagonist starts to twist and turn, creating an almost vertiginous effect? This is the famous Dolly Zoom, also known as the Vertigo Effect. First appearing in Alfred Hitchcock’s masterpiece “Vertigo,” this cinematic technique continues to be widely used today in films, animations, advertisements, and video games due to its power to convey strong emotions. What is the Dolly Zoom?

From Perspective to Orthographic Camera in Three.js with Dolly Zoom — Vertigo Effect

A short article showing how to implement a Dolly Zoom effect in three.js

Jamir is an online sci-fi <a href="https://jamir.io" rel="noopener noreferrer" target="_blank">browser fps game</a> where you can play in multiple game modes. I have been developing Jamir since 2017 with Three.js and vanilla js.

JAMIR

Jamir is an online sci-fi browser FPS Game purely made with Three.js and vanilla js.

Course Length: ~9 hours In this 10 part tutorial series, you'll learn how to code your very own Minecraft clone with JavaScript and Three.js! Video Topics<ol><li>Introduction</li><li>World Generation</li><li>Block Types</li><li>Player Controller</li><li>Collision Detection</li><li>Infinite Terrain</li><li>Add/Remove Blocks</li><li>Trees, Water &amp; Clouds</li><li>Tool Animations, UI and Save/Load Functionality</li><li>Biomes</li></ol>

Learn to Code a Minecraft Clone

Learn to code a MInecraft clone with Three.js in this 10 part video series!

Three js Game

Texture Gen V3

From Perspective to Orthographic Camera in Three.js with Dolly Zoom — Vertigo Effect

JAMIR

Learn to Code a Minecraft Clone