<p>Codevember 2021 is a creative coding showcase by Spite, featuring mesmerizing 3D experiments and visual art created with WebGL and Three.js. Each piece demonstrates innovative techniques and artistic use of code to produce dynamic, interactive visuals.</p><p><br></p><h3>Highlights:</h3><ul><li>A collection of unique 3D and generative art pieces.</li><li>Showcases advanced WebGL and Three.js capabilities.</li><li>Inspires developers and designers to explore creative coding.</li></ul><p>This project is a great resource for anyone interested in the intersection of art and technology, offering insights into pushing the boundaries of 3D web graphics.</p>

Codevember 2021 by Spite

Codevember 2021 is a creative coding showcase by Spite

R3F Flow Field Particles Component

A particle system based on GPGPU, running with React Three Fiber

<h2>What is Mattercraft?</h2><p><br></p><p>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.</p><p><br></p><p>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.</p><p><br></p><h2>Features</h2><p><br></p><h3>Visual animation system</h3><p>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.</p><p><br></p><h3>Realtime&nbsp;physics</h3><p>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.</p><p><br></p><h3>Particle&nbsp;effects</h3><p>Take your experiences to the next level with particle effects. Choose from one of 6 pre-built effects or create your own.</p><p><br></p><h3>Augmented Reality</h3><p>Seamlessly develop immersive world, face, and image tracked augmented reality content.</p><p><br></p><h3>Visual Positioning System</h3><p>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).</p><p><br></p><h3>Headset&nbsp;support</h3><p>Effortlessly create Mixed and Virtual reality content (WebXR) for leading headsets such as Apple Vision Pro, Meta Quests, Magic Leap, and Zapbox.</p><p><br></p><h3>Seamless Scripting</h3><p>Mattercraft leverages Monaco, the excellent text editor from Visual Studio Code, to provide a delightful and responsive coding experience with a TypeScript compiler.</p><p><br></p><h3>Responsive UI with HTML</h3><p>Easy to build 2D screen UI. Making use of web standards (HTML and CSS).</p><p><br></p><h3>NPM</h3><p>Mattercraft lets you leverage your existing expertise and tooling, including full integration with the NPM repository of JavaScript libraries.</p><p><br></p><h3>Instant&nbsp;live preview</h3><p>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.</p><p><br></p><h3>One click publishing</h3><p>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.</p><p><br></p><h3>Multi-user collaboration</h3><p>Develop collaboratively with multiple team members, Google docs style. </p><p><br></p><p><br></p><h3><br></h3><p><br></p><p><br></p><p><br></p><p><br></p>

Mattercraft

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

Three js Particles

Codevember 2021 by Spite

R3F Flow Field Particles Component

Mattercraft