正在加载视频...

视频加载失败

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

18,570 次观看 • 3 年前 •via X (Twitter)

9 条评论

ᴊᴏᴀɴɪᴇ ʟᴇᴍᴇʀᴄɪᴇʀ ⏚ 的头像
ᴊᴏᴀɴɪᴇ ʟᴇᴍᴇʀᴄɪᴇʀ ⏚3 年前

@sarahbadr @NeedleTools @threejs Beautiful !

Pete Patterson,  Spatial Cadet, 𝑥R Dev 的头像
Pete Patterson, Spatial Cadet, 𝑥R Dev3 年前

@threejs @NeedleTools That's really cool!

Jesse 的头像
Jesse3 年前

@NeedleTools @threejs 😮

Johannes Deml 的头像
Johannes Deml3 年前

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

herbst 的头像
herbst3 年前

@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

aile1997 的头像
aile19973 年前

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

herbst 的头像
herbst3 年前

@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

Roman 的头像
Roman3 年前

@NeedleTools @threejs Man, looks slick!

herbst 的头像
herbst3 年前

@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 🌿

相关视频