Creative Coder
@creative_coder
443 subscribers
196 photos
134 videos
4 files
308 links
Креативна розробка вебу з ароматом смаженої москальні. Передовий край веб технологій та дизайн ідей, поки є електрика :)

@dre1337
加入频道
About
Blog
Apps
Platform
Join
Creative Coder
443 subscribers
Creative Coder
https://www.youtube.com/watch?v=AS1Zb26o3ss&yuri=boss
YouTube
Shader image transition with #threejs and TSL
Original: https://motionvectorshowcase.activetheory.dev/
Agency: https://activetheory.net/

My workshops: https://threejs-workshops.com/
Support: https://www.patreon.com/allyourhtml
Twitter: http://twitter.com/akella
Setup: https://gist.github.com/akella…
359 viewsAndrew, 
Creative Coder
https://www.youtube.com/watch?v=Wgz3u-6tg28
YouTube
Refraction and glass effects with #threejs TSL
https://github.com/mrdoob/three.js/blob/9d4c2918ae86c67f079a8c7c2830551171f4a430/src/nodes/functions/PhysicalLightingModel.js#L131

My workshops: https://threejs-workshops.com/
Support: https://www.patreon.com/allyourhtml
Twitter: http://twitter.com/akella…
348 viewsAndrew, 
Creative Coder
Люба спільното, вітаю всіх з Новим роком! Бажаю успіхів на всіх фронтах і дякую що ви є :)
372 viewsAndrew, 
Creative Coder
https://www.youtube.com/watch?v=X3pPAdQBKHo
YouTube
Intro to Creative Web Development with Three.js and Blender | Create a 3D Portfolio for Beginners
Code, Credits, Fixes, Updates & Blender File: https://github.com/andrewwoan/bellas-park
Website: https://www.bellas-park.com/
🥳Recently won an award 🎉!! https://www.youtube.com/channel/UCN9Sb92kzuuarZ4JLKRViZA/community?lb=UgkxWSxypxi5ACRaOnSWI8i8Del66z77kK6a…
347 viewsAndrew, 
Creative Coder
Потужна добірка сайтів, які записані на відео:

https://www.youtube.com/@webgraph21/videos

Нажаль, з часом багато з цих яскравих проектів оновлюються, замінюються і зрештою зникають. Нарешті хтось їх зберігає для майбутнього.
Хоча звісно що відчути ці сайти через відео не вийде, але хоча б побачити вже непогано.

В мене була така потреба але мені було лінь :)
YouTube
WEBGRAPH
Documenting Sites of the Era

Welcome to WEBGRAPH, a space where I document the evolving artistry of website. My passion for web design started with a now-extinct website, inspiring me to preserve the beauty of websites for future reference and retrospective.…
324 viewsAndrew, edited  
Creative Coder
https://tympanus.net/codrops/2025/01/16/case-study-gentle-rain ❤️
Codrops
Case Study: Gentle Rain | Codrops
This case study explores how retro aesthetics and modern innovation came together to create a unique and inspiring learning experience.
356 viewsAndrew, edited  
Creative Coder
This media is not supported in your browser
VIEW IN TELEGRAM
https://tympanus.net/codrops/2025/01/20/vfx-js-webgl-effects-made-easy/

#tool
333 viewsAndrew, 
Creative Coder
Forwarded from Yuri
відео дуже цікаве, запощу окремо прям: https://www.youtube.com/watch?v=HPqGaIMVuLs
YouTube
Surface-Stable Fractal Dithering Explained
I invented a new form of dithering I call Surface-Stable Fractal Dithering. I've released it as open source along with this explainer video of how it works.

Also see my demo video showing a variety of styles, including in color:
https://www.youtube.com/…
330 viewsAndrew, 
Creative Coder
https://tympanus.net/codrops/2025/01/29/particles-progress-and-perseverance-a-journey-into-webgpu-fluids/

#article@creative_coder
Codrops
Particles, Progress, and Perseverance: A Journey into WebGPU Fluids | Codrops
Editor's note: If you’ve been around the world of web graphics, you probably know Hector Arellano, a.k.a Hat—a developer
273 viewsYuri, edited  
Creative Coder
https://www.youtube.com/watch?v=AB6sulUMRGE

#tutorial
YouTube
Create a Cute Award-Winning Room Portfolio with Three.js and Blender | Beginner Course
Hey everyone! Welcome back to another video. In this video, we will create a simple and cute three.js and Blender room portfolio!!!

*IMPORTANT* Make sure to go into 1) edit in the upper left corner 2) preferences 3) system 4) and switch to "CUDA" and enable…
243 viewsAndrew, 
Creative Coder
Forwarded from MaxGraey
https://www.youtube.com/watch?v=X_YQOvX0jjI
YouTube
Війна, ІТ і геймдев: розмова з Денисом Квебеком
We invite you to dive into an interactive interview with Denys Quebec, a hero of our game *F20 Eclipse*. This is not just a story but a profound insight into the life of a veteran warrior, modern challenges in IT and game development, and his unique experience…
263 viewsAndrew, 
Creative Coder
Forwarded from xynapsy
https://danielchasehooper.com/posts/code-animated-rick/
Danielchasehooper
Learn Shader Programming with Rick and Morty
An interactive guide on making animations on the GPU
321 viewsAndrew, 
Creative Coder
Forwarded from Yuri
https://fxtwitter.com/cmzw_/status/1887168018574373364
🧵 Thread • FxTwitter / FixupX
celestialmaze (@cmzw_)
View full thread
282 viewsAndrew, 
Creative Coder
https://okaydev.co/articles/introducing-otherlife-labs-a-world-for-limitless-creation

#article
OKAY DEV®
Case Study — Introducing Otherlife Labs: A world for limitless…
Otherlife is redefining digital brand experiences with cutting-edge 3D web technology. Their latest innovation—a next-gen Virtual Car Showroom—pushes the…
238 viewsAndrew, edited  
Creative Coder
https://youtube.com/shorts/G0zzRnAAS1E
YouTube
How I did the Surprise Pikachu reveal in Desmos
I hope you guys like this one!
211 viewsforij, edited  
Creative Coder
Forwarded from MaxGraey
https://tympanus.net/codrops/2025/02/26/webgpu-fluid-simulations-high-performance-real-time-rendering/
Codrops
WebGPU Fluid Simulations: High Performance & Real-Time Rendering | Codrops
A detailed look at the techniques behind high-performance, real-time, and visually stunning fluid simulations with WebGPU.
211 viewsAndrew, 
Creative Coder
Forwarded from Yuri
золотий тред https://fxtwitter.com/XorDev/status/1894397258474357122
🧵 Thread • FxTwitter / FixupX
Xor (@XorDev)
Here are some of the magic tricks I use in my tweet shaders:
253 viewsAndrew, 
Creative Coder
Forwarded from MaxGraey
https://www.youtube.com/watch?v=0mCsluv5FXA
YouTube
TypeScript types can run DOOM
Yep. We got the Doom engine running purely in TypeScript types. Like. For real. We’ve prepared two more videos, one answering “why we did this” (storytime format) and another answering “how we did this” (technical deep-dive). What would you like to hear…
294 viewsAndrew, 
Creative Coder
Найс техніка, хоча я нікому не рекомендую так робити :)

https://tympanus.net/codrops/2025/03/03/css-meets-voxel-art-building-a-rendering-engine-with-stacked-grids/
#tutorial
Codrops
CSS Meets Voxel Art: Building a Rendering Engine with Stacked Grids | Codrops
Learn how transforms, perspective, and stacked grids can create a fully addressable 3D space and push the boundaries of what’s possible with pure CSS.
264 viewsAndrew, 
Creative Coder
Колекція всяких тулз для тришки

https://threejsresources.com/
Three.js Resources
The Best Three.js Resources in One Place | Three.js Resources
Your go to hub for all things 3D with three.js. From tools to textures, lighting & more, find everything you need for your Three.js projects in one place.
112 viewsAndrew,