How to Create a PS1-Inspired Jitter Shader with React-Three-Fiber

This project demonstrates a custom jitter shader inspired by the visual style of PS1-era games. The shader replicates the nostalgic ‘jitter’ effect, adding a retro aesthetic to 3D models—perfect for developers looking to add a retro feel to low-poly projects. I’ve always found PS1 games fascinating. Inspired by their nostalgic 3D environments, I decided to […]

How to Create a PS1-Inspired Jitter Shader with React-Three-Fiber Read More »

Origami: 12 Free Animated 3D Objects

A set of twelve free 3D animations created with React Three Fiber and GSAP. Today we have something special for you: 12 awesome animated 3D objects that you can use for free in your projects. Created with React Three Fiber and GSAP, these animations are easy to integrate and perfect for adding a bit of

Origami: 12 Free Animated 3D Objects Read More »

How to Create a Liquid Raymarching Scene Using Three.js Shading Language

I’ve always been fascinated by shaders. The idea that pieces of code can create some of the most awe-inspiring visuals you see in video games, movies, and on the web has driven me to learn as much as I can about them. During that journey, I came across a video by Inigo Quilez called Painting

How to Create a Liquid Raymarching Scene Using Three.js Shading Language Read More »

Creating an Animated Displaced Sphere with a Custom Three.js Material

In this tutorial we are going to explore the possibilities of creating a custom material using shaders based on built-in Three.js materials with React Three Fiber. Overview We will learn: How to hook into a built-in Three.js material to modify it the way we want How to displace vertices of a mesh to get a

Creating an Animated Displaced Sphere with a Custom Three.js Material Read More »

Case Study: ToyFight — 2024

Background First up, it’s been a long time coming. Our previous site, seemingly loved by many, had been around since 2016. We went through about four complete redesigns from 2018 onward, each time getting closer to releasing a new version, only to stop. Why? Well, we often got sidetracked with paying work, prioritizing that above

Case Study: ToyFight — 2024 Read More »

Exploring a 3D Text Distortion Effect With React Three Fiber

Today we will take a look at how to create a beautiful animation in React Three Fiber. The idea is to show a 3D scene in the background that looks like a distorted glassy view of a text ring, constantly rotating around its own axis. It’s a beautiful design element that could be used as

Exploring a 3D Text Distortion Effect With React Three Fiber Read More »

Model Texture Transition and Procedural Radial Noise using WebGL

Today, I’d like to share a cool WebGL experiment that draws inspiration from a discovery on Pinterest. The demo highlights two interesting visual effects. Firstly, it features a seamless texture transition on a 3D model of a can, accompanied by a dynamic noise effect. Secondly, it incorporates a radial noise field that pulsates from the

Model Texture Transition and Procedural Radial Noise using WebGL Read More »

Creating an Interactive 3D Bulge Text Effect with React Three Fiber

In this tutorial, we’ll explore how to generate a engaging bulge effect on text using React Three Fiber. For the past few weeks, I’ve been experimenting with mixing 3D and 2D to create compelling effects. Today, I’ll guide you through replicating this bulge effect on text. To streamline the process and maintain a structured approach

Creating an Interactive 3D Bulge Text Effect with React Three Fiber Read More »

On-Scroll Revealing WebGL Images

Having objects appear on scroll is almost standard nowadays. However, there aren’t too many options available when it comes to HTML. Therefore, I decided to add a dash of excitement with some WebGL effects! Starting with a Plane Let’s examine a simple PlaneGeometry object with a ShaderMaterial. What possibilities does this combination offer? Well, actually

On-Scroll Revealing WebGL Images Read More »

3D Glass Portal Card Effect with React Three Fiber and Gaussian Splatting

You’ve probably seen this supercool demo by Max @Aximoris created with a new Spline feature: There is a nice video tutorial by Max on how to do that with Spline. But being a developer myself I would like to have more control over the scene, so I decided to replicate it using React Three Fiber (R3F) and Three.js. A

3D Glass Portal Card Effect with React Three Fiber and Gaussian Splatting Read More »

Castillan Partners

2023-07-18

Built & Delivered our business Website in under a week. Any issues we had get resolved promptly. Highly Recommend!

Mckal Bhagirathy

2023-05-16

Very professional and great photos Do recommend 10 out of 10

jackie eales

2023-05-15

Excellent and professional photo's. I am so impressed!!! Will definitely reccommend Michael to all agents for there marketing photos of there houses and apartments!!!

Kantha Eswardutt

Mike from Mike Media House is very talented and has a good eye.Mike is Professional.,taking the utmost pride in his work .Stunning outcome always👌

Marsha Gordon

Excellent service always willing to help and beautiful Videos of my properties really showcases the property well a must use if you want the best videos

Gary Nichols

Great service. Delivered more than expectation. Prompt

Crisna Van der bank

2023-03-27

A cut above the rest..

Karin Le Roux

2023-03-26

Thank you for outstanding service and the most beautiful pictures and videos. Much appreciated.

Diana

Lovely photos / Drone pics included. Will absolutely work with Michael again whenever professional photographs needed. Totally recommend him 👌

Rehana Govender

2022-11-25

Mike is very talented in his designing skills. He created a stunning business logo and portfolio for us 👏 👌

react-three-fiber

How to Create a PS1-Inspired Jitter Shader with React-Three-Fiber

Origami: 12 Free Animated 3D Objects

How to Create a Liquid Raymarching Scene Using Three.js Shading Language

Creating an Animated Displaced Sphere with a Custom Three.js Material

Case Study: ToyFight — 2024

Exploring a 3D Text Distortion Effect With React Three Fiber

Model Texture Transition and Procedural Radial Noise using WebGL

Creating an Interactive 3D Bulge Text Effect with React Three Fiber

On-Scroll Revealing WebGL Images

3D Glass Portal Card Effect with React Three Fiber and Gaussian Splatting

Customers Reviews

Deal Of The Day 10% Off On All Returning Clients

latest blog posts

How An Obsession With Quality Led Emily Kramer to 48k…

Case Study: Monolith Studio

25+ Essential Event Stationery Templates for InDesign & Photoshop

Stay Tuned

Stay updated with the latest trends in Digital Marketing

got a question?

Help & Support

Address

Phone Number

Email

Support Center

No Matter what the issue I'm here for you

Faq

Why choose MIKES MEDIA

House For your Business

About Me

Legal

Address

WORKING HOURS

CONTACT

Subscribe

©2019 - 2024 Mike's Media House copyright all rights reserved.

Hi There!