Video wird geladen...

Video konnte nicht geladen werden

Zur Startseite

Nice rendering effect: fading in Depth of Field when being closer to objects Needle #webdev Three.js

18,568 Aufrufe • vor 3 Jahren •via X (Twitter)

9 Kommentare

Profilbild von ᴊᴏᴀɴɪᴇ ʟᴇᴍᴇʀᴄɪᴇʀ ⏚
ᴊᴏᴀɴɪᴇ ʟᴇᴍᴇʀᴄɪᴇʀ ⏚vor 3 Jahren

@sarahbadr @NeedleTools @threejs Beautiful !

Profilbild von Pete Patterson,  Spatial Cadet, 𝑥R Dev
Pete Patterson, Spatial Cadet, 𝑥R Devvor 3 Jahren

@threejs @NeedleTools That's really cool!

Profilbild von Jesse
Jessevor 3 Jahren

@NeedleTools @threejs 😮

Profilbild von Johannes Deml
Johannes Demlvor 3 Jahren

@NeedleTools @threejs Holy cow, that looks awesome! How costly is the depth of field effect? Great work!

Profilbild von herbst
herbstvor 3 Jahren

@NeedleTools @threejs It's still expensive, but we tuned it a bit so it by default works on mid-range phones too. The effect itself is from the postprocessing package by @pmndrs

Profilbild von aile1997
aile1997vor 3 Jahren

@NeedleTools @threejs Could you tell me how it was achieved?

Profilbild von herbst
herbstvor 3 Jahren

@NeedleTools @threejs The scene is set up in @unity and exported to the web using our @NeedleTools engine - renders with @threejs on all browsers and devices. The only custom code here is translating "distance to target → focal length", everything else is no-code

Profilbild von Roman
Romanvor 3 Jahren

@NeedleTools @threejs Man, looks slick!

Profilbild von herbst
herbstvor 3 Jahren

@BartekBartosz9 @threejs @NeedleTools Got 15+ years of experience building interactive apps, but usually with C#; until early last year I only touched JS/TS with a stick to be honest 🌿

Ähnliche Videos