Video wird geladen...

Video konnte nicht geladen werden

Zur Startseite

Open-sourcing the Next.js Nights shader! Live: Source: Made with Three.js TSL

matiNotFound's profile picture

Matias 🧉

3,782 subscribers

12,954 Aufrufe • vor 1 Monat •via X (Twitter)

LIVE

Anya Rossi• Live Now

Private livecam show

0 Kommentare

Keine Kommentare verfügbar

Kommentare vom Original-Post werden hier angezeigt

Ähnliche Videos

GLSL fire shader based on Simplex noise with a static SVG overlay. No interactivity this time, just sketching on Saturday night ¯\_(ツ)_/¯ Live demo & source code: Made with Three.js Hosted on CodePen.IO
0:14

GLSL fire shader based on Simplex noise with a static SVG overlay. No interactivity this time, just sketching on Saturday night ¯\_(ツ)_/¯ Live demo & source code: Made with Three.js Hosted on CodePen.IO

Ksenia Kondrashova

15,991 Aufrufe • vor 3 Jahren

My Three.js + TSL shader course — Fragments — is open for registration for the next 2 weeks! It's the perfect way to learn the techniques that power some of the most incredible shaders out there, and how to build them in code.
0:16

My Three.js + TSL shader course — Fragments — is open for registration for the next 2 weeks! It's the perfect way to learn the techniques that power some of the most incredible shaders out there, and how to build them in code.

phobon

13,671 Aufrufe • vor 4 Monaten

3D Landing Page Template (Source Code - Free)! built with - Next.js - Tailwind CSS - Three.js - GSAP A lightweight, visually impactful 3D Demo + Source Code (Free) : 1st comment 👇
0:12

3D Landing Page Template (Source Code - Free)! built with - Next.js - Tailwind CSS - Three.js - GSAP A lightweight, visually impactful 3D Demo + Source Code (Free) : 1st comment 👇

Mohamed Djoudir

49,049 Aufrufe • vor 5 Monaten

The Milkmaid live demo is here! At Revelium™ Studio , with Dominik Fojcik, we re-imagined Vermeer’s Milkmaid through WebGPU, and TSL particles in Three.js turning a timeless painting into living data. #ThreeJS #WebGPU #AI #TSL #Particles
0:17

The Milkmaid live demo is here! At Revelium™ Studio , with Dominik Fojcik, we re-imagined Vermeer’s Milkmaid through WebGPU, and TSL particles in Three.js turning a timeless painting into living data. #ThreeJS #WebGPU #AI #TSL #Particles

Niccolò Miranda

70,486 Aufrufe • vor 9 Monaten

Open-source GitHub alternative just dropped → Landing page built with Next.js, Tailwind CSS and Rive 🔥
0:11

Open-source GitHub alternative just dropped → Landing page built with Next.js, Tailwind CSS and Rive 🔥

Steven Tey

103,872 Aufrufe • vor 2 Jahren

We built open-source smart glasses with 6 times the battery of Meta Ray-Bans Save the post, open-sourcing everything in the next 10 hours
0:12

We built open-source smart glasses with 6 times the battery of Meta Ray-Bans Save the post, open-sourcing everything in the next 10 hours

Nik Shevchenko

136,396 Aufrufe • vor 1 Jahr

Stop fighting GLSL strings in Three.js 🥊 TSL (Three.js Shading Language) lets you write shaders in JavaScript with actual IDE support, proper debugging, and the ability to seamlessly extend existing materials. Learn more in my latest blog post 👇🏻 #threejs #webgl #webgpu #tsl #threejsroadmap
0:13

Stop fighting GLSL strings in Three.js 🥊 TSL (Three.js Shading Language) lets you write shaders in JavaScript with actual IDE support, proper debugging, and the ability to seamlessly extend existing materials. Learn more in my latest blog post 👇🏻 #threejs #webgl #webgpu #tsl #threejsroadmap

Dan Greenheck

20,928 Aufrufe • vor 7 Monaten

Three.js -> TSL -> Raymarching -> (WebGPU/WebGL) BlackHole (☢️Radiation Noise & Bloom ) Live - Code - TSL is like a black hole that you can't get out of if you've already fallen into it. (good way) #threejs #tsl #threejsjourney
0:11

Three.js -> TSL -> Raymarching -> (WebGPU/WebGL) BlackHole (☢️Radiation Noise & Bloom ) Live - Code - TSL is like a black hole that you can't get out of if you've already fallen into it. (good way) #threejs #tsl #threejsjourney

MisterPrada

99,690 Aufrufe • vor 8 Monaten

First time creating a shader for a physical space, made a visualizer using Three.js Some explorations below 🧵
0:21

First time creating a shader for a physical space, made a visualizer using Three.js Some explorations below 🧵

Matias 🧉

27,091 Aufrufe • vor 4 Monaten

TypeGPU 💜 Three.js TypeGPU 0.9 can integrate with Three.js Shading Language (TSL) on a very granular level, thanks to the @typegpu/three package. So now, you can write shaders in TypeScript while leveraging the rich Three.js ecosystem! To showcase the integration, we prepared docs and ported a handful of official Three.js examples 👇
0:16

TypeGPU 💜 Three.js TypeGPU 0.9 can integrate with Three.js Shading Language (TSL) on a very granular level, thanks to the @typegpu/three package. So now, you can write shaders in TypeScript while leveraging the rich Three.js ecosystem! To showcase the integration, we prepared docs and ported a handful of official Three.js examples 👇

Software Mansion

42,810 Aufrufe • vor 5 Monaten

A painting reborn as data. At Revelium™ Studio with the partnership of Dominik Fojcik, we took Vermeer’s Milkmaid and transformed it into a living 3D point-cloud painting in Three.js with TSL particles. #ThreeJS #WebGPU #AI #TSL #Particles
0:15

A painting reborn as data. At Revelium™ Studio with the partnership of Dominik Fojcik, we took Vermeer’s Milkmaid and transformed it into a living 3D point-cloud painting in Three.js with TSL particles. #ThreeJS #WebGPU #AI #TSL #Particles

Niccolò Miranda

54,308 Aufrufe • vor 10 Monaten

WebGL Posters Magazine 🗞️ made w/ Three.js Live demo ↓
0:15

WebGL Posters Magazine 🗞️ made w/ Three.js Live demo ↓

chakib

69,856 Aufrufe • vor 9 Monaten

Here's a quick demo of my open source Next.js boilerplate that uses shadcn , Stripe , and Supabase
0:14

Here's a quick demo of my open source Next.js boilerplate that uses shadcn , Stripe , and Supabase

Matthew Wong

62,527 Aufrufe • vor 2 Jahren

My favorite feature of the Next.js conf site: The 3D badge refracts light from the HTML page. We'll release a case study soon with each little trick, so follow basement.studio if you don't want to miss it! (Of course, made with Three.js and drei)
0:12

My favorite feature of the Next.js conf site: The 3D badge refracts light from the HTML page. We'll release a case study soon with each little trick, so follow basement.studio if you don't want to miss it! (Of course, made with Three.js and drei)

Matias 🧉

51,570 Aufrufe • vor 1 Jahr

Three.js, WebGPU, TSL full throttle with this very performant, compute shaders based one component VFX system very easy to use React API.
0:16

Three.js, WebGPU, TSL full throttle with this very performant, compute shaders based one component VFX system very easy to use React API.

Alex

14,943 Aufrufe • vor 5 Monaten

I don't think its usable but it was a fun little experiment built with Three.js Motion Tailwind CSS and Next.js
0:15

I don't think its usable but it was a fun little experiment built with Three.js Motion Tailwind CSS and Next.js

Manu Arora

25,757 Aufrufe • vor 5 Monaten

My portfolio is now open source I’ve released the source code behind my portfolio redesign 👀 → → Built with Three.js GSAP #lenis and a lot of love for smooth animations ✌️ #javascript #opensource #webdesign
0:17

My portfolio is now open source I’ve released the source code behind my portfolio redesign 👀 → → Built with Three.js GSAP #lenis and a lot of love for smooth animations ✌️ #javascript #opensource #webdesign

David

66,223 Aufrufe • vor 1 Monat

Simple 2D outline shader for Unity 6, URP: 🦊 I've made the repository + source public. Do whatever you'd like with it! > #gamedev #indiedev #unity3d
0:14

Simple 2D outline shader for Unity 6, URP: 🦊 I've made the repository + source public. Do whatever you'd like with it! > #gamedev #indiedev #unity3d

Mirza Beig

25,652 Aufrufe • vor 6 Monaten

This glass configurator has no custom shaders or geometries. Just MeshPhysicalMaterial and a bunch of standard geometries with rendering order set manually. Not 100% realistic but super simple Live demo & source code: Made with Three.js Hosted on CodePen.IO
0:16

This glass configurator has no custom shaders or geometries. Just MeshPhysicalMaterial and a bunch of standard geometries with rendering order set manually. Not 100% realistic but super simple Live demo & source code: Made with Three.js Hosted on CodePen.IO

Ksenia Kondrashova

59,734 Aufrufe • vor 3 Jahren

cutting through New York made with Three.js
0:12

cutting through New York made with Three.js

Leon

76,761 Aufrufe • vor 11 Monaten