Welcome to our tech playground.

It is 2024 and AI seems to have taken over the world. In this experiment we show the predictions a trained model has made for the 2024 olympics.
Ofcourse we had a little fun with the presentation.

In this test we use ThreeJS to create multiple view instances of the same canvas. Testing the boundaries of how we can use 3D elements as interactive blocks within an existing layout.

This experiment showcases the integration of interactive 3D image textures on a web page using Three.js and React Three Fiber. The component animates image textures on hover, providing a visually captivating experience. A custom shader material was developed to blend two textures with a displacement effect triggered by user interaction. Utilizing @react-three/drei for texture loading and incorporating smooth transition effects with @react-three/fiber, this project illustrates the power of Three.js in creating dynamic and immersive visual effects directly within the browser.

In a web development experiment, I integrated 3D and multimedia elements into a webpage. Firstly, a game console was modeled using Blender, a versatile open-source 3D creation suite. To enhance the console model's dynamism and engagement, animations were incorporated in Blender. Following this, ThreeJS, was used to render the animated game console model directly into a webpage. To further extend the project's interactivity and realism, the screen of the 3D game console was utilised to play a video. This experiment underscores the vast potential of combining 3D modeling, animation, and web development to craft unique and immersive user experiences.

Inspired by our tagline, "Transforming complexity into beautiful simplicity," we envisioned a visual representation using particles. To bring this vision to life, we developed custom WebGL shaders. These shaders not only optimize performance but also allow us to fine-tune the animations to achieve the exact look and feel we desired.

A custom plugin for Storyblok CMS to streamline form entry management and data export. It covers setting up the plugin, storing form entries directly in Storyblok, and using the management API for efficient data handling. As this experiment cannot be viewed outside of Storyblok check out the link to a dedicated blogpost about it.