Procedurally generated low poly parametric modeling for Three.js. Example scenes:<ul><li><a href="https://jasonsturges.com/three-low-poly/scenes/library" rel="noopener noreferrer" target="_blank">Library</a>: Procedural modeling of 6,000 books, each with unique shape and color</li><li><a href="https://jasonsturges.com/three-low-poly/scenes/mad-science" rel="noopener noreferrer" target="_blank">Mad Science Laboratory</a>: Example scene using parametric models</li></ul> NPM Package install:npm i three-low-poly

Three Low Poly

Parametric low poly modeling for Three.js

3D web app that combines the Spotify API and Three.js. It displays my recently played and currently playing songs in a 3D environment.<ul><li>You can add songs directly to my listening queue.</li><li>You can also contribute to a public playlist created by the community.</li></ul>Here’s a quick recording of it in action. I’d love to hear your thoughts or suggestions for new features. Feel free to add some songs to the public playlist.demo link:&nbsp;<a href="https://spotify-woad-delta.vercel.app/" rel="noopener noreferrer" target="_blank">https://spotify-woad-delta.vercel.app/</a>repo link:&nbsp;<a href="https://github.com/radegast0/spotify" rel="noopener noreferrer" target="_blank">https://github.com/radegast0/spotify</a>The project is open source and available on my GitHub. If you'd like to provide feedback, I’d love to hear your criticisms.

Spotify woad delta

displays recently played and currently playing songs on spotify

<h4>AmbientCG – Free PBR Materials and Textures for Three.js Resources</h4>What is AmbientCG? AmbientCG is a platform offering a vast collection of free, high-quality, physically-based rendering (PBR) materials and textures. These assets are designed to help developers and designers working with three.js create realistic 3D environments with lifelike materials. AmbientCG’s library includes a wide range of textures, such as wood, metal, stone, and fabric, all optimized for use in real-time rendering projects.Key Features:<ul><li>Free PBR Textures: Access hundreds of PBR textures, including albedo, normal, roughness, and displacement maps, ideal for realistic surface creation in three.js scenes.</li><li>High-Quality Materials: The materials available on AmbientCG are of professional quality, ensuring that your three.js projects have the most realistic surfaces and textures.</li><li>Wide Range of Categories: Explore textures across various categories, including concrete, wood, metal, ground, and more, suitable for any 3D project.</li><li>Multiple Resolutions: Download textures in different resolutions (up to 8K), giving you flexibility depending on the performance requirements of your three.js application.</li><li>Seamless Integration with Three.js: The textures can be easily integrated into three.js projects, helping you achieve high visual quality without complex setups.</li><li>Creative Commons Licensing: All assets are provided under the Creative Commons Zero (CC0) license, allowing free use in personal and commercial projects.</li></ul> Why Use AmbientCG?AmbientCG is a valuable resource for three.js developers and designers who need free, high-quality textures and materials to enhance the realism of their 3D scenes. The platform’s wide selection of textures and flexible resolution options make it perfect for a variety of projects, from architectural visualizations to web-based 3D experiences. With easy integration into three.js, AmbientCG helps you achieve stunning visuals without the need for costly assets.

Ambientcg

AmbientCG provides free, high-quality PBR materials and textures, perfect for three.js.

<h4>iHDRI – High-Quality HDRI Maps for Three.js Resources</h4>What is iHDRI?iHDRI is a platform that provides high-quality HDRI (High Dynamic Range Imaging) maps, ideal for enhancing the realism of 3D scenes by improving lighting, reflections, and overall atmosphere. For developers and designers working with three.js, iHDRI offers a wide range of HDRI environments that can be easily integrated into 3D projects, creating stunning, photorealistic lighting effects and immersive experiences.Key Features:<ul><li>High-Resolution HDRI Maps: iHDRI offers a variety of high-resolution HDRI maps that can be used to create realistic lighting and reflections in three.js projects.</li><li>Wide Range of Environments: Choose from a selection of environments, including natural landscapes, urban scenes, and indoor settings, to match the aesthetic of your three.js scene.</li><li>Improved Lighting and Reflections: HDRI maps are perfect for generating realistic lighting setups and reflections, helping you create highly detailed and visually compelling 3D scenes.</li><li>Seamless Integration with Three.js: The HDRI maps from iHDRI can be easily integrated into three.js projects, allowing developers to quickly enhance the visual quality of their 3D environments.</li><li>Optimized for Performance: iHDRI’s HDRI maps are optimized for real-time 3D rendering, ensuring smooth performance without compromising on quality.</li></ul>Why Use iHDRI?iHDRI is an essential resource for developers and designers working with three.js who want to create realistic lighting and reflections in their 3D projects. HDRI maps from iHDRI can significantly improve the visual realism of your scenes, making them perfect for architectural visualizations, product rendering, and interactive 3D web applications. With a range of environments and resolutions available, iHDRI helps you achieve professional-quality lighting effects in your three.js scenes.

Ihdri

iHDRI offers a collection of high-quality HDRI maps, perfect for lighting and reflections in three.j

What is PMND.rs Market?PMND.rs Market is a curated marketplace that provides developers with high-quality tools, libraries, and assets specifically designed for 3D web development with three.js. From shaders and rendering tools to models and animation libraries, the PMND.rs Market is a valuable resource for developers looking to enhance their three.js projects with cutting-edge technologies and creative assets. Key Features:<ul><li>Curated Tools and Libraries: The marketplace offers a selection of carefully curated tools, including animation libraries, shaders, physics engines, and more, all optimized for three.js development.</li><li>Three.js Integration: All resources available on PMND.rs Market are built with three.js in mind, ensuring seamless integration and compatibility with your 3D web projects.</li><li>Shaders and Materials: Enhance the visual quality of your three.js scenes with custom shaders, materials, and lighting effects, perfect for creating stunning 3D environments.</li><li>Performance Optimized: Many tools and assets in the marketplace are designed to boost performance, helping developers create responsive and optimized 3D web applications.</li><li>Community-Driven: PMND.rs Market is supported by a community of three.js developers and creators, ensuring that the resources are well-suited for real-world 3D development needs.</li></ul> Why Use PMND.rs Market?PMND.rs Market is an essential resource for three.js developers who want to streamline their development process by using pre-built tools, libraries, and assets. Whether you're building a complex 3D web application, interactive visualization, or a creative portfolio, the marketplace offers solutions to common challenges, enabling you to focus on crafting immersive experiences.

market.pmnd.rs

PMND.rs Market offers a curated selection of tools, libraries, and assets for three.js

<h4>HDRI-to-CubeMap – HDRI Environment Conversion Tool for Three.js Resources</h4>What is HDRI-to-CubeMap?HDRI-to-CubeMap is a specialized tool for converting high dynamic range images (HDRI) into CubeMaps, which are widely used in 3D environments for creating realistic lighting, reflections, and skyboxes. This tool is highly useful for developers working with three.js, as it helps enhance the realism of scenes by efficiently generating CubeMaps from HDRI files. CubeMaps are essential resources for lighting and environmental reflections in 3D web applications, and this tool simplifies the process of creating them. Key Features:<ul><li>HDRI to CubeMap Conversion: Convert your HDRI environment maps into CubeMaps for use in three.js, enabling realistic lighting and reflections in 3D scenes.</li><li>Enhanced Realism: Using CubeMaps generated from HDRI images helps create highly realistic environments, particularly useful for reflective surfaces and immersive 3D experiences in three.js.</li><li>Supports Various Resolutions: The tool allows you to convert HDRIs into CubeMaps with different resolutions, optimizing them for performance in both lightweight and high-end projects.</li><li>Efficient Lighting: CubeMaps generated from HDRIs can be applied to various objects and environments in your three.js projects, helping simulate complex lighting setups without the need for extensive real-time calculations.</li><li>Integration with Three.js: The CubeMaps produced can be easily integrated into three.js scenes, providing an efficient way to add realistic environmental lighting and reflections.</li></ul> Why Use HDRI-to-CubeMap?HDRI-to-CubeMap is an essential resource for developers looking to optimize lighting and reflections in their three.js projects. By converting HDRI images into CubeMaps, developers can improve the visual quality of their 3D scenes while maintaining performance. This tool is ideal for web-based 3D applications, games, and architectural visualizations where realistic environments and lighting are key to creating immersive experiences.

HDRI-to-CubeMap

HDRI-to-CubeMap converts HDRI environments to CubeMaps, perfect for lighting in three.js