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

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

На главную

I’ve officially open-sourced SYLVA. 🌲 SYLVA is a fully procedural cinematic forest that runs directly in the browser. Terrain, trees, roots, grass, water, sky, clouds, fog, and weather are generated at runtime using Three.js, WebGL2, and GLSL, without downloaded tree models, textures, HDRIs, or terrain heightmaps. Trees are procedurally...

TokenGremlin's profile picture

Token Gremlin

6,057 subscribers

14,608 просмотров • 2 месяцев назад •via X (Twitter)

ИскусствоНаука и технологии
LIVE

Anya Rossi• Live Now

Private livecam show

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

Нет доступных комментариев

Здесь появятся комментарии из оригинального поста

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

I’ve officially open-sourced ABYSSAL. 🌊⚡ ABYSSAL is a fully procedural ocean and extreme-weather experience that runs directly in the browser. Waves, volumetric clouds, rain, lightning, hurricanes, waterspouts, rogue waves, and tsunamis are generated in real time using Three.js, WebGL2, and GLSL. The project is still actively being developed, and there’s a lot left to do. Deeper optimization, building the world beneath the ocean’s surface, refining the existing systems, and exploring plenty of ideas I haven’t implemented yet. But that’s also why I wanted to open it now. ABYSSAL is MIT-licensed, so you can explore the code, learn from it, modify it, fork it, and use it as the foundation for your own experiments and projects. Performance note: the demo starts with adaptive resolution enabled and automatically selects a quality tier based on your GPU. If the image looks soft, open the settings panel and raise the quality as far as your device can handle. The experience begins in Cinematic mode, click SANDBOX for full control of the camera, weather, and disasters. Explore the source code: Play it here: Feedback, contributions, experiments, and forks are all welcome.
1:17

I’ve officially open-sourced ABYSSAL. 🌊⚡ ABYSSAL is a fully procedural ocean and extreme-weather experience that runs directly in the browser. Waves, volumetric clouds, rain, lightning, hurricanes, waterspouts, rogue waves, and tsunamis are generated in real time using Three.js, WebGL2, and GLSL. The project is still actively being developed, and there’s a lot left to do. Deeper optimization, building the world beneath the ocean’s surface, refining the existing systems, and exploring plenty of ideas I haven’t implemented yet. But that’s also why I wanted to open it now. ABYSSAL is MIT-licensed, so you can explore the code, learn from it, modify it, fork it, and use it as the foundation for your own experiments and projects. Performance note: the demo starts with adaptive resolution enabled and automatically selects a quality tier based on your GPU. If the image looks soft, open the settings panel and raise the quality as far as your device can handle. The experience begins in Cinematic mode, click SANDBOX for full control of the camera, weather, and disasters. Explore the source code: Play it here: Feedback, contributions, experiments, and forks are all welcome.

Token Gremlin

257,063 просмотров • 2 месяцев назад

I built an entire Gothic basilica with Opus 5.5, and I’ve open-sourced it. ⛪✨ Basilica of Celestial Light is especially close to my heart. I genuinely loved creating this church. Working on it brought me a real sense of peace, and being able to share it with everyone feels just as meaningful. Everything was created with Opus 5.5, entirely in code. No external assets: no imported 3D models, image textures, or audio files. The architecture, stained glass, landscape, lighting, and soundscape are all generated at runtime with Three.js. You can walk through the nave, visit the crypt, climb the bell tower, explore the gardens, or take the guided tour, all directly in your browser. The project is open source under the MIT license. Explore it, learn from it, change it, fork it, and make something of your own. I’d genuinely love to see what others create from it. Source code: Play it here: I hope you find a little of the peace I felt while creating it.
1:53

I built an entire Gothic basilica with Opus 5.5, and I’ve open-sourced it. ⛪✨ Basilica of Celestial Light is especially close to my heart. I genuinely loved creating this church. Working on it brought me a real sense of peace, and being able to share it with everyone feels just as meaningful. Everything was created with Opus 5.5, entirely in code. No external assets: no imported 3D models, image textures, or audio files. The architecture, stained glass, landscape, lighting, and soundscape are all generated at runtime with Three.js. You can walk through the nave, visit the crypt, climb the bell tower, explore the gardens, or take the guided tour, all directly in your browser. The project is open source under the MIT license. Explore it, learn from it, change it, fork it, and make something of your own. I’d genuinely love to see what others create from it. Source code: Play it here: I hope you find a little of the peace I felt while creating it.

Token Gremlin

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

I open-sourced my 3d towers building site and the skills I used to create well-textured three.js models. The entire site is 1.38mb gzipped, including all models, sounds and textures. Site: Github repo: Skills: - threejs-towers - threejs-weather - threejs-landscape With an open-source project you get a way better starting point. All you need is to ask what to change, how to improve it, and rebuild it for a different theme. I added Cambodia, Vietnam and Turkey, plus storms and blizzards, and those came out perfectly with one prompt. The foundation is done, so adapting it and pairing it with your taste is what takes it further. Try modern towers, different backgrounds, weather and styles. SimCity, Civilization, Warcraft, C&C, etc. It's really fun.
0:53

I open-sourced my 3d towers building site and the skills I used to create well-textured three.js models. The entire site is 1.38mb gzipped, including all models, sounds and textures. Site: Github repo: Skills: - threejs-towers - threejs-weather - threejs-landscape With an open-source project you get a way better starting point. All you need is to ask what to change, how to improve it, and rebuild it for a different theme. I added Cambodia, Vietnam and Turkey, plus storms and blizzards, and those came out perfectly with one prompt. The foundation is done, so adapting it and pairing it with your taste is what takes it further. Try modern towers, different backgrounds, weather and styles. SimCity, Civilization, Warcraft, C&C, etc. It's really fun.

Meng To

55,609 просмотров • 3 месяцев назад

Releasing Forests for ThreeJS (Free, OSS) It can generate a variety of forests directly inside the terrain editor (super terrain). Just use the Forest tool (B), add a new field and click to generate spline curves You can also switch the whole editor to the tree playground and work on a single tree and export it as glb if you want, idc just use it however you feel like Entirely vibe coded, all textures and meshes are procedural Demo: Have Fun oh and Sam Altman get some sunglasses already, it's not that deep
1:06

Releasing Forests for ThreeJS (Free, OSS) It can generate a variety of forests directly inside the terrain editor (super terrain). Just use the Forest tool (B), add a new field and click to generate spline curves You can also switch the whole editor to the tree playground and work on a single tree and export it as glb if you want, idc just use it however you feel like Entirely vibe coded, all textures and meshes are procedural Demo: Have Fun oh and Sam Altman get some sunglasses already, it's not that deep

robot 2.0

37,942 просмотров • 2 месяцев назад

Ran Fable Ultracode overnight to build out a prototype for Terrain Pro. I asked it to build out an erosion model, some procedural textures and terrain editing tools. Honestly, this looks terrible and isn't passable quality for anything except a vibe-coded game. The issue with making high quality terrain is you need a lot of high quality textures (grass, dirt, pebbles, sand) and props (trees, rocks) to go along with the underlying terrain mesh. Otherwise it's just an erosion tech demo. I'm using EZ-Tree right now to populate the trees, but EZ-Tree also isn't where it needs to be to support the vision I have in mind. I could use something like SpeedTree, but that might get pricey. If anyone knows of a good library of textures/assets with reasonable licensing terms, let me know in the comments!
0:25

Ran Fable Ultracode overnight to build out a prototype for Terrain Pro. I asked it to build out an erosion model, some procedural textures and terrain editing tools. Honestly, this looks terrible and isn't passable quality for anything except a vibe-coded game. The issue with making high quality terrain is you need a lot of high quality textures (grass, dirt, pebbles, sand) and props (trees, rocks) to go along with the underlying terrain mesh. Otherwise it's just an erosion tech demo. I'm using EZ-Tree right now to populate the trees, but EZ-Tree also isn't where it needs to be to support the vision I have in mind. I could use something like SpeedTree, but that might get pricey. If anyone knows of a good library of textures/assets with reasonable licensing terms, let me know in the comments!

Dan Greenheck

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

Fable 5 built this 3D world in Three.js with no external assets. The project was almost entirely generated autonomously by Fable 5, with only occasional human feedback for visual details the model could not reliably inspect, like moving water and wind effects. That makes the result a lot more interesting than a normal assisted 3D demo: the terrain, vegetation, atmosphere and world structure were effectively produced by the model itself. The full prompt is also included in the repository, so the experiment is inspectable. Repository: Project by: Remi Sebastian Kits
1:18

Fable 5 built this 3D world in Three.js with no external assets. The project was almost entirely generated autonomously by Fable 5, with only occasional human feedback for visual details the model could not reliably inspect, like moving water and wind effects. That makes the result a lot more interesting than a normal assisted 3D demo: the terrain, vegetation, atmosphere and world structure were effectively produced by the model itself. The full prompt is also included in the repository, so the experiment is inspectable. Repository: Project by: Remi Sebastian Kits

Token Gremlin

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

I built a new open-source ocean using Three.js, i wanted to give it a little bit more time than the initial version that i published. - Pure WebGL2 GLSL, Fully procedural with clouds and light control. You can find all of the technical details in the repo Source code :
0:36

I built a new open-source ocean using Three.js, i wanted to give it a little bit more time than the initial version that i published. - Pure WebGL2 GLSL, Fully procedural with clouds and light control. You can find all of the technical details in the repo Source code :

Chiro Visuals

26,745 просмотров • 3 месяцев назад

Day 24. Building the game I've dreamed of for 15 years with AI. The game has weather now, and it changes on its own: clear skies give way to rain, and sometimes to a thunderstorm. Light rain is calm. Drops fall over the whole map and ring the rivers, puddles gather on the paths, the ground darkens and shines in places, and the trees lean a little in the wind. A thunderstorm is wilder. The forest bends, the wind tugs harder at the castle flags, thunder rolls and lightning strikes. Lightning can hit a tree and set it alight, and once it burns out it stands black and bare for the rest of the level. Once in a while it hits a unit, yours or the enemy's, and most don't survive it. When the rain passes and the sun comes back, god rays fall from the sky for a little while. The nights are a bit lighter too. The moon lights the map with a soft blue light, and on clear nights its rays come down from the sky as well.
0:40

Day 24. Building the game I've dreamed of for 15 years with AI. The game has weather now, and it changes on its own: clear skies give way to rain, and sometimes to a thunderstorm. Light rain is calm. Drops fall over the whole map and ring the rivers, puddles gather on the paths, the ground darkens and shines in places, and the trees lean a little in the wind. A thunderstorm is wilder. The forest bends, the wind tugs harder at the castle flags, thunder rolls and lightning strikes. Lightning can hit a tree and set it alight, and once it burns out it stands black and bare for the rest of the level. Once in a while it hits a unit, yours or the enemy's, and most don't survive it. When the rain passes and the sun comes back, god rays fall from the sky for a little while. The nights are a bit lighter too. The moon lights the map with a soft blue light, and on clear nights its rays come down from the sky as well.

Stefan 3D AI

16,098 просмотров • 11 дней назад

Unreal Engine 5 PCG Biome: River by the team at Defect XYZ is a complete solution for procedurally generated water, rivers, lakes and swamps. It also includes interactive foliage with complex wind 🏞️ You can try the free demo on their ArtStation:
0:26

Unreal Engine 5 PCG Biome: River by the team at Defect XYZ is a complete solution for procedurally generated water, rivers, lakes and swamps. It also includes interactive foliage with complex wind 🏞️ You can try the free demo on their ArtStation:

Unreal Engine

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

AI coding can be romantic too. I forked a generative forest and asked the code for weather: snow in the sky, rain through the trees, wind across the canvas. Now every click redraws a different storm.
0:27

AI coding can be romantic too. I forked a generative forest and asked the code for weather: snow in the sky, rain through the trees, wind across the canvas. Now every click redraws a different storm.

Verdent

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

One of my favorite things about open source is seeing someone take an idea and run with it. The original ABYSSAL started as a procedural ocean and extreme-weather simulation. Now someone has built "ABYSSAL - The Living Deep" on top of it: a continuous world from the waterline to a 1,400-meter trench, with coral reefs, kelp forests, whales, sharks, deep-sea creatures, procedural habitats, currents, lighting and exploration. This is why open source is worth it. People can contribute from different directions, build on the same work, and reach results that would be difficult to imagine alone, sometimes in an incredibly short time. The original ocean is still there. It just became something much bigger. Explore it here: Live demo:
0:40

One of my favorite things about open source is seeing someone take an idea and run with it. The original ABYSSAL started as a procedural ocean and extreme-weather simulation. Now someone has built "ABYSSAL - The Living Deep" on top of it: a continuous world from the waterline to a 1,400-meter trench, with coral reefs, kelp forests, whales, sharks, deep-sea creatures, procedural habitats, currents, lighting and exploration. This is why open source is worth it. People can contribute from different directions, build on the same work, and reach results that would be difficult to imagine alone, sometimes in an incredibly short time. The original ocean is still there. It just became something much bigger. Explore it here: Live demo:

Token Gremlin

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

It’s incredible that you can let Opus 5 run for two hours in Claude Code and get a cinematic Three.js movie inside one HTML file. It created the story, scenes, transitions, camera moves, and procedural world. Higgsfield generated the narration, sound effects, and music. I mostly helped with references for more realistic grass, added the skills I use, and asked it to keep verifying its work. It’s all open source, so you can play with the code. HTML Site: GitHub: Grass reference:
2:18

It’s incredible that you can let Opus 5 run for two hours in Claude Code and get a cinematic Three.js movie inside one HTML file. It created the story, scenes, transitions, camera moves, and procedural world. Higgsfield generated the narration, sound effects, and music. I mostly helped with references for more realistic grass, added the skills I use, and asked it to keep verifying its work. It’s all open source, so you can play with the code. HTML Site: GitHub: Grass reference:

Meng To

68,404 просмотров • 3 месяцев назад

I finished it! Here's the Particle Simulator version 1.0.0: It has a built-in manual and a bunch of presets to help you get started. The code is completely open, the link to it is on the project page.
0:23

I finished it! Here's the Particle Simulator version 1.0.0: It has a built-in manual and a bunch of presets to help you get started. The code is completely open, the link to it is on the project page.

Nikita Lisitsa

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

🌊The `ViewTransition` demo and its source code are now live! 🔗 Feel free to test it out, feedback is welcome!
0:20

🌊The `ViewTransition` demo and its source code are now live! 🔗 Feel free to test it out, feedback is welcome!

Jiachi

14,954 просмотров • 1 год назад

I open-sourced the Sylva three.js site and the skills behind it. I started with one reference and asked Opus 5 to recreate it in Three.js as a single HTML file (looped for 2 hours). The moss root is procedural geometry with around 130,000 instanced blades, and all the code is under 1 MB. Live site: Repo: I turned the main interactions into three reusable skills: - threejs-wireframe-scan-reveal - threejs-pointer-orbit - threejs-gpu-particle-spray Skills repo:
0:38

I open-sourced the Sylva three.js site and the skills behind it. I started with one reference and asked Opus 5 to recreate it in Three.js as a single HTML file (looped for 2 hours). The moss root is procedural geometry with around 130,000 instanced blades, and all the code is under 1 MB. Live site: Repo: I turned the main interactions into three reusable skills: - threejs-wireframe-scan-reveal - threejs-pointer-orbit - threejs-gpu-particle-spray Skills repo:

Meng To

134,971 просмотров • 2 месяцев назад

Casting Abilities is my new open-source Avatar bending sandbox in the browser. Using Google AI Studio + Three.js, hand-written GLSL, GPU-instanced particles. Draw a path, release, and Fire / Water / Earth / Air rides the spline and detonates. Or switch to walk mode and ride it yourself on an air ball. Source code :
0:30

Casting Abilities is my new open-source Avatar bending sandbox in the browser. Using Google AI Studio + Three.js, hand-written GLSL, GPU-instanced particles. Draw a path, release, and Fire / Water / Earth / Air rides the spline and detonates. Or switch to walk mode and ride it yourself on an air ball. Source code :

Chiro Visuals

56,315 просмотров • 3 месяцев назад

SenseTime’s SenseNova 6.8 Code2Video is an open-source model that turns prompts into videos by writing code. The output includes editable source for visuals, animation, timing, and scenes, so developers can inspect, modify, and build on it. It can also recreate reference videos and refine them through conversation. The release includes model weights, Skills, prompts, source code, and creation traces. Thisw demo is an official sample. Explore it and star GitHub:
0:43

SenseTime’s SenseNova 6.8 Code2Video is an open-source model that turns prompts into videos by writing code. The output includes editable source for visuals, animation, timing, and scenes, so developers can inspect, modify, and build on it. It can also recreate reference videos and refine them through conversation. The release includes model weights, Skills, prompts, source code, and creation traces. Thisw demo is an official sample. Explore it and star GitHub:

FELIX

89,648 просмотров • 3 дней назад

Floridians are noticing the weird weather. It goes beyond even what this guy is saying. The storms are different, rain, temps, clouds. I even went back in zoom earth and dont find half of what we see now. Something changed. Hurricanes and most afternoon storms were also absent.
1:36

Floridians are noticing the weird weather. It goes beyond even what this guy is saying. The storms are different, rain, temps, clouds. I even went back in zoom earth and dont find half of what we see now. Something changed. Hurricanes and most afternoon storms were also absent.

BGimpl

63,769 просмотров • 7 месяцев назад

Claude Opus 5.5 built a full open world game that runs in your browser zero assets. terrain, creatures, boss fight, animations, sound, music. all code it even cut this trailer and made the soundtrack (cover is image generated) play it:
3:02

Claude Opus 5.5 built a full open world game that runs in your browser zero assets. terrain, creatures, boss fight, animations, sound, music. all code it even cut this trailer and made the soundtrack (cover is image generated) play it:

Leon Lin

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

A really impressive set of Three.js graphics experiments just got open sourced, and these are much more than little visual demos. They are basically reusable procedural systems for oceans, vegetation, fluids and even whole planets. 🔹 Poseidon A real-time FFT ocean running on WebGPU. It simulates large swells, smaller ripples, foam, reflections, choppy displacement and physically inspired wave spectra entirely in the browser. 🔹 Gaia A procedural grass generator where every blade, seed head and field comes from a deterministic genome and environmental parameters. No authored grass models. 🔹 Dryad A procedural flora system that generates trees and other plant forms from physics, environmental conditions and a seed. No authored 3D models or textures are needed for the plants themselves. 🔹 Tiamat A real-time GPU fluid simulation using around 100,000 SPH particles, with the resulting water rendered directly in the browser. 🔹 Demiurge Probably the craziest one. It procedurally builds an entire planet from tectonic plates, then lets uplift drive erosion, erosion and latitude drive climate, and climate drive biomes, wind and weather. You can move seamlessly from orbit down to the surface. What I really like here is that these are not just pretty outputs. They are actual building blocks. Ocean simulation, vegetation generation, fluid dynamics and procedural worlds are exactly the kinds of systems that can be plugged into games, simulations and agent-built 3D environments. Project by: Owen
1:17

A really impressive set of Three.js graphics experiments just got open sourced, and these are much more than little visual demos. They are basically reusable procedural systems for oceans, vegetation, fluids and even whole planets. 🔹 Poseidon A real-time FFT ocean running on WebGPU. It simulates large swells, smaller ripples, foam, reflections, choppy displacement and physically inspired wave spectra entirely in the browser. 🔹 Gaia A procedural grass generator where every blade, seed head and field comes from a deterministic genome and environmental parameters. No authored grass models. 🔹 Dryad A procedural flora system that generates trees and other plant forms from physics, environmental conditions and a seed. No authored 3D models or textures are needed for the plants themselves. 🔹 Tiamat A real-time GPU fluid simulation using around 100,000 SPH particles, with the resulting water rendered directly in the browser. 🔹 Demiurge Probably the craziest one. It procedurally builds an entire planet from tectonic plates, then lets uplift drive erosion, erosion and latitude drive climate, and climate drive biomes, wind and weather. You can move seamlessly from orbit down to the surface. What I really like here is that these are not just pretty outputs. They are actual building blocks. Ocean simulation, vegetation generation, fluid dynamics and procedural worlds are exactly the kinds of systems that can be plugged into games, simulations and agent-built 3D environments. Project by: Owen

Token Gremlin

34,448 просмотров • 2 месяцев назад