Physijs: Physics Engine for Three.jsPhysijs is a physics plugin designed to integrate seamlessly with Three.js, enabling realistic physics simulations in 3D web applications. It allows developers to add dynamic behaviors like collisions, gravity, and object interactions to their scenes without complex setup. <h3>Features:</h3><ul><li>Easy-to-use physics library built on top of Three.js.</li><li>Support for rigid body dynamics, collisions, and constraints.</li><li>Lightweight and optimized for real-time performance.</li><li>Simple API for defining physical properties such as mass, friction, and restitution.</li></ul>Physijs is perfect for games, simulations, or any project requiring realistic physical interactions in a Three.js environment.

Physijs

Physijs is a physics plugin designed to integrate seamlessly with 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.

<h2>What is Mattercraft?</h2> Mattercraft is a visual 3D content development platform designed to bridge the worlds of web, AR, VR, WebXR, 3D and game development. Perfect for web developers familiar with Three.js who are looking for a visual editor or game developers venturing into building web-based experiences. Mattercraft offers an intuitive, powerful development environment for building rich interactive content. Built with Three.js at the core, Mattercraft makes it easy to design, preview and publish dynamic 3D experiences without complex hand-coding. Its user-friendly interface lets you visually construct scenes, animations, physics, particles and interactions, while leveraging the best features on the web. <h2>Features</h2> <h3>Visual animation system</h3>Mattercraft features a rich and innovative animation system that includes layers, timelines and states. Unlock your creativity with keyframe support, custom curves, seamless interpolation transitions and 3D model animations. Craft unique animations effortlessly, redefining the way you bring your 3D web content to life. <h3>Realtime&nbsp;physics</h3>Experience cutting edge realism using the web optimised Havok physics engine, all managed via the interface for a simple and easy to use development process. <h3>Particle&nbsp;effects</h3>Take your experiences to the next level with particle effects. Choose from one of 6 pre-built effects or create your own. <h3>Augmented Reality</h3>Seamlessly develop immersive world, face, and image tracked augmented reality content. <h3>Visual Positioning System</h3>Mattercraft’s integration with Immersal empowers you to create immersive indoor and outdoor 3D environments with zero code, using the world’s most versatile and accurate Visual Positioning System (VPS). <h3>Headset&nbsp;support</h3>Effortlessly create Mixed and Virtual reality content (WebXR) for leading headsets such as Apple Vision Pro, Meta Quests, Magic Leap, and Zapbox. <h3>Seamless Scripting</h3>Mattercraft leverages Monaco, the excellent text editor from Visual Studio Code, to provide a delightful and responsive coding experience with a TypeScript compiler. <h3>Responsive UI with HTML</h3>Easy to build 2D screen UI. Making use of web standards (HTML and CSS). <h3>NPM</h3>Mattercraft lets you leverage your existing expertise and tooling, including full integration with the NPM repository of JavaScript libraries. <h3>Instant&nbsp;live preview</h3>Review your experiences with a single click and see real-time updates or make use of the built-in simulator to preview your content on different device sizes and network connections. <h3>One click publishing</h3>When hosting with Zapworks, you can instantly publish as many times as you need. Get your content into the hands of your users as soon as possible with no review times. <h3>Multi-user collaboration</h3>Develop collaboratively with multiple team members, Google docs style. <h3> </h3>

Mattercraft

Mattercraft is a visual editor perfected for building interactive 3D, AR, VR and WebXR experiences. 

What is Ammo.js?Ammo.js is a powerful, lightweight JavaScript port of the Bullet Physics Engine, designed to simulate complex physics interactions in 3D environments. Perfectly suited for use with three.js, Ammo.js provides developers with the tools to implement realistic physics such as collisions, rigid body dynamics, and constraints in their 3D web applications. This makes it an invaluable resource for developers creating interactive and physics-based experiences in three.js. Key Features:<ul><li>Realistic Physics Simulations: Ammo.js simulates physical interactions such as gravity, collisions, and rigid body dynamics, making it ideal for creating lifelike 3D environments.</li><li>Integration with Three.js: Ammo.js can be seamlessly integrated into three.js projects, allowing you to combine realistic physics with 3D rendering for interactive simulations, games, and visualizations.</li><li>Rigid Body and Soft Body Support: The engine supports both rigid bodies (solid objects) and soft bodies (deformable objects), enabling you to simulate a wide variety of physical interactions.</li><li>Collision Detection: Efficient collision detection algorithms allow for accurate and performant handling of object interactions within your three.js scenes.</li><li>Constraints and Joints: Implement various physics constraints such as hinges, sliders, and springs, adding more depth and complexity to the physics simulations in your projects.</li><li>Performance Optimized: Despite being highly capable, Ammo.js is optimized for performance, ensuring smooth simulations even in browser-based environments.</li></ul> Why Use Ammo.js?Ammo.js is a perfect resource for developers working with three.js who need to add realistic physics to their 3D projects. Whether you’re developing interactive simulations, physics-based games, or scientific visualizations, Ammo.js provides all the necessary tools to create rich, dynamic environments. Its performance and flexibility make it a go-to choice for incorporating real-time physics in web applications.

Ammo.js

Ammo.js is a powerful physics engine for realistic simulations, ideal for three.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!

Oimo.js is a lightweight 3d physics engine for JavaScript.

Oimo.js

Oimo.js is a lightweight 3d physics engine for JavaScript.

<h4>Rapier – High-Performance Physics Engine for Three.js Resources</h4>What is Rapier?Rapier is a highly optimized, cross-platform physics engine written in Rust, designed for 2D and 3D applications. It offers developers a robust solution for simulating realistic physics in their web projects, making it an ideal choice for enhancing three.js resources. With its lightweight architecture and exceptional performance, Rapier is well-suited for real-time physics simulations in games, virtual environments, and interactive 3D applications.Key Features:<ul><li>2D and 3D Physics Support: Rapier supports both 2D and 3D physics simulations, offering flexibility for a wide range of projects.</li><li>High Performance: Written in Rust, Rapier is built for speed, making it capable of handling complex physics calculations while maintaining smooth performance, even in real-time 3D environments.</li><li>Cross-Platform Compatibility: Rapier can be easily integrated into web-based three.js projects as well as native applications.</li><li>Collision Detection and Dynamics: It provides efficient collision detection, rigid body dynamics, and other physics-based interactions, essential for creating lifelike environments.</li><li>Lightweight and Fast: Despite its advanced capabilities, Rapier is designed to be lightweight, ensuring that it doesn't compromise the performance of your three.js projects.</li><li>Rust and JavaScript Bindings: Rapier offers bindings for both Rust and JavaScript, making it simple to integrate into web applications that use three.js for rendering 3D content.</li></ul>Why Use Rapier?Rapier is a perfect resource for developers working with three.js who need a reliable physics engine to bring their 3D scenes to life. Whether you're simulating object collisions, creating dynamic interactions, or building immersive game environments, Rapier provides the tools to implement realistic physics while maintaining high performance.

Rapier

Rapier is a fast, cross-platform physics engine for adding realistic physics to three.js

<h3>Cannon.js – Lightweight 3D Physics Engine</h3> What is Cannon.js? Cannon.js is a lightweight and easy-to-use 3D physics engine written in JavaScript. Designed for performance and simplicity, Cannon.js is perfect for developers looking to implement realistic physics simulations in web applications or 3D games. It allows you to simulate objects, collisions, gravity, and other physics-based interactions directly within the browser. Key Features:<ul><li>Efficient Physics Simulation: Cannon.js efficiently handles collisions, friction, and object behavior in 3D environments.</li><li>JavaScript Integration: Written in JavaScript, it seamlessly integrates with web-based 3D libraries such as Three.js.</li><li>Rigid Body Dynamics: Create realistic movement of solid objects with properties like mass, damping, and restitution.</li><li>Collisions and Constraints: Simulate object collisions and apply constraints like joints to create complex systems.</li><li>Lightweight: Optimized for speed and performance, making it ideal for real-time 3D applications.+</li></ul> Why Use Cannon.js?Cannon.js is perfect for developers who need to simulate physics in real-time 3D web environments. Its lightweight architecture ensures fast performance without sacrificing accuracy. Whether you're building a game, interactive 3D simulation, or enhancing user interaction on your website, Cannon.js is an excellent choice for adding realistic physics-based effects.

Cannon.js

Cannon.js is a lightweight physics engine for creating 3D simulations in the browser.

<h3>Spline – 3D Design Made Easy</h3> What is Spline? Spline is a 3D design tool aimed at making 3D design accessible for everyone, from beginners to advanced users. With its intuitive interface, you can design interactive 3D elements without needing extensive knowledge of complex 3D software. Whether you want to create beautiful 3D scenes, design engaging product visuals, or add interactive elements to your website or application, Spline offers all the tools you need in one platform. Key Features:<ul><li>Real-time Collaboration: Work with team members on the same project simultaneously.</li><li>Interactive Elements: Add animations and interaction to your 3D designs with ease.</li><li>Web Export: Seamlessly export your designs to the web, allowing you to embed 3D experiences directly into your site or app.</li><li>3D Model Support: Import and use your own 3D models or choose from a library of existing assets.</li><li>Cross-Platform Compatibility: Spline works on all modern browsers, making it easy to integrate across different platforms.</li></ul> Why Use Spline?Spline is ideal for designers and developers looking to bring their projects to life with interactive 3D visuals. Whether it’s for product design, marketing assets, or creative web experiences, Spline simplifies the 3D design process while offering a wide array of customization options.

Spline

Spline is a 3D design tool for creating and exporting interactive 3D experiences easily.

Three js Physics