<p>3D web app that combines the Spotify API and Three.js. It displays my recently played and currently playing songs in a 3D environment.</p><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><p>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.</p><p>demo link:&nbsp;<a href="https://spotify-woad-delta.vercel.app/" rel="noopener noreferrer" target="_blank">https://spotify-woad-delta.vercel.app/</a></p><p>repo link:&nbsp;<a href="https://github.com/radegast0/spotify" rel="noopener noreferrer" target="_blank">https://github.com/radegast0/spotify</a></p><p>The project is open source and available on my GitHub. If you'd like to provide feedback, I’d love to hear your criticisms.</p>

Spotify woad delta

displays recently played and currently playing songs on spotify

<p>Welcome to <strong>CuboVerse</strong> (a combination of the Spanish word "<strong>cubo</strong>" (meaning "cube") and the English word "<strong>universe</strong>" (meaning "universe"), i.e., "<strong>the universe of cubes</strong>") — an innovative web application showcasing the power and flexibility of Three.js and Vue.js! ✨</p><p><br></p><p>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. 🚀</p><p><br></p><p><u>What to expect in this project:</u></p><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><p><br></p><p><u>Technologies used:&nbsp;</u></p><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><p><br></p><p><strong><em>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!</em></strong></p>

CuboVerse

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

<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 GUI

Spotify woad delta

CuboVerse

Mattercraft