Create a Cute Award-Winning Room Portfolio with Three.js and Blender

Create a Cute Award-Winning Room Portfolio with Three.js and Blender | Beginner Course

Features:<ul><li>3D Generative AI powered by a 3B-parameter DiT architecture</li><li>Supports ControlNets (bounding box, voxel, point cloud) for flexible generation</li><li>Generates multiview images and supports various generation settings (LOD, high poly, file formats)</li><li>Provides PBR textures (diffuse, roughness, metallic, and normal maps)</li><li>Delivers watertight meshes with optimized topology for sharp edges and smooth curves</li><li>Offers additional tools like Skybox Generator and Textures Generator</li></ul> Use Cases:<ul><li>Game Development: Create optimized 3D assets, characters, and environments for gaming</li><li>Ecommerce: Generate detailed product models for digital stores</li><li>Animation: Build high-quality, animatable 3D assets for movies or digital media</li><li>3D Printing: Produce printable, optimized models ready for physical production</li><li>Design: Develop and customize 3D designs for architecture, product prototyping, and more</li></ul> Why Us:As the leading 3D asset generation, Rodin supports versatile generation styles, from high-poly models to multiview images, and integrates PBR textures for realistic output. With accolades like the Best Paper Honorable Mention at SIGGRAPH 2024, we are recognized for our innovation and quality. Trusted by over 3D artists around the world, Rodin is the go-to platform for reliable and customizable 3D asset creation. Additionally, with tools like the Skybox Generator and Textures Generator, Rodin offers a comprehensive solution for all your 3D design needs!

Rodin

Rodin - AI model generating high-quality 3D assets from text or images for gaming, XR, and more! 

Threedsvg : The SVG to 3D Converter! Our converter effortlessly transforms flat SVG logos into dynamic 3D visuals, adding a whole new dimension to your branding projects. It's user-friendly, efficient, and designed to seamlessly integrate into your workflow.

Threedsvg

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

Wiggle Tool for Three.js The Wiggle Tool is a handy utility for adding dynamic motion effects to objects in Three.js. It simplifies the process of creating smooth, natural-looking animations, such as shaking, oscillating, or bouncing movements, with minimal setup. <h3>Features:</h3><ul><li>User-friendly interface for configuring motion parameters.</li><li>Real-time previews to test and refine animations.</li><li>Easy integration into Three.js projects with generated code snippets.</li></ul>This tool is ideal for developers looking to enhance their 3D scenes with playful and interactive motion effects.

Wiggle

The Wiggle Tool is a handy utility for adding dynamic motion effects to objects in Three.js.

Welcome to CuboVerse (a combination of the Spanish word "cubo" (meaning "cube") and the English word "universe" (meaning "universe"), i.e., "the universe of cubes") — an innovative web application showcasing the power and flexibility of Three.js and Vue.js! ✨ CuboVerse is a unique interactive 3D platform built with JavaScript, Vue.js and Three.js, where you can dive into the world of interactive and dynamic cubes. Control models, explore various textures and colors, and watch the smooth rotation of objects on different orbits in real-time. 🚀 What to expect in this project:<ol><li>Models for every taste: solid colors, complex textures, and their combinations 🎨🖼️</li><li>Smart controls: scale, rotate, and adjust 3D objects as you like 🔄🔍</li><li>Multi-level composition: three cube models moving in complex orbits create a dynamic and engaging scene 🪐🌟</li></ol> Technologies used:&nbsp;<ul><li>Three.js for advanced 3D graphics 🌐</li><li>Vue.js + VueX for state management and responsive interface 🌍</li><li>Vue i18n — multi-language support for a global audience.</li><li>JavaScript for dynamic interaction 💻</li><li>Google Search Console &amp; Analytics for performance optimization, SEO and analytics 📈</li></ul> CuboVerse is an original project that showcases the capabilities of modern web technology. Explore the world of CuboVerse and experience the power of 3D graphics right in your browser!

CuboVerse

CuboVerse - Interactive 3D Universe on Three.js and Vue.js 🌐🧊

Unlike other tools that can distort meshes our advanced compression technology reduce file sizes by up to 90% without removing vital details from the mesh, ensuring your models stay perfectly intact.Whether you’re working with high-poly models or intricate designs, our technology speeds up loading times and saves up to 80% in bandwidth, making it easier to share complex geometries and textures.Perfect for designers and developers aiming for smooth workflows and flawless project performance! Boost your 3D projects with our powerful 3D converter!

Objectverse Converter

Optimise your 3D assets for Spatial Web, Gaming, AR/VR experiences

3D Assets

Тhis project provides online and offline Three.js-based generators of free 3D assets.

Build Interactive 3D CAD&nbsp;Applications We’re thrilled to announce the release of a new open-source NPM package for one of the most popular game engines on the web - ThreeJS. This package helps in creating 3D CAD applications by using our core technology stack. Access advanced geometry kernels and share your designs with the world. With this package, you’ll gain access to the code powering <a href="https://bitbybit.dev/" rel="noopener noreferrer" target="_blank">https://bitbybit.dev</a> platform. Live Demo:<a href="https://app-store.bitbybit.dev/patterns/" rel="noopener noreferrer" target="_blank">https://app-store.bitbybit.dev/patterns/</a>NPM Package:<a href="https://www.npmjs.com/package/@bitbybit-dev/threejs" rel="noopener noreferrer" target="_blank">https://www.npmjs.com/package/@bitbybit-dev/threejs</a>Demo Source Code:<a href="https://github.com/bitbybit-dev/app-examples/blob/main/webpack/threejs/src/code/patterns.ts" rel="noopener noreferrer" target="_blank">https://github.com/bitbybit-dev/app-examples/blob/main/webpack/threejs/src/code/patterns.ts</a> We’ve included helper functions to seamlessly convert shapes from OpenCascade and JSCAD geometry kernels into ThreeJS meshes. This makes it simple to build complex designs for 3D printing, automotive, AEC, and many other industries. Additionally, you can enable users to download STEP files, an industry-standard format that can be further edited in software like FreeCAD. Read more on our blog post:<a href="https://bitbybit.dev/blog/threejs-support" rel="noopener noreferrer" target="_blank">https://bitbybit.dev/blog/threejs-support</a>

CAD npm package for threejs by bitbybit.dev

3D CAD algorithms of bitbybit.dev for ThreeJS developers. Powerful geometry kernels for your apps.

Smooth Voxels allows you to turn voxel models into low poly style or smooth organic looking models, mixing materials in one model. Smooth Voxels uses a text format and lends itself fabulously for procedural generation of 3D models, check out the generator in the Playground! Smooth Voxel models can be created in MagicaVoxel, adding smoothing and transformations in the Smooth Voxel Playground. You can exported to .glTF or .glb, or javascript, or generated at runtime using the Open Source Library. Features:<ul><li>For Threejs and A-Frame</li><li>Most Threejs materials and material options</li><li>Multiple matrials in one model</li><li>Tekst based format for easy runtime procedural generation</li><li>Transformations of model parts: translation, rotation, scale</li><li>Deformations of model parts: bend, rotate, sphere, cylinder, cone, ...</li><li>Baked Lighting</li><li>Baked Shadows</li><li>Baked Ambient Occlusion</li><li>Runtime generation using the open source library</li><li>Create animations in the playground</li><li>Export to .glb or .gltf</li><li>Export to Threejs or A-Frame javescript source code</li></ul>

Smooth Voxels

Turn voxels into smooth organic models. Like Markdown for 3D Models. 

Three js 3D Geometry