Video wird geladen...

Video konnte nicht geladen werden

Zur Startseite

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

uuuuuulala's profile picture

Ksenia Kondrashova

8,641 subscribers

37,791 Aufrufe • vor 1 Jahr •via X (Twitter)

BildungKunstWissenschaft & Technologie
LIVE

Anya Rossi• Live Now

Private livecam show

0 Kommentare

Keine Kommentare verfügbar

Kommentare vom Original-Post werden hier angezeigt

Ähnliche Videos

Interactive sunny-side pattern! 🍳 (a little tribute to my love for gooey shapes and dumb demos) Live demo & source code: Made with #webgl #shader and a bit of GSAP (GSAP) Hosted on CodePen.IO
0:21

Interactive sunny-side pattern! 🍳 (a little tribute to my love for gooey shapes and dumb demos) Live demo & source code: Made with #webgl #shader and a bit of GSAP (GSAP) Hosted on CodePen.IO

Ksenia Kondrashova

19,023 Aufrufe • vor 1 Jahr

It's slime time! On-scroll gooey overlay based on #GLSL shader and controlled with #GSAP #ScrollTrigger. Easy to customise and (I'm proud to say it 😎) responsive Live demo & source code: Made with GSAP ScrollTrigger GSAP Hosted on CodePen.IO
0:20

It's slime time! On-scroll gooey overlay based on #GLSL shader and controlled with #GSAP #ScrollTrigger. Easy to customise and (I'm proud to say it 😎) responsive Live demo & source code: Made with GSAP ScrollTrigger GSAP Hosted on CodePen.IO

Ksenia Kondrashova

21,611 Aufrufe • vor 2 Jahren

🎉Finally converted the awesome @takram/three-geospatial R3F demo to Vanilla JS and added the cloud atmosphere visual effects. Also huge thanks to Shota Matsuda 松田 聖大 and Garrett Johnson! Checkout the live demo at: Full source codes can be found on my Github: #Threejs #WebGL #VanillaJavaScript
0:35

🎉Finally converted the awesome @takram/three-geospatial R3F demo to Vanilla JS and added the cloud atmosphere visual effects. Also huge thanks to Shota Matsuda 松田 聖大 and Garrett Johnson! Checkout the live demo at: Full source codes can be found on my Github: #Threejs #WebGL #VanillaJavaScript

jeantimex

79,028 Aufrufe • vor 1 Jahr

Had a busy couple of days, packed with interest, fun and great people, so I had to do something calm... 😊 It's a 🎡, but with #CSS. Live demo on CodePen.IO:
1:00

Had a busy couple of days, packed with interest, fun and great people, so I had to do something calm... 😊 It's a 🎡, but with #CSS. Live demo on CodePen.IO:

Amit Sheen

18,263 Aufrufe • vor 3 Jahren

Three.js visualization of a glowing planetary core with animated energy veins flowing inward from the surface. Built with custom GLSL shaders, bloom post processing, and orbit controls with switchable color themes. Sound on 🔊 Demo & source code:
0:28

Three.js visualization of a glowing planetary core with animated energy veins flowing inward from the surface. Built with custom GLSL shaders, bloom post processing, and orbit controls with switchable color themes. Sound on 🔊 Demo & source code:

Techartist

14,877 Aufrufe • vor 6 Monaten

WebGPU + Compute Shaders = 🤯 >500K stars runs at 60fps on my M1 Pro ⚡️ In my latest blog post, I walk through how to build this interactive galaxy simulation 🌌 Source code and live demo link in comments 👇🏻 #threejs #webgl #webgpu #shaders
0:46

WebGPU + Compute Shaders = 🤯 >500K stars runs at 60fps on my M1 Pro ⚡️ In my latest blog post, I walk through how to build this interactive galaxy simulation 🌌 Source code and live demo link in comments 👇🏻 #threejs #webgl #webgpu #shaders

Dan Greenheck

18,629 Aufrufe • vor 10 Monaten

🚀 Pixel Diffusion Decoder (PiD) v1.5 is out 🎨 No color-shifting problem, better 4K visual quality 📦 Undistilled checkpoint and full training code 🧩 Support FLUX, FLUX2, Qwen-Image, Z-Image, ... Feel free to use it, reproduce it, and build on top of it 💻 Code: 🔗 Demo & comparison:
0:26

🚀 Pixel Diffusion Decoder (PiD) v1.5 is out 🎨 No color-shifting problem, better 4K visual quality 📦 Undistilled checkpoint and full training code 🧩 Support FLUX, FLUX2, Qwen-Image, Z-Image, ... Feel free to use it, reproduce it, and build on top of it 💻 Code: 🔗 Demo & comparison:

Xuanchi Ren

51,328 Aufrufe • vor 2 Monaten

Prompt: Side-view HTML/CSS/JS animation of a tiny pinball machine playing itself: chrome ball launch, realistic gravity and bounces, two flippers that time their hits, lit bumpers that flash when struck, rolling ball shadow, score counter in a corner that increases on hits, subtle screen shake on strong impacts, “Ball 1 / 3” indicator that advances after each drain, then a big “GAME OVER” banner fade-in at the end. No external images or libraries, all shapes with CSS, all logic in vanilla JS. All in 1 HTML file.
0:20

Prompt: Side-view HTML/CSS/JS animation of a tiny pinball machine playing itself: chrome ball launch, realistic gravity and bounces, two flippers that time their hits, lit bumpers that flash when struck, rolling ball shadow, score counter in a corner that increases on hits, subtle screen shake on strong impacts, “Ball 1 / 3” indicator that advances after each drain, then a big “GAME OVER” banner fade-in at the end. No external images or libraries, all shapes with CSS, all logic in vanilla JS. All in 1 HTML file.

Diego | AI 🚀 - e/acc

88,684 Aufrufe • vor 9 Monaten

Meet Jarvis 2.0. Runs all 3 of my businesses. Builds sales pages, runs and monitors my ads, watches my tech stack, creates sales pages, and calls me on the phone when there's a problem. Built entirely with Claude Code and Obsidian. The visualizer runs on Chrome's built-in Canvas 2D API driven by vanilla JavaScript. No libraries, no downloads, no frameworks. One self-contained file that works offline.
0:45

Meet Jarvis 2.0. Runs all 3 of my businesses. Builds sales pages, runs and monitors my ads, watches my tech stack, creates sales pages, and calls me on the phone when there's a problem. Built entirely with Claude Code and Obsidian. The visualizer runs on Chrome's built-in Canvas 2D API driven by vanilla JavaScript. No libraries, no downloads, no frameworks. One self-contained file that works offline.

Jared Rhodenizer

18,896 Aufrufe • vor 2 Monaten

On Rahul Gandhi’s birthday, Congress hosted a “Job Fair” but there were no jobs! Just a QR code to collect youth data for election use. No interviews, no hiring, just a reminder of how Congress works and what they'd do if they ever return to power.
2:09

On Rahul Gandhi’s birthday, Congress hosted a “Job Fair” but there were no jobs! Just a QR code to collect youth data for election use. No interviews, no hiring, just a reminder of how Congress works and what they'd do if they ever return to power.

Political Kida

40,789 Aufrufe • vor 1 Jahr

Excited to share Unit 10, the finale of my latest course! 🎉 My aim is to provide a modern take on learning deep learning & AI using open-source libraries. And I hope you enjoyed the journey from backpropagation to implementing LLMs in PyTorch!
0:34

Excited to share Unit 10, the finale of my latest course! 🎉 My aim is to provide a modern take on learning deep learning & AI using open-source libraries. And I hope you enjoyed the journey from backpropagation to implementing LLMs in PyTorch!

Sebastian Raschka

69,429 Aufrufe • vor 3 Jahren

Most people should probably update their priors on the state of open-source speech-to-speech. It's honestly kind of mind-blowing. We teamed up with Cerebras to build a fully open-source realtime voice demo (models + code) to show what's possible today. Demo : Blog: Go test it, fork it, tweak it, and impress your friends. video is raw, no cut, no speed-up, first take
1:44

Most people should probably update their priors on the state of open-source speech-to-speech. It's honestly kind of mind-blowing. We teamed up with Cerebras to build a fully open-source realtime voice demo (models + code) to show what's possible today. Demo : Blog: Go test it, fork it, tweak it, and impress your friends. video is raw, no cut, no speed-up, first take

Thomas Wolf

251,651 Aufrufe • vor 2 Monaten

✨ I tried Claude Code cause Marc Köhlbrugge kept telling me too and asked it to make this inpaint editor for Photo AI I had this idea of some 🌈 holographic paint brush strokes so I just asked it and it one shotted this glowing JS code for , extremely cool because I could never make this myself without AI All vanilla jQuery code also no libraries (as usual) The inpaint editor lets you edit any of your phtoos AND it uses your AI model so even if you touch the face it still looks like your model unlike regular AI image editors! Also this brings my editing (and all my features now) in-house (before it was an embedded Photopea editor)
1:11

✨ I tried Claude Code cause Marc Köhlbrugge kept telling me too and asked it to make this inpaint editor for Photo AI I had this idea of some 🌈 holographic paint brush strokes so I just asked it and it one shotted this glowing JS code for , extremely cool because I could never make this myself without AI All vanilla jQuery code also no libraries (as usual) The inpaint editor lets you edit any of your phtoos AND it uses your AI model so even if you touch the face it still looks like your model unlike regular AI image editors! Also this brings my editing (and all my features now) in-house (before it was an embedded Photopea editor)

@levelsio

256,762 Aufrufe • vor 1 Jahr

Code Channels are now live in Slack! How to use them as a multiplayer IDE: in this demo we 1. Create a new Code Channel 2. Build a new feature 3. Invite a teammate to collaborate and review the PR 4. Receive an edited screen recording of the new feature being built and tested with Computer Use in Devin Code channels are ephemeral, so once the feature is complete we remove the channel and move on.
0:54

Code Channels are now live in Slack! How to use them as a multiplayer IDE: in this demo we 1. Create a new Code Channel 2. Build a new feature 3. Invite a teammate to collaborate and review the PR 4. Receive an edited screen recording of the new feature being built and tested with Computer Use in Devin Code channels are ephemeral, so once the feature is complete we remove the channel and move on.

nader dabit

49,907 Aufrufe • vor 10 Tagen

I built an open source Meteora DLMM position simulator! This is a great tool for LPers to see how price action on a position will affect the impermanent loss and total value of the position. You can check it out the live demo here: Enjoy!
0:45

I built an open source Meteora DLMM position simulator! This is a great tool for LPers to see how price action on a position will affect the impermanent loss and total value of the position. You can check it out the live demo here: Enjoy!

GeekLad

14,384 Aufrufe • vor 11 Monaten

I've built a new opensource Third-Person Soldier Stage in the browser, built with Three.js. 4 techniques, 4 abilities, 2 boons, endless procedural night terrain, ragdoll deaths with no physics engine, katana & gun play. All GLSL. No engine, no physics lib, no asset pipeline. This VFX showcase is an extension of my previous projects to showcase customizable VFX that can be a easily implemented in your projects. Source code: Live link:
0:53

I've built a new opensource Third-Person Soldier Stage in the browser, built with Three.js. 4 techniques, 4 abilities, 2 boons, endless procedural night terrain, ragdoll deaths with no physics engine, katana & gun play. All GLSL. No engine, no physics lib, no asset pipeline. This VFX showcase is an extension of my previous projects to showcase customizable VFX that can be a easily implemented in your projects. Source code: Live link:

Chiro Visuals

24,285 Aufrufe • vor 17 Tagen

Our staff are working around the clock to inform the community and identify the source of the Legionnaires' disease cluster on the Upper East Side (ZIP codes 10028 & 10128). It is safe to use your AC. If you live in these ZIP codes, here's what to know.
0:44

Our staff are working around the clock to inform the community and identify the source of the Legionnaires' disease cluster on the Upper East Side (ZIP codes 10028 & 10128). It is safe to use your AC. If you live in these ZIP codes, here's what to know.

nychealthy

192,645 Aufrufe • vor 2 Monaten

Onyx just hit #1 on GitHub trending. Open source AI platform — self-hostable, works with every major LLM provider, and ships with: - Agentic RAG - Deep research mode - Custom agents - Web search - Code execution - Voice mode - Image generation - 50+ connectors out of the box This is what a self-hosted AI stack is starting to look like.
0:29

Onyx just hit #1 on GitHub trending. Open source AI platform — self-hostable, works with every major LLM provider, and ships with: - Agentic RAG - Deep research mode - Custom agents - Web search - Code execution - Voice mode - Image generation - 50+ connectors out of the box This is what a self-hosted AI stack is starting to look like.

0xMarioNawfal

75,559 Aufrufe • vor 5 Monaten