Загрузка видео...

Не удалось загрузить видео

На главную

Trying to pixelize 3d objects with optional color palettes and dithering using WebGL. Using TweakPane for GUI. WebGLで3D形状をピクセル化する試み。 #webgl #threejs

jhorikawa_err's profile picture

Junichiro Horikawa

15,565 subscribers

27,374 просмотров • 1 год назад •via X (Twitter)

ИскусствоНаука и технологииОбразование#webgl#threejs
LIVE

Anya Rossi• Live Now

Private livecam show

Комментарии: 9

Фото профиля Junichiro Horikawa
Junichiro Horikawa1 год назад

It took a lot of time for me to detect inner edges (used depth and normal map in the end)

Фото профиля Ryo Lu
Ryo Lu1 год назад

so good can you share the code

Фото профиля VR Me Up - VR World Builder
VR Me Up - VR World Builder1 год назад

Great effect, Looks fantastic🙂

Фото профиля Fatih Yonucuoğlu
Fatih Yonucuoğlu1 год назад

cool

Фото профиля Capauri
Capauri1 год назад

this is so sick

Фото профиля VP
VP1 год назад

This is really good

Фото профиля Alex : Subsocial
Alex : Subsocial1 год назад

So cool 👍

Фото профиля Jon Shamir
Jon Shamir1 год назад

sweet! nostalgic vibes

Фото профиля Andrey
Andrey1 год назад

Beatiful

Похожие видео

i made a 3D stained glass type design tool it renders live in the browser using threejs and webgl shaders
0:30

i made a 3D stained glass type design tool it renders live in the browser using threejs and webgl shaders

AA

47,343 просмотров • 1 месяц назад

It was great to work on this one w/ Resn, especially on that "Molten Grid" effect using WebGL and SDF — #webGL #threejs #UI
0:20

It was great to work on this one w/ Resn, especially on that "Molten Grid" effect using WebGL and SDF — #webGL #threejs #UI

Giom

20,229 просмотров • 1 год назад

🎮 React Three Game on Three.js Resources Learn how to build 3D games using React Three Fiber and #threejs. A great starting point for understanding game logic, interactivity, and real-time 3D on the web. 👉 #threejs #WebGL #GameDev #ReactThreeFiber #3D #Learning
1:05

🎮 React Three Game on Three.js Resources Learn how to build 3D games using React Three Fiber and #threejs. A great starting point for understanding game logic, interactivity, and real-time 3D on the web. 👉 #threejs #WebGL #GameDev #ReactThreeFiber #3D #Learning

Three.js Resources

15,838 просмотров • 4 месяцев назад

Particles in 3D Models (OBJ/FBX) Demo and Source Code: #threejs Three.js #webgl #particles #3dmodeling
0:49

Particles in 3D Models (OBJ/FBX) Demo and Source Code: #threejs Three.js #webgl #particles #3dmodeling

Sabo Sugi

10,653 просмотров • 4 месяцев назад

Optical flow, fluid dynamics, refraction with lots and lots of render targets in WebGL #threejs #webgl
0:24

Optical flow, fluid dynamics, refraction with lots and lots of render targets in WebGL #threejs #webgl

Aj

657,528 просмотров • 2 лет назад

TouchDesignerでよく見るやつをWebGLでやってみたシリーズ Mediapipeを使って Glass effect を試してみた。 両手ピンチ：拡大縮小 左手クリック：模様替え 右手ドラッグ：Glassオブジェクトを移動 #webgl #glsl #threejs #touchdesigner
0:20

TouchDesignerでよく見るやつをWebGLでやってみたシリーズ Mediapipeを使って Glass effect を試してみた。 両手ピンチ：拡大縮小 左手クリック：模様替え 右手ドラッグ：Glassオブジェクトを移動 #webgl #glsl #threejs #touchdesigner

Shoya Kajita

28,532 просмотров • 1 месяц назад

#webgl Texture recursion effect using render targets of threejs. Render targets are capable of creating really cool stuff. #threejs #shaders
0:21

#webgl Texture recursion effect using render targets of threejs. Render targets are capable of creating really cool stuff. #threejs #shaders

Refaay

59,335 просмотров • 2 лет назад

After few adjustments and thanks to #threejs TSL 💙🙏 this experiment runs on #webgpu and #webgl ! Try it with firefox to test webgl fallback : Source :
0:20

After few adjustments and thanks to #threejs TSL 💙🙏 this experiment runs on #webgpu and #webgl ! Try it with firefox to test webgl fallback : Source :

Kevin Levron

25,227 просмотров • 11 месяцев назад

👋 I'm available again for freelance. Looking for a WebGL ~ 2D/3D ~ front-end (any framework) project starting now 🙏 #freelance #frontend #developer #webgl
0:50

👋 I'm available again for freelance. Looking for a WebGL ~ 2D/3D ~ front-end (any framework) project starting now 🙏 #freelance #frontend #developer #webgl

Robin Payot

16,757 просмотров • 2 лет назад

⚡ GLTF Optimizer Optimize your 3D models for the web in seconds. Reduce file size, improve performance, and keep your #threejs scenes smooth all without losing quality. Perfect for faster 3D workflows. 👉 Creator: Simon #threejs #WebGL #3D #Optimization #Workflow #Performance #3DDev
0:41

⚡ GLTF Optimizer Optimize your 3D models for the web in seconds. Reduce file size, improve performance, and keep your #threejs scenes smooth all without losing quality. Perfect for faster 3D workflows. 👉 Creator: Simon #threejs #WebGL #3D #Optimization #Workflow #Performance #3DDev

Three.js Resources

18,026 просмотров • 4 месяцев назад

Well… things escalated fast. This started as me re-purposing dusty / rejected Figma concepts to study page transitions using WebGL + Taxi. Somehow it turned into a mini site with… a lot going on. Live: #webflow #threejs #gsap #webgl
0:21

Well… things escalated fast. This started as me re-purposing dusty / rejected Figma concepts to study page transitions using WebGL + Taxi. Somehow it turned into a mini site with… a lot going on. Live: #webflow #threejs #gsap #webgl

Bimo Tri. P

13,587 просмотров • 6 месяцев назад

SuperGrok is insanely powerful. Use the file chat feature and talk to your code in real time. Coded this 3D model of helmet for a game asset using threejs and webgl with Grok 4. The file chat allowed me to add lighting and color controls just like that. It felt surreal. Try it now.
0:46

SuperGrok is insanely powerful. Use the file chat feature and talk to your code in real time. Coded this 3D model of helmet for a game asset using threejs and webgl with Grok 4. The file chat allowed me to add lighting and color controls just like that. It felt surreal. Try it now.

Prashant

1,273,545 просмотров • 9 месяцев назад

3d is nice but #webgl images I really like
0:27

3d is nice but #webgl images I really like

👀

45,797 просмотров • 1 год назад

I've gotten contour and latitude / longitude lines working with ellipsoidal tile sets in 3D Tiles Renderer - demo link below! 🌎✨ #threejs #webgl #3dtiles #gis #cesiumgrant
0:23

I've gotten contour and latitude / longitude lines working with ellipsoidal tile sets in 3D Tiles Renderer - demo link below! 🌎✨ #threejs #webgl #3dtiles #gis #cesiumgrant

Garrett Johnson

40,351 просмотров • 1 год назад

Small weekend project. Modified Brackeys's Unity dissolve shader to work in #ThreeJS using R3F. Will be using this in AR soon👀 Demo: Code: #webgl #creativecoding
0:36

Small weekend project. Modified Brackeys's Unity dissolve shader to work in #ThreeJS using R3F. Will be using this in AR soon👀 Demo: Code: #webgl #creativecoding

Faraz

111,070 просмотров • 2 лет назад

Transform your ideas into 3D with ease! 🎨✨ Tripo AI uses AI to help you create 3D models in no time. is this the future of 3d design? 🚀 Check it out: #Threejs #WebGL #AI
1:22

Transform your ideas into 3D with ease! 🎨✨ Tripo AI uses AI to help you create 3D models in no time. is this the future of 3d design? 🚀 Check it out: #Threejs #WebGL #AI

Three.js Resources

58,819 просмотров • 1 год назад

Aurum Leaf Demo and Source Code: #threejs #webgl #creativecoding
0:39

Aurum Leaf Demo and Source Code: #threejs #webgl #creativecoding

Sabo Sugi

12,523 просмотров • 27 дней назад

Wave Lights Demo and Source Code: #threejs #webgl #shader
0:38

Wave Lights Demo and Source Code: #threejs #webgl #shader

Sabo Sugi

24,312 просмотров • 1 месяц назад

🔥 enhance-shader-lighting is released! 🔥 ⮕ Demo: 3 example scenes with baked lightmaps and "enhanced lighting" through modified shaders. ⮕ GitHub: #threejs #webdev #3D #javascript #Graphics #webgl
0:24

🔥 enhance-shader-lighting is released! 🔥 ⮕ Demo: 3 example scenes with baked lightmaps and "enhanced lighting" through modified shaders. ⮕ GitHub: #threejs #webdev #3D #javascript #Graphics #webgl

0beqz

85,149 просмотров • 3 лет назад