Immersive Studios @ImmersivStudios Twitter profile

Pinned Tweet

Immersive Studios

@ImmersivStudios

2 years

Immersive Studios - Showreel 2022 🎉

9

8

141

Last Seen Profiles

@VmaniakJ

@C_CMC4

@deepak_des87929

@bokeplokalmalam

@yeates_mark

@anomalyka

@BravosFucks

@saltburncomer

@stwmaniax

@bjmwolbers

@marcoderksen

@jozeIyn

@bokeplokalmalam

@KarikvanBerloo

@sypwynia

@Mark_Travis

@PatnerSulawesi

@yawnzzn__c

@ai_creator_ia

@ibubohay2

@BellyPop13

@ShadiHotti

@PlanetRockRadio

@KNGF_fysio_lid

@MailiHolt

@JonathanSimon14

@5HCrave

@evil_moon83

@ACOI_nl

@bokeplokalmalam

@dawoodghazi3

@apexfinance2

@KuiperArnold

@cukienaknikmati

@PatnerSulawesi

@Val_zilla

Immersive Studios

@ImmersivStudios

1 year

Starting next week we will launch #ThreeJS tutorials! Our aim is to produce a series of tutorials for every current and future project to help you learn ThreeJS. Contents will come in video on Twitter too, give detailed insights into the approach, individual steps & code.

26

110

1K

Immersive Studios

@ImmersivStudios

1 year

We provide #threejs tutorials 100% for free. We do not withhold or make knowledge available for money. Instead we make: - code open-source - assets freely available - videos about our projects - tutorials on your request Let's make this communtiy thrive!

17

58

521

Immersive Studios

@ImmersivStudios

9 months

Are you into one of these jobs! • Creative Development • UX/UI Design • 3D Design • Creative Direction • Front End development • Webflow Development • Motion Design Say hi! 👋

406

16

427

Immersive Studios

@ImmersivStudios

10 months

Are you working in one of these fields: • Product Designer • Web Designer • 3D Designer • UI/UX Designer • Graphic Designer • Web Developer • Creative Developer • Webflow / Framer Developer • Brand Designer • Illustrators If yeah, say hi! 👋

315

8

407

Immersive Studios

@ImmersivStudios

1 year

More inspiration for #webgl shaders: Combining this with real-time motion capture data could create the ultimative immersive experience

7

39

386

Immersive Studios

@ImmersivStudios

1 year

New #threejs video tutorial is online! Learn in this video how we use @pixotronics SDK + @threejs to build Project Cars!

3

33

285

Immersive Studios

@ImmersivStudios

1 year

Bake 3D like a Pro in 7 steps: We spent 3 weeks figuring out the single best way to bake 3D for #threejs #webgl scenes. With this tutorial, your scenes will be more performant and lean than ever before! Here is the 7 step tutorial! Step 1: 👇

8

45

274

Immersive Studios

@ImmersivStudios

1 year

Do you use #midjourney to create 3D for web designs? And if so, are you doing it right? You can literally create any 3D design for your website, but most people do it wrong. Here's how to do it right in 5 steps:

13

38

250

Immersive Studios

@ImmersivStudios

1 year

First #threejs tutorial video is out now: ⚙️The whole series is in production We keep you posted!

8

36

248

Immersive Studios

@ImmersivStudios

10 months

Working on particle effects together with @0beqz

6

12

215

Immersive Studios

@ImmersivStudios

1 year

BIG threejs Baking tutorial is now online! Enjoy 7 min straight on how to bake 3D for Three.js, R3F or Babylon.js and improve load time and performance dramatically!

3

25

195

Immersive Studios

@ImmersivStudios

1 year

Currently working on #ThreeJS particle effects. Might use this effect in a future project to spice up the interaction with the UI.

6

12

183

Immersive Studios

@ImmersivStudios

1 year

More inspiration for #webgl shaders. Who could build this?

9

11

179

Immersive Studios

@ImmersivStudios

1 year

Imagine this is a WebGL shader. How far away are we from that?

11

12

174

Immersive Studios

@ImmersivStudios

1 year

Our first #threejs tutorial series! Intro coming soon!

7

14

169

Immersive Studios

@ImmersivStudios

1 year

WebGL Shader inspiration. Is it possible?

5

9

165

Immersive Studios

@ImmersivStudios

1 year

Best websites for 3D web design inspiration: ‍ Thank me later.

3

20

160

Immersive Studios

@ImmersivStudios

1 year

Learning #threejs as beginner or advanced? We create YouTube tutorials every week about shaders, baking, threejs, webflow and more:

1

17

161

Immersive Studios

@ImmersivStudios

1 year

The modern ThreeJS developer toolkit: - Visual Studio Code (Code) - Webflow (Front end) - Blender (3D) - Figma (UX/UI) - Code sandbox (Staging) Did I miss any?

18

14

149

Immersive Studios

@ImmersivStudios

1 year

Preview our #threejs Raymarching Tutorial NOW! Watch in 44 sec what tomorrow's tutorial "We're building a game engine with raymarching" will be about. Volume up!!! 🔊

9

16

150

Immersive Studios

@ImmersivStudios

9 months

You can master only one of these in 2024, which do you choose? • WebGL • R3F • ThreeJS • Blender • UX/UI Design • Webflow • GSAP • CSS • Java Script

83

14

143

Immersive Studios

@ImmersivStudios

1 year

Announcing: IMMERSIVE GALLERY We're creating an interactive 3D gallery for the community to let you showcase your dev / design projects in real-time. We will do this by merging #threejs , @pixotronics SDK, @greensock and #webflow into one single experience. Stay excited!😎

4

11

145

Immersive Studios

@ImmersivStudios

1 year

Want to learn ThreeJS? Follow these 8 guys: 1. @mrdoob 👑King & Master of ThreeJS 2. @bruno_simon 🧑‍🏫Our all ThreeJS Teacher 3. @0xca0a 👑King of R3F 4. @Andersonmancini 5. @N8Programs 6. @MaximeHeckel 7. @akella 8. @3d_visionary Anyone else to add?

7

19

144

Immersive Studios

@ImmersivStudios

11 months

Shader inspiration. Is this achievable on the web?

6

137

Immersive Studios

@ImmersivStudios

1 year

Just recognized how small #threejs space actually is. Everyone knows everyone and you meet the same people over and over again by accident. It’s like a group of a few dozens like-minded people on their mission to hopefully shape the future of the web. Isn’t that special?

12

1

129

Immersive Studios

@ImmersivStudios

11 months

ThreeJS, WebGL, WebGPU, React3fiber, BabylonJS, PlayCanvas or Unity? I’m confused what should I pick?

35

8

131

Immersive Studios

@ImmersivStudios

1 year

8 brands that dominante 3D web space: 1. 👑 2. 3. 4. 5. 6. 7. 8. Did I miss any?

7

11

122

Immersive Studios

@ImmersivStudios

1 year

Project Cars Configurator Is NOW Live! Ready for a race-like experience with the new AMG GT 63? Buckle up, engine start, departure! 🏁🏁🏁 Start your configuration journey here:

10

22

125

Immersive Studios

@ImmersivStudios

1 year

#threejs Bike website - full tutorial out now! Watch @Andersonmancini build a real-time 3D Bike website from scratch, covering the whole process from blender to threejs.

3

23

125

Immersive Studios

@ImmersivStudios

4 months

Are you into one of these fields! • Creative Development • UX/UI Design • 3D Design • Creative Direction • Front End development • Webflow Development • Motion Design Say hi! 👋

94

1

119

Immersive Studios

@ImmersivStudios

1 year

We build an immersive art gallery! - Scroll through a realistic 3D scene - Showcase and link projects in portraits - Upload work using our public CMS - See live user information Coming soon ⚙️

4

5

118

Immersive Studios

@ImmersivStudios

1 year

Haunted House scores 8/10 on @awwwards and gets an honorable mention! 👍 Great work guys!

3

12

110

Immersive Studios

@ImmersivStudios

10 months

There are only 3 types that ALL 3D websites fall into: • 3D enhanced websites • 3D Scrollytelling • Immersive experiences Most people use them completely wrong!

1

10

107

Immersive Studios

@ImmersivStudios

5 months

How would you recreate this in real-time using ThreeJS?

11

2

108

Immersive Studios

@ImmersivStudios

11 months

Our concept for a particle effect. Is ThreeJS or R3F better for implementation?

6

4

104

Immersive Studios

@ImmersivStudios

10 months

This little 3D website game by Cartier is an absolute must see! Playing in the web might feel a bit weird but it looks and feels as real as any game.

4

15

103

Immersive Studios

@ImmersivStudios

1 year

First live pictures from Project Cars. Our mission to set a new benchmark for real-time car configurators, and educate you along the way. Currently preparing the project trailer. To be published soon.

8

16

97

Immersive Studios

@ImmersivStudios

1 year

Developers, how do you call yourself today? a) 3D Developer b) Web Developer c) Web 3D Developer d) Creative Developer e) Front End Developer f) Multidisciplinary Designer g) Real-time interactive experiences Developer h) Creative Web Freelance Frontend 3D Developer

46

2

98

Immersive Studios

@ImmersivStudios

1 year

We've just launched our FIRST #webflow cloneable! Remember that Haunted House? Now it's cloneable and you can do anything with it. So get on it, webflow gurus, and take this project apart! 🤣

1

4

95

Immersive Studios

@ImmersivStudios

10 months

ThreeJS or React3fiber? What would you choose right now?

35

1

96

Immersive Studios

@ImmersivStudios

1 year

Introducing Project: Tornado A threejs based 3D portfolio website to present our latest studio projects. Coming soon!

3

6

95

Immersive Studios

@ImmersivStudios

10 months

Projects Cars has been nominated for the @awwwards honors of the month! You can vote here 👇

3

6

95

Immersive Studios

@ImmersivStudios

1 year

How to make 3D scrollytelling using #webflow and #r3f ? Full 10 min tutorial coming this week!

4

6

92

Immersive Studios

@ImmersivStudios

1 year

Prototype: Real-time 3D Yacht experience - 3D yacht scene in the bay night/day - Configure interior and exterior in real time - Scrollytelling walkthrough experience in 3D Immersive websites are the thing for luxurious emotional experiences in great detail.

3

6

92

Immersive Studios

@ImmersivStudios

9 months

Hey Designers and Developers, where are you? Let’s connect! - UX/UI Designers - Front End Devs - Creative Devs - ThreeJS/ R3F/ WebGL Devs - BabylonJS devs - Mobile App Designers - 3D Designers - AI Artists - Brand designers Tag your creative mates!

50

5

91

Immersive Studios

@ImmersivStudios

5 months

Just saw this sports configurator demo on made with @babylonjs - starting to like Babylon more and more!

6

91

Immersive Studios

@ImmersivStudios

1 year

Prototype Design #ThreeJS WebGI Configurator. The design is meant to bring 3D to the fore and act merely as a shell, allowing the scene to reveal it's highly detailed look and luxurious feel.

4

3

89

Immersive Studios

@ImmersivStudios

1 year

@stillgray Making sure the war is climate friendly

5

0

84

Immersive Studios

@ImmersivStudios

1 year

All you need to build a Real-time 3D Car Configurator website: 1. @webflow (Front End) 2. @threejs (3D Creative Develpoment) 3. @AdobeXD (Design & Prototyping) 4. @Blender (3D & Animations) 5. @pixotronics (WebGI SDK) 6. @code (Visual Studio Code) And of course a great team

4

13

81

Immersive Studios

@ImmersivStudios

1 year

#WebGL fog and smoke Shader inspiration:

4

3

83

Immersive Studios

@ImmersivStudios

1 year

Threejs scene tweaking tutorial is out! Join @Andersonmancini to learn how we optimized the 3D scene in @threejs + @pixotronics for project cars to look realistic!

1

12

79

Immersive Studios

@ImmersivStudios

10 months

As a Creative Dev, who of you has already taken @bruno_simon ‘s ThreeJS journey course? Hands up 👋

27

0

81

Immersive Studios

@ImmersivStudios

1 year

Create 3D for the web with @spline ? Making 3D, baking 3D und making sure 3D looks, runs and animates nice across all devices is a tough job. Spline lets you do all this and create 3D directly inside the web with a simple no-code design interface. Your thoughts on spline?

4

3

80

Immersive Studios

@ImmersivStudios

1 year

@alx Twitter's most recent user numbers say that more people are actively using the platform than ever before. Clearly it's dead

4

0

72

Immersive Studios

@ImmersivStudios

1 year

Do you have problems with the size of 3D files? We have it all the time - so we had to reduce this self-made #3Dscene from its original 200 MB to 6 MB, 33 times less the original size. Here's how we did it: ✂️ Reduce materials and surfacing to eliminate unnecessary complexity

5

3

79

Immersive Studios

@ImmersivStudios

1 year

What's happening?!

5

79

Immersive Studios

@ImmersivStudios

1 year

Project Cars, our latest #threejs project will be released next week. The configurator plays in an futuristic box designed by us in a mountainous snow environment. You have waited long enough.

4

9

73

Immersive Studios

@ImmersivStudios

11 months

Particle effect inspiration from your team. Is this achieveable with R3F?

2

4

76

Immersive Studios

@ImmersivStudios

10 months

Project Cars is nominated for the Product Honors! Final phase of voting at @awwwards

3

6

73

Immersive Studios

@ImmersivStudios

1 year

8 Industries to adopt #threejs experiences first: - Web3 - Automotive industry - Festivals and events - Art and exhibitions - Music artists - Clothing industry - Jewelry industry - Gaming Did I miss any?

9

4

70

Immersive Studios

@ImmersivStudios

1 year

Concept Design for our Haunted house project using #react3fiber @Andersonmancini

0

2

72

Immersive Studios

@ImmersivStudios

1 year

I fell in love with the animations and everything. We need more brands to embrace 3D technology.

1

71

Immersive Studios

@ImmersivStudios

11 months

Can we have such physics on the web?

7

2

70

Immersive Studios

@ImmersivStudios

1 year

3 ways to improve 3D web performance: - Reduce FPS to 30 - Render only when necessary - Use Separate processor threads for 3D rendering Implement this correct and your 3D websites will be much smoother and you reduce CPU and GPU use by up to 70%.

3

6

66

Immersive Studios

@ImmersivStudios

1 year

3D websites are not aimed at conversions. Like most normal websites. It's the potential of 3D to use visual storytelling to create an emotional experience and profound experience that lets people persuade themselves.

1

67

Immersive Studios

@ImmersivStudios

1 year

Revving up the engines for Project Cars! 🚗💨 We're collaborating with @pixotronics using their WebGi Engine to bring you an immersive 3D experience. Check out this configurable GT 63, soon in real-time! During concept design phase, we've been busy: - Developing various UI

1

11

67

Immersive Studios

@ImmersivStudios

5 months

One of the best 3D apparel websites so far. Great style and ambience through music, animations and visual effects by Adidas.

3

66

Immersive Studios

@ImmersivStudios

4 months

We spend multiple months creating the perfect 3D art gallery. This is a recording of the 3D scene from the web

8

4

69

Immersive Studios

@ImmersivStudios

1 year

3 upcoming tutorials this week: - Bake 3D like a Pro - How we use pixotronics SDK + threejs to build project cars - I made a Game Engine with Ray Marching Spread the news

1

4

66

Immersive Studios

@ImmersivStudios

8 months

The 6 best places to get creative website inspiration: Did I miss anything?

11

7

64

Immersive Studios

@ImmersivStudios

1 year

Our SECOND #threejs tutorial is now LIVE! Watch how we made a game engine with Ray Marching 👇👇

5

8

64

Immersive Studios

@ImmersivStudios

1 year

Our Haunted house is nominated on @awwwards ! If you want to help us, vote for it here 👇 Thank you already 🙏

2

62

Immersive Studios

@ImmersivStudios

1 year

5 threejs project ideas with big potential: - Multiplayer Online Festival - Jewlery store walkthrough experience - Survival Horror Game - Music & Audio visualization - Game like Car configurator What are you up to?

10

4

59

Immersive Studios

@ImmersivStudios

11 months

ThreeJS, WebGL or R3F? What's your choice?

36

0

60

Immersive Studios

@ImmersivStudios

1 year

Project Cars is going live TOMORROW, monday! We shot a trailer ... that will blow you away! Also, our first tutorial series based on project cars will appear post launch. 🔴LIVE on Twitter🔴 16:00 - ECST time 10:00 - ET time 07:00 - PST time Buckle up!

5

7

61

Immersive Studios

@ImmersivStudios

10 months

Do you want us to show work in progress even it looks completely crappy? It takes huge effort to make a 3D websites look good. Most agencies only show the results 🤔

9

0

60

Immersive Studios

@ImmersivStudios

5 months

Snapshot from our Immersive Gallery project, real-time views out of the browser

6

1

60

Immersive Studios

@ImmersivStudios

5 months

We’re giving @babylonjs a chance for this project. The engine has dramatically improved on graphics

3

2

58

Immersive Studios

@ImmersivStudios

10 months

Big brands relying on 3D WebGL experiences: • Google • Meta • Gucci • NASA • Spotify • CocaCola • MSI • Netflix • Vice Any other?

6

1

58

Immersive Studios

@ImmersivStudios

1 year

Best 7 fonts for 3D Webdesign: - General Sans (Great all-rounder) - Cabinet Grotesk (Stylistic, san serif) - Switzer (For font designs) - Proxima Nova (The @X font) - Source Code Pro (best mono type) - LTC Bodoni (best Luxury type) - Clash Display (futuristic) Thank me later.

2

3

55

Immersive Studios

@ImmersivStudios

5 months

Fashion show in real-time 3D on the web?

7

3

56

Immersive Studios

@ImmersivStudios

8 months

We’re working on a brand new showcase project with the team. It’s about space, rockets, particles and of course 3D. Stay tuned!

4

55

Immersive Studios

@ImmersivStudios

1 year

To imagine an immersive car configuration experience, draw inspiration from video game configurators, not from existing website car configurators. What do you think? Project Cars coming soon🫡 #threejs #configurator

2

7

55

Immersive Studios

@ImmersivStudios

10 months

New tutorial coming TODAY: #WebGPU :: Javascript at the speed of Light! Featuring @3d_visionary

0

2

55

Immersive Studios

@ImmersivStudios

1 year

What do you associate ThreeJS most with? - Shaders - AR/VR - gaming - metaverse - Web XR - real-time 3D - Scrollytelling - Immersive experiences - 3D websites - web3 Or anything else?

19

5

54

Immersive Studios

@ImmersivStudios

1 year

3D scroll effect using #r3f and #webflow 10 min tutorial out now!

1

7

52

Immersive Studios

@ImmersivStudios

1 year

Your daily dose of 3D web(3) design. Garmahuge: A 3D scrollytelling product experience. More brands should invest in presenting their products in 3D.

2

50

Immersive Studios

@ImmersivStudios

6 months

@RubenHume Looks horrible

0

51

Immersive Studios

@ImmersivStudios

1 year

Tutorial about this coming too in another series! Stay tuned!

Anderson Mancini

@Andersonmancini

1 year

One of the things I love most about #threejs is the Custom Shader power. You can extend materials while keeping their properties. I created this animated shader-injected iridescent glass using the @Shadertoy . Tutorial will be available soon + source code 😁 #screenshotsaturday

15

41

295

1

52

Immersive Studios

@ImmersivStudios

11 months

Immersive 3D website scene concept by Korb The realistic looking clouds are probably the hardest to make. Nevertheless, I am interested in how well this scene can be recreated in real-time.

3

1

49

Immersive Studios

@ImmersivStudios

10 months

Your daily WebGL particle inspiration effect!

1

5

48

Immersive Studios

@ImmersivStudios

1 year

Every #threejs Developer needs a Design friend. That doesn’t need much explanation, please don’t tell me your both. 😂 Correct me if I’m wrong.

13

0

47

Immersive Studios

@ImmersivStudios

1 year

3D Desert scene for our motion capture web project is ready! On the centered platform, a 3D character will be able to move in real time through webcam data processed by the Radical AI.

3

2

45

Immersive Studios

@ImmersivStudios

1 year

4 3D designs to bookmark. Which one do you like most?

7

4

47

Immersive Studios

@ImmersivStudios

1 year

Thanks to our 2000 followers. Your Support is incredible! 🎉 Our mission is to make 3D websites mainstream and inspire and educate as many individuals as possible on this #threejs journey! And here we are, one big step closer. Thanks to you! 💪😃🫵

0

47

Immersive Studios

@ImmersivStudios

10 months

We designed this cartoon 3D scene and brought it the web with ThreeJS! It uses lensflare by @Andersonmancini

2

1

47

Immersive Studios

@ImmersivStudios

1 year

Shoutout to these 5 beasts: @nicolas_web3 @wild_semicolon @_Axiome_ @Lunakepio @th_ebenezer They share high-quality #threejs content around the clock. Nobody’s shared more twitter energy with us then them. 🤟

5

46

Immersive Studios

@ImmersivStudios

6 months

New website for is online with this interactive 3D effect.

5

3

44

Immersive Studios

@ImmersivStudios

1 year

Do you work with #babylonjs ? Roughly 4% of Creative devs do so according to our discord statistics. It’s Microsoft’s answer to #threejs and more known of as a web-based game engine. What are your thoughts?

8

1

40