Meet the Singleton pattern One instance, easy access. In one of his last posts, @Sorskoot breaks down a useful concept called a singleton, and shows how it can be used in @WebXREngine . 💡 A singleton is a simple way to make sure there's only one version of something, like your game settings, score tracker, or audio controls across your whole project. Instead of creating the same thing over and over, a singleton gives everyone access to the same “central” version. This helps keep your code clean and organized, especially in bigger projects. @Sorskoot walks through real examples and explains when singletons are helpful, when to be careful, and how to use them step-by-step. Find the link of the blog in the comments. 👇 #WonderlandEngine #WebXR #WebGL #WebGameDev #GameDevJS #WebGames #WebVR #WebAR #3DGameEngine #TechUpdates

Write your own shaders ✨ Your shader, your style. Wonderland Engine allows you to write custom GLSL shaders, we've recently updated our documentation to make it even easier! Custom shaders offer the capability to significantly extend the rendering capabilities of 3D models. By writing custom GLSL code, developers can create one-of-a-kind visual effects and add advanced, interactive elements to their 3D scenes. Interested users are encouraged to explore the full documentation for more details — the link is available in the comments. 👇 #WonderlandEngine #WebXR #WebGL #WebGameDev #GameDevJS #WebGames #WebVR #WebAR #3DGameEngine #TechUpdates #SoftwareDevelopment #GraphicsProgramming

X-Ray Vision in @WebXREngine ! Showing a character inside a building 🚶 Our colleague @Sorskoot recently completed a project, successfully recreating a visual effect in @WebXREngine . In strategy games, visibility is crucial. We want to know where characters are housed within buildings, even when obscured by walls. To achieve this, @Sorskoot manipulated the pipeline orders and depth buffer handling in @WebXREngine . 👓 Dual Pipeline Render Approach: By rendering the character twice with distinct pipelines—one performing 'greater or equal' tests on the depth buffer—a unique material is showcased. This mechanism ensures that characters remain visible behind walls in a radiant blue hue, essentially enabling an X-Ray vision effect! This enhances gameplay realism and offers players an unobstructed view of critical game elements. While this may increase overdraw (rendering surfaces multiple times), the precise visibility it provides is invaluable. 🚀 #WonderlandEngine #WebXR #WebGL #WebGameDev #GameDevJS #WebGames #WebVR #WebAR #3DGameEngine #TechUpdates #SoftwareDevelopment #GraphicsProgramming

Light Beyond the First Bounce ☀️ Bake Realism Into Your Scene In the realm of 3D graphics, direct lighting is what we're familiar with—it computes just the first bounce of light. However, real-world light behaves differently, bouncing off surfaces in a phenomenon called Global Illumination (GI). So why limit ourselves to a single bounce? It boils down to speed, which is critical in 3D rendering. However, through techniques like Baked Global Illumination, we can capture better how lights truly behave. @WebXREngine Engine will supports static global illumination using probe volumes—often known as Irradiance Volume or Voxel GI in other editors—in the upcoming 1.4.0 release. This feature was brought to life by @DavidPeicho Peicho, and a probe volume baking tool will also be available to streamline the workflow and enhance your lighting setup. Stay tuned for more updates ! 🚀 #WonderlandEngine #WebXR #WebGL #WebGameDev #GameDevJS #WebGames #WebVR #WebAR #3DGameEngine #TechUpdates #SoftwareDevelopment #GraphicsProgramming

🎨 Let's talk about the dithering effect Pushing the Boundaries of VR Visuals! When creating virtual worlds, smooth and realistic visuals are key to immersion. But sometimes, color transitions can appear as visible bands rather than seamless gradients—this is called color banding. That’s where dithering comes in! Dithering is a technique that adds subtle pixel patterns (or noise) to blend colors more smoothly. It tricks our eyes into seeing a more natural transition between shades, reducing banding and enhancing the overall visual experience. Our colleague @Sorskoot has implemented dithering effects to push VR visuals to the next level! The result? A more seamless, polished, and immersive world for users. ✨ #wonderlandengine #webxr #webgl #webgamedev #GameDevJS #WebGames #webvr #Webar #3dgameengine #TechUpdates #SoftwareDevelopment #graphicsprogramming

JavaScript Hot-Reload in 1.3.0 🚀 Boosting efficiency! The latest Wonderland Engine 1.3.0 release introduces a significant JavaScript/TypeScript architecture upgrade, led by @DavidPeicho , enhancing both performance and developer workflow. A key highlight is the return of Hot Reload support, enabling real-time code updates without restarting the engine or losing VR sessions—a major boost to efficiency. Key Improvements: ☑️Optimized Development Workflow – Real-time code updates without interruptions. ☑️ Improved Project Structure – A clear separation between application entry and component registration enhances project organization. ☑️ Seamless Migration – Existing projects can transition smoothly by modifying component imports and enabling bundling in project settings. Looking forward to seeing the incredible projects the community will build with these new capabilities! #WonderlandEngine #WebXR #WebGL #WebGameDev #GameDevJS #WebGames #WebVR #WebAR #3DGameEngine #TechUpdates #SoftwareDevelopment #GraphicsProgramming

🚂 The Wild West, Reinvented Experience the next level of immersion. Experience a new level of immersion with Iron || Rails 2, featuring real-time shadows and a dynamically changing world. Unlike its predecessor—built with A-Frame—this sequel pushes the boundaries with enhanced mechanics, refined visuals, and a more engaging experience. 🤠 Developer @_DreamGoal_ has made significant progress. The railway system now features floating tiles that seamlessly move past the player, creating a smooth and immersive shooting experience. 🔫Custom low-poly cowboy models bring more character to the game, adding to the authentic Wild West atmosphere. The shooting mechanics have also evolved, transitioning from simple PhysX bullet physics to a hybrid raycasting system, improving accuracy and reliability. 🎯 Next on the horizon: enemy AI that fires back, a high-score system, and smarter NPC placement to elevate gameplay even further. Follow the developer blog for updates as the journey continues! #WonderlandEngine #WebXR #WebGL #WebGameDev #GameDevJS #WebGames #WebVR #WebAR #3DGameEngine #TechUpdates #SoftwareDevelopment #GraphicsProgramming

Innovation meets recognition! Celebrating @ns_tcg impact 🎉 We’re excited to share that @ns_tcg has been nominated as Developer of the Year at @webxrawards ! 🏆 Over the past year, @ns_tcg has been at the forefront of #WebXR innovation, creating interactive, high-performance experiences with @WebXREngine . His work continues to push the limits of what's possible in real-time immersive applications, blending cutting-edge rendering, interactivity, and multiplayer technologies. Here are some standout projects from his journey: 💠 Interactive #WebXR Scene with Finger Pose Detection – A butterfly lands on a glass-shaded hand, triggering a scene transformation from black-and-white to a vibrant 3D world. 💠 IoT x #WebXR Workshop at MERCY COLLEGE – Demonstrated a VR-controlled real-world lightbulb, combining #WebXR, Raspberry Pi, and Quest 3 to showcase the future of immersive IoT experiences. 💠 Multiplayer Event Rooms for Wonderland Cloud – Developed real-time avatar tracking, IK solvers, and stereoscopic media support, successfully hosting #WebXR meetups with 30 participants. This journey highlights the power of @WebXREngine and the growing #WebXR community. We’re proud of @ns_tcg ’s contributions and excited for what’s next! #WonderlandEngine #WebXR #WebGL #WebGameDev #GameDevJS #WebGames #WebVR #WebAR #3DGameEngine #TechUpdates #SoftwareDevelopment #GraphicsProgramming

🏹 Archery Evolution Nominated! Pushing #WebXR to new heights! 🚀 We’re excited to share that Archery Evolution has been nominated for Game of the Year at @webxrawards!🎉 Congratulations to @SrileXR , creator of @VhiteRabbitVR , and the talented Archery Evolution development team. Your dedication and creativity have brought this game to life and set a new benchmark for #WebXR experiences. A special thank you to @webxrawards for recognizing innovation in #WebXR and driving the industry forward. At @WebXREngine , we’re proud to support developers in building immersive web experiences. Seeing Archery Evolution earn this recognition is a testament to the potential of #WebXR and the incredible talent behind it. Discover the experience in the comments.👇 #WonderlandEngine #WebXR #WebGL #WebGameDev #GameDevJS #WebGames #WebVR #WebAR #3DGameEngine #TechUpdates #SoftwareDevelopment #GraphicsProgramming

✨ The Polys Nomination News! ✨ 🎶 Innovating Music in WebXR 🎶 Big shoutout to @shaepicvr ! His WXRM100 Theremin has been nominated for this year’s @webxrawards in the Education category! 🎉 This WebXR experience is all about musical freedom and exploration in extended reality. Proud to see @WebXREngine plays a part in bringing it to life! 🚀 It’s been quite a ride! Pan Studio VR has been thriving after multiple award nominations last year, and there’s even more on the horizon… Hand Pan Studio VR will soon be available on Apple Vision Pro, Meta Quest, HTC Vive, and Bytedance Pico! 🔥 Discover the experience in the comments 👇 #WonderlandEngine #WebXR #WebGL #WebGameDev #GameDevJS #WebGames #WebVR #WebAR #3DGameEngine #TechUpdates #SoftwareDevelopment #GraphicsProgramming

Transforming 2D sprites into 3D assets 💥 Our colleague @Sorskoot just wrapped up an awesome project! He created a component that generates a 3D mesh from a sprite texture. @Sorskoot got this idea while working on one of his game concepts. He wanted to add various unique weapons using sprites from a pack. Instead of keeping them flat, he leveled up by giving them depth and dimension. Now they look dynamic and ready for action in 3D! ⚔️ What’s a sprite? A sprite is a 2D image representing characters, objects, or effects in games, often rendered in low resolution (sometimes as small as 16 by 16 pixels). 📐 #WonderlandEngine #WebXR #WebGL #WebGameDev #GameDevJS #WebGames #WebVR #WebAR #3DGameEngine #TechUpdates #SoftwareDevelopment #GraphicsProgramming

🌅 A Sunset Like Never Before! One of our talented developers, @ns_tcg , has created a breathtaking sunset scene in @WebXREngine , showcasing its power and flexibility for immersive WebXR experiences. ✨ Performant Water Shader – Realistic ripples using mirrored normal textures for smooth, optimized water. 🍃 Dynamic Foliage Animation – Trees and leaves sway naturally with an experimental vertex shader. 🌌 Atmospheric Sky Shader – Stunning gradients and lighting with Wonderland Engine 1.3.0. With 1.3.0 now live, developers can craft even more performance-driven WebXR worlds. Let’s push the boundaries of immersive experiences together! 🚀 #WebXR #WebGL #WebGameDev #GameDevJS #WebGames #WebVR #WebAR #3DGameEngine #TechUpdates #SoftwareDevelopment #GraphicsProgramming

🚀 Wonderland Engine 1.3.0 Launch! 🚀 We're excited to present a stunning update for our 3D web development platform: ☑️Enhanced Project Templates: Launch your projects with atmospheric skies, HDR rendering, and tone mapping. ☑️Advanced Graphics: Incorporate procedural sky shaders and drop shadow text effects into your visuals. ☑️Multi-project Workspaces: Streamline JavaScript bundling and enjoy efficient hot-reloading. ☑️Seamless Scene Management: Navigate and edit scenes with new resource filtering features. ☑️Improved Stability: Automatic crash reports for quicker solutions. Discover the full changelog in the comments. 👇 #WonderlandEngine #WebXR #WebGL #WebGameDev #GameDevJS #WebGames #WebVR #WebAR #3DGameEngine #TechUpdates #SoftwareDevelopment #GraphicsProgramming

Last week, @squareys , @Soeren_Syrbe and @ns_tcg had the pleasure of presenting @WebXREngine to students in the XR Product Design course at @metropolia Helsinki, hosted by Senior Lecturer Tania Chumaira. 👨‍🎓 Over the next two months, students will work on various projects from industry partners and on indie game concepts. One of the projects will be developed using @WebXREngine . We are thrilled to see #WebXR gaining momentum across industries, including academia. 🎮 We will be supporting the students via the @WebXREngine Discord server and are eager to see what they create! A big thank you to Tania Chumaira for this opportunity! #WonderlandEngine #WebXR #WebGL #WebGameDev #GameDevJS #WebGames #WebVR #WebAR #3DGameEngine #TechUpdates #SoftwareDevelopment #GraphicsProgramming

Finish January strong! Join the @HoverFitVR Squat Challenge. 🏋 Participate to the @HoverFitVR January Squat Challenge and push yourself to new heights. Complete 1,000 squats before the month ends to enter the prize draw for Amazon Gift Cards. Every additional 1,000 squats gives you another chance to win. 🏆 Find the link in the comments and check out the Squat Challenge Leaderboard and "Get Buns of Steel" #wonderlandengine #webxr #webgl #webgamedev #GameDevJS #webgames #webvr #Webar #3dgameengine #TechUpdates #softwaredevelopment #graphicsprogramming

Discover the new developer portal ! 🚀 Level up your VR development🎮 @heyVR_io has launched their new Developer Dashboard, introducing a sleek interface and robust features designed to enhance efficiency and creativity for developers. The new dashboard features an improved interface and intuitive design, offering tools for managing organizations, monitoring game performance, and accessing tailored resources for game publishing.👨‍💻 #WonderlandEngine #WebXR #WebGL #WebGameDev #GameDevJS #WebGames #WebVR #WebAR #3DGameEngine #TechUpdates #SoftwareDevelopment #GraphicsProgramming

🎮 Game Alert: Archery Evolution Get ready to experience the future of PvP gaming! 🌟 Archery Evolution is an ambitious project to create an experience that brings players together on as many devices and platforms together. In this competitive PvP arena, players face off in heart-pounding archery duels, dodging incoming arrows while taking carefully aimed shots at their opponents. Master the authentic bow mechanics, learn to predict arrow trajectories, and develop strategies for different combat situations. Are you ready to take on the challenge? 🏹 ⚡️Another highlight: AES is web-based, making it accessible on PC, mobile, and VR. Try it now - link in the comments! 👇 #WonderlandEngine #WebXR #WebGL #WebGameDev #GameDevJS #WebGames #WebVR #WebAR #3DGameEngine #TechUpdates #SoftwareDevelopment #GraphicsProgramming

🚀 Building Worlds with Plugins! 🚀 📷 See Wonderland’s API in action! During December’s Project Day, @Sorskoot enhanced @WebXREngine editor by creating an innovative plugin. This breakthrough improved object and map generation, incorporating mesh and collider integration along with a cloning feature to streamline content creation. @Sorskoot 's insights from developing this plugin will propel upcoming projects like Storage Space 13, expanding the possibilities of what can be achieved with @WebXREngine ! Find the full blog linked in the comments 👇 #WonderlandEngine #WebXR #WebGL #WebGameDev #GameDevJS #WebGames #WebVR #WebAR #3DGameEngine #TechUpdates #SoftwareDevelopment #GraphicsProgramming

🎮Meet @squareys at @CES 2025. Let’s talk #WebXR ! Excited about the future of the web? Whether you’re into web games, 3D rendering, or just curious about what the @WebXREngine can do with #WebXR, come chat with @squareys at #CES2025. 📅 Check out the link in the comments to schedule a meeting. #CES2025 #WonderlandEngine #WebXR #WebGL #WebGameDev #GameDevJS #WebGames #WebVR #WebAR #3DGameEngine #TechUpdates #SoftwareDevelopment #GraphicsProgramming

🌟 Exciting Update for Wonderland React UI! 🌟 @Sorskoot has introduced an amazing new feature to the Wonderland React UI library! This update allows the library to work seamlessly with the React Developer Tools Browser Extension, making it super easy to debug UI issues in Wonderland games—right from your browser’s developer tools. This opens up exciting possibilities for even more advanced integrations between React DevTools and Wonderland Engine. 🚀 Check the link in the comments!👇 #WonderlandEngine #WebXR #WebGL #WebGameDev #GameDevJS #WebGames #WebVR #WebAR #3DGameEngine #TechUpdates #SoftwareDevelopment #GraphicsProgramming