正在加载视频...

视频加载失败

返回首页

WebGL portfolio is live! Designed and developed by me Link below #glsl #webgl #threejsJourney

michalzalobny's profile picture

Michal Zalobny

2,829 subscribers

120,095 次观看 • 2 年前 •via X (Twitter)

教育艺术科学技术#glsl#webgl#threejsJourney
LIVE

Anya Rossi• Live Now

Private livecam show

9 条评论

special K | CEO of poast traumatic era 的头像
special K | CEO of poast traumatic era2 年前

I'm floored. Very cool. you beat me to some ideas I've been working into my own reee. But stellar work. worked well on Android also

Michal Zalobny 的头像
Michal Zalobny2 年前

@keybrackson Thanks! Finished them as well. I'm curious now ;D

Jake 🎉 的头像
Jake 🎉2 年前

pretty snazzy – love all the animations and transitions. two critiques: 1. after a bit the navigation animations start to take a bit long. would be nice to make them zippier the longer you browse 2. this weird 100% thing in the list view; maybe when viewport =~ doc height?

Michal Zalobny 的头像
Michal Zalobny2 年前

Thanks, good points

vaibhav aggarwal 的头像
vaibhav aggarwal2 年前

Interactions on point😍

jeffrey blum  的头像
jeffrey blum 2 年前

Beautiful piece and so smooth, really exquisite! Congrats

Michal Zalobny 的头像
Michal Zalobny2 年前

Appreciate that Jeffrey, thank you

Tam 的头像
Tam2 年前

The way my jaw dropped when I realized you actually managed to make it look great AND fast on mobile I feel like there are very few WebGL projects that really work nicely on mobile devices, I’m bookmarking this one for future references !

Michal Zalobny 的头像
Michal Zalobny2 年前

Thanks! I tried to make it as performant as possible!

相关视频

Link: I updated my #threejs portfolio to add some of my latest projects. Realistic water is now available in XR mode. The Mesh Transition material is available for purchase on Patreon. More projects are coming soon. Subscribe to the newsletter to stay up to date. #threejsJourney #creativecoding #webgl #glsl
0:24

Link: I updated my #threejs portfolio to add some of my latest projects. Realistic water is now available in XR mode. The Mesh Transition material is available for purchase on Patreon. More projects are coming soon. Subscribe to the newsletter to stay up to date. #threejsJourney #creativecoding #webgl #glsl

Anderson Mancini

11,918 次观看 • 1 年前

Particle visualization with shockwaves and themes. Uses JavaScript, Three.js for WebGL, and GLSL shaders for visual effects. Source code/CodePen link in the comment below. 👇
0:36

Particle visualization with shockwaves and themes. Uses JavaScript, Three.js for WebGL, and GLSL shaders for visual effects. Source code/CodePen link in the comment below. 👇

Puneet | Techartist

13,326 次观看 • 1 年前

Realtime WebGL, galaxy in a Snow Globe! (three.js, glsl and ts)
3:24

Realtime WebGL, galaxy in a Snow Globe! (three.js, glsl and ts)

🌈 George Corney

72,330 次观看 • 2 年前

Exploring liquid aesthetics in shaders #creativecoding #shaders #webgl #glsl
0:45

Exploring liquid aesthetics in shaders #creativecoding #shaders #webgl #glsl

Fabio Ottaviani

62,507 次观看 • 2 年前

Excited to finally launch the new Siena Film Foundation website, crafted with G-NS Studio! A WebGL-powered experience featuring film strips, procedural sliders and cinematic-inspired animations. 🎬 Live URL → #Webflow #WebGL #Javascript #GSAP #GLSL
0:30

Excited to finally launch the new Siena Film Foundation website, crafted with G-NS Studio! A WebGL-powered experience featuring film strips, procedural sliders and cinematic-inspired animations. 🎬 Live URL → #Webflow #WebGL #Javascript #GSAP #GLSL

Niccolò Miranda

121,264 次观看 • 1 年前

An interactive, animated spiral pattern with dynamic colors, energy bursts, and bloom effects created with Three.js (WebGL) and custom GLSL shaders. Source code link in the comment below. 👇 #OpenSource #Threejs #JavaScript
0:49

An interactive, animated spiral pattern with dynamic colors, energy bursts, and bloom effects created with Three.js (WebGL) and custom GLSL shaders. Source code link in the comment below. 👇 #OpenSource #Threejs #JavaScript

Puneet | Techartist

11,398 次观看 • 1 年前

Interactive simulation built with Three.js, WebGL, and GLSL shaders featuring dynamic lattice structures, particle effects, and a UI for scene controls. Source code link in the comment below. 👇 #OpenSource #Threejs #JavaScript
0:29

Interactive simulation built with Three.js, WebGL, and GLSL shaders featuring dynamic lattice structures, particle effects, and a UI for scene controls. Source code link in the comment below. 👇 #OpenSource #Threejs #JavaScript

Puneet | Techartist

14,638 次观看 • 1 年前

Today's addition to the Three.js Journey's selection: Merouane Bali’s Portfolio 👉 Great job Merouane Bali ! 🔗 Find all the selected projects on Three.js Journey 👉 #threejsJourney #threeJs #webGL
2:06

Today's addition to the Three.js Journey's selection: Merouane Bali’s Portfolio 👉 Great job Merouane Bali ! 🔗 Find all the selected projects on Three.js Journey 👉 #threejsJourney #threeJs #webGL

Bruno Simon

13,729 次观看 • 1 年前

An interactive 3D electric sphere rendered via JavaScript, Three.js, and WebGL. Custom GLSL shaders generate dynamic lightning and particle effects that react to user interaction. Source code/CodePen link in the comment below. 👇
0:48

An interactive 3D electric sphere rendered via JavaScript, Three.js, and WebGL. Custom GLSL shaders generate dynamic lightning and particle effects that react to user interaction. Source code/CodePen link in the comment below. 👇

Techartist

13,955 次观看 • 1 年前

Here's my take at faking volumetric fog 😶‍🌫️ #threejs #webgl #glsl #r3f #javascript
0:26

Here's my take at faking volumetric fog 😶‍🌫️ #threejs #webgl #glsl #r3f #javascript

Thibaut Foussard

10,151 次观看 • 2 年前

WebGL particle simulation with custom GLSL shaders, morphing between formations with mouse interaction. Uses Three.js, BufferGeometry, and UnrealBloomPass. Click/Tap changes patterns. Source code/CodePen link in the comment below. 👇 #OpenSource #javascript
0:26

WebGL particle simulation with custom GLSL shaders, morphing between formations with mouse interaction. Uses Three.js, BufferGeometry, and UnrealBloomPass. Click/Tap changes patterns. Source code/CodePen link in the comment below. 👇 #OpenSource #javascript

Techartist

14,977 次观看 • 1 年前

Here is a recent project we created for Poly, an intelligent file browser powered by AI. ⤷ #webgl #webdesigner #portfolio
1:01

Here is a recent project we created for Poly, an intelligent file browser powered by AI. ⤷ #webgl #webdesigner #portfolio

Unseen Studio®

17,424 次观看 • 4 个月前

0b5vr GLSL Techno Live Set 7 minutes of GLSL techno journey with a VJ graphics. in a 64KB WebGL Intro. Appeared in the Revision 2023 PC 64K Intro Compo.
2:05

0b5vr GLSL Techno Live Set 7 minutes of GLSL techno journey with a VJ graphics. in a 64KB WebGL Intro. Appeared in the Revision 2023 PC 64K Intro Compo.

0b5vr

106,874 次观看 • 3 年前

Just launched VISUALBUSINESS Minimal webgl gallery for a visual first portfolio website. Did creative direction, digital design and development. 👀 breakdown and link ↓
0:21

Just launched VISUALBUSINESS Minimal webgl gallery for a visual first portfolio website. Did creative direction, digital design and development. 👀 breakdown and link ↓

👀

22,616 次观看 • 1 年前

Another WebGL image filter (and a great occasion to use my vacation pics) Around 10kb of GLSL + vanilla JS, no external libraries Live demo & source code: Hosted on CodePen.IO
0:23

Another WebGL image filter (and a great occasion to use my vacation pics) Around 10kb of GLSL + vanilla JS, no external libraries Live demo & source code: Hosted on CodePen.IO

Ksenia Kondrashova

37,791 次观看 • 1 年前

A month ago, @Webflow tasked us to reinvent their homepage. Together, we fused design, development, motion & WebGL, all with a sharp focus on performance. Ready for its debut at @WebflowConf yesterday! Link below, dive in and enjoy! #webflow #webgl
0:22

A month ago, @Webflow tasked us to reinvent their homepage. Together, we fused design, development, motion & WebGL, all with a sharp focus on performance. Ready for its debut at @WebflowConf yesterday! Link below, dive in and enjoy! #webflow #webgl

OFF+BRAND.

109,421 次观看 • 2 年前

Not only have I remade #Balatro’s card behaviour in WebGL I’ve now got custom #glsl shaders running on the cards too! Built with #threejs If this post hits 1k likes, I’ll drop a free & beginner-friendly video explaining exactly how I did it #threejsjourney #100DaysOfCode
0:34

Not only have I remade #Balatro’s card behaviour in WebGL I’ve now got custom #glsl shaders running on the cards too! Built with #threejs If this post hits 1k likes, I’ll drop a free & beginner-friendly video explaining exactly how I did it #threejsjourney #100DaysOfCode

Alex

37,795 次观看 • 1 年前

- OSC - SESSIONS 2025 Realtime Graphics WebGL 64KB Intro #SESSIONS_Party #webgl
1:56

- OSC - SESSIONS 2025 Realtime Graphics WebGL 64KB Intro #SESSIONS_Party #webgl

ukonpower

14,783 次观看 • 6 个月前

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,599 次观看 • 2 年前

Today's addition to the #threejsJourney's wall of fame: Henry Heffernan’s Portfolio 👉 Wait, you can play doom on it?? And to think you knew nothing about WebGL a few months before. Great job! Henry Heffernan 👉 #threejs #webGL
0:28

Today's addition to the #threejsJourney's wall of fame: Henry Heffernan’s Portfolio 👉 Wait, you can play doom on it?? And to think you knew nothing about WebGL a few months before. Great job! Henry Heffernan 👉 #threejs #webGL

Bruno Simon

55,506 次观看 • 3 年前