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

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

На главную

updated my portfolio site, this one was UI dev practice after a client RFP for a working cinematic FUI. I was curious how Three.js could handle a complex system w loads of fine details moving in concert to form the interface, all rearranging+configuring on scroll. built it as I...

bzor's profile picture

kc

1,026 subscribers

14,583 просмотров • 23 дней назад •via X (Twitter)

LIVE

Anya Rossi• Live Now

Private livecam show

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

Фото профиля ZoppoSimone - Bespoke art & Design
ZoppoSimone - Bespoke art & Design22 дней назад

@threejs fantastic!!!!

Фото профиля kc
kc22 дней назад

@threejs thanks!! 🙏

Фото профиля Carlito
Carlito23 дней назад

@threejs Superb!

Фото профиля kc
kc22 дней назад

@threejs 🙏 🖤 🙏

Фото профиля Mr. Decentralized
Mr. Decentralized23 дней назад

@threejs Sexy sexy!!

Фото профиля kc
kc22 дней назад

@threejs 😘😘

Фото профиля crowexx.eth
crowexx.eth23 дней назад

@threejs awesome work!

Фото профиля kc
kc22 дней назад

@threejs 🚀

Фото профиля Marcelo Eduardo Oliveira
Marcelo Eduardo Oliveira22 дней назад

@threejs this is ridiculously good. It gave me the same feelings I would have with the designer's republik stuff in the past, but NEW. amazing .

Фото профиля kc
kc22 дней назад

@threejs thank you! DR are the 🐐 the site is inspired by the designs of Nicolas Lopardo (was going to work with him on a client project and wanted to make sure I could pull off something slick in threeJS)

Фото профиля Marcelo Eduardo Oliveira
Marcelo Eduardo Oliveira22 дней назад

@threejs amazing. We managed to bring M. Place on our first project as a company ( the site for Virgin america ) - it was such a moment !

Фото профиля kc
kc22 дней назад

@threejs do you remember the interactive/flash studio WDDG? that was my crew, in NY early '00s. Michael make our business cards! they were wild wish I still had some..

Фото профиля Marcelo Eduardo Oliveira
Marcelo Eduardo Oliveira22 дней назад

@threejs I started in 98 ish professionally, so I was all over all the work coming from best flash/interactive studio! I was lucky to have some friends that were always sharing!

Фото профиля Dominik Scholz
Dominik Scholz22 дней назад

@threejs awesome!

Фото профиля kc
kc22 дней назад

@threejs thanks!🤘

Фото профиля BTC CAMPFIRE
BTC CAMPFIRE23 дней назад

@threejs Feels like opening a control panel in a sci-fi film instead of a portfolio. Does the mobile version keep that tilt, or flatten the text for readability?

Фото профиля kc
kc22 дней назад

@threejs flatten it for mobile.. and disable some of the heavier post fx

Фото профиля BTC CAMPFIRE
BTC CAMPFIRE22 дней назад

@threejs Good call. Keep the atmosphere, lose the work the small screen can’t reward. A sci-fi control panel still needs readable buttons.

Фото профиля Kevin Tootill
Kevin Tootill22 дней назад

@threejs Loving it. Do you remember 2advanced?

Фото профиля kc
kc22 дней назад

@threejs not my thing.. you remember WDDG?

Фото профиля Ikram Hakim
Ikram Hakim22 дней назад

@threejs Thts too good!

Фото профиля kc
kc22 дней назад

@threejs thank uuu 🖤

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

🎓 Learn how to create a Cherry Wood Material in a matter of seconds in my latest video series (AAA) Pro Tips! ____________________________________________________ In this video, the steps are as follows: 1. Create a slightly red-colored fill layer with high gloss to act as the woods base material. 2. Add a second fill layer with a black mask, and inside that mask add a stripes greyscale set to planar projection. These stripes will act as the wood rings and should be projected onto your mesh in a natural way. The stripes should also be set to max softness, and followed by a Directional Noise 3 with a blend mode set to Difference. 3. Add a levels to tweak the mask and add an anchor point to the mask as well. 4. Create another fill layer with a dark brown diffuse, and store the information from the anchor point into its mask. Apply a levels to increase its intensity, and then add a fill layer up top with the anchorpoint information applied again, but set its blending mode to Subtract. 5. Create an additional fill layer with a very dark diffuse channel. Add a mask to the fill layer and inside its mask add a fill layer containing the anchorpoint information, from the Wood Rings. This fill layer can now be used to add some dark contrast to the center of the wood rings 6. A warp filter should also be used to apply some subtle imperfections to the wood rings and grain. Now we are left with a very nice result of Cherry wood! ____________________________________________________ More AAA Game Dev Tips can be found on my YouTube channel here: Stay tuned for more weekly Tips. Let me know below what you would like to learn in future videos! 👇 Happy Texturing! 💚 #gameart #texturing
1:00

🎓 Learn how to create a Cherry Wood Material in a matter of seconds in my latest video series (AAA) Pro Tips! ____________________________________________________ In this video, the steps are as follows: 1. Create a slightly red-colored fill layer with high gloss to act as the woods base material. 2. Add a second fill layer with a black mask, and inside that mask add a stripes greyscale set to planar projection. These stripes will act as the wood rings and should be projected onto your mesh in a natural way. The stripes should also be set to max softness, and followed by a Directional Noise 3 with a blend mode set to Difference. 3. Add a levels to tweak the mask and add an anchor point to the mask as well. 4. Create another fill layer with a dark brown diffuse, and store the information from the anchor point into its mask. Apply a levels to increase its intensity, and then add a fill layer up top with the anchorpoint information applied again, but set its blending mode to Subtract. 5. Create an additional fill layer with a very dark diffuse channel. Add a mask to the fill layer and inside its mask add a fill layer containing the anchorpoint information, from the Wood Rings. This fill layer can now be used to add some dark contrast to the center of the wood rings 6. A warp filter should also be used to apply some subtle imperfections to the wood rings and grain. Now we are left with a very nice result of Cherry wood! ____________________________________________________ More AAA Game Dev Tips can be found on my YouTube channel here: Stay tuned for more weekly Tips. Let me know below what you would like to learn in future videos! 👇 Happy Texturing! 💚 #gameart #texturing

Cohen Brawley

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

look at me being a real dev, here's a custom render pass that renders a shader ontop of the existing render at a lower resolution, allowing me to render the fog shader over the entire screen, at 1/8th res with blurring! no more gpu bottleneck at high res!
0:26

look at me being a real dev, here's a custom render pass that renders a shader ontop of the existing render at a lower resolution, allowing me to render the fog shader over the entire screen, at 1/8th res with blurring! no more gpu bottleneck at high res!

tsitski (WISHLIST PARTIZAN)

51,869 просмотров • 9 месяцев назад

I'm getting a new office space in November. I went today and took pictures and a 3D scan with some app on my phone. I gave all the files to Codex and told it to render it while I got on a call. Here you can see the clean render, and the 3D scan as well! Wild times.
0:46

I'm getting a new office space in November. I went today and took pictures and a 3D scan with some app on my phone. I gave all the files to Codex and told it to render it while I got on a call. Here you can see the clean render, and the 3D scan as well! Wild times.

Aaron Francis

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

note to self: revisit pixelated transition effects this is a "similar" experiment but relies only on css mask and a randomly generated sprite 🤙 idea was to extend it to scroll reveals, popover transitions, details/summary, etc.
0:50

note to self: revisit pixelated transition effects this is a "similar" experiment but relies only on css mask and a randomly generated sprite 🤙 idea was to extend it to scroll reveals, popover transitions, details/summary, etc.

jhey ʕ•ᴥ•ʔ

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

Shiva part 2/x : The ice was actually the first thing I wanted to test. Leveraging the new Substrate, I wanted to see if I could combine a complexe Ice shader with a skin shader and have a correct blend. Blend is driven by a mask. I ended up painting some ice too for transition.
0:46

Shiva part 2/x : The ice was actually the first thing I wanted to test. Leveraging the new Substrate, I wanted to see if I could combine a complexe Ice shader with a skin shader and have a correct blend. Blend is driven by a mask. I ended up painting some ice too for transition.

Sena Hugo

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

I was curious how far I could push three.js and WebGL this weekend, and ended up building a complete Yosemite photography simulator in a browser tab — real sun, real Moon, real lidar — with a working film camera on a tripod you can take to my favoirte spots in Yosemite.
2:25

I was curious how far I could push three.js and WebGL this weekend, and ended up building a complete Yosemite photography simulator in a browser tab — real sun, real Moon, real lidar — with a working film camera on a tripod you can take to my favoirte spots in Yosemite.

Trond Wuellner

28,261 просмотров • 27 дней назад

Gaussian Splatting is pretty wild. Being able to take dense collections of assets and package them into fast, real-time splats opens up a ton of new possibilities for look-dev, previs, and interactive scenes. For this test, I built a pile of 400 skulls - roughly 40+ million polygons (and over 400 8K texture instances) - rendered out a 600 frame dataset on The Render Network with OTOY OctaneRender and then converted the result into a single splat asset. Now it runs in real-time as one compact Gaussian Splat.
1:55

Gaussian Splatting is pretty wild. Being able to take dense collections of assets and package them into fast, real-time splats opens up a ton of new possibilities for look-dev, previs, and interactive scenes. For this test, I built a pile of 400 skulls - roughly 40+ million polygons (and over 400 8K texture instances) - rendered out a 600 frame dataset on The Render Network with OTOY OctaneRender and then converted the result into a single splat asset. Now it runs in real-time as one compact Gaussian Splat.

Spenser Dickerson

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

Here is a breakdown (kind of) how I did this effect for live2d Vtuber model art. I’ve drawn the lips, you would have to separate top and bottom though and added a cyan layer which will be my mask and the mask for the rigger to clip on. Then I added a shiny add layer on top and used the cyan layer as a mask, just to test the effect in procreate, you would have to delete the black/white procreate mask for the rigger because this can cause issues. If you have any questions feels free to ask. 💕
0:26

Here is a breakdown (kind of) how I did this effect for live2d Vtuber model art. I’ve drawn the lips, you would have to separate top and bottom though and added a cyan layer which will be my mask and the mask for the rigger to clip on. Then I added a shiny add layer on top and used the cyan layer as a mask, just to test the effect in procreate, you would have to delete the black/white procreate mask for the rigger because this can cause issues. If you have any questions feels free to ask. 💕

Sandrina 😈🎀 | VArtist | †øм

22,969 просмотров • 1 год назад

THIS GUY UPDATED AN OPEN SOURCE TOOL FOR CLAUDE FABLE 5 THAT TAKES A SINGLE IMAGE AND AUTOMATICALLY REBUILDS IT AS A PREMIUM SCROLL LINKED WEB ANIMATION Instead of slicing videos by hand or exporting individual frames, you just hand it an image and it recreates the entire sequence as a pure scroll mapped experience - Pick an anchor image and set your overall creative direction - The tool automatically scales it into motion clips and uses ffmpeg to rip out every frame in the background - Maps the frames directly to your scroll position, tracking the cursor for an ultra smooth user experience - AND its open source, so you can drop the skill into your own terminal workspace He tested it on a highly detailed origami style travel website and it came out genuinely good for something built completely in one shot Turning a single photo into an automated frame mapped scrolling app is the kind of thing that used to take a developer hours
0:34

THIS GUY UPDATED AN OPEN SOURCE TOOL FOR CLAUDE FABLE 5 THAT TAKES A SINGLE IMAGE AND AUTOMATICALLY REBUILDS IT AS A PREMIUM SCROLL LINKED WEB ANIMATION Instead of slicing videos by hand or exporting individual frames, you just hand it an image and it recreates the entire sequence as a pure scroll mapped experience - Pick an anchor image and set your overall creative direction - The tool automatically scales it into motion clips and uses ffmpeg to rip out every frame in the background - Maps the frames directly to your scroll position, tracking the cursor for an ultra smooth user experience - AND its open source, so you can drop the skill into your own terminal workspace He tested it on a highly detailed origami style travel website and it came out genuinely good for something built completely in one shot Turning a single photo into an automated frame mapped scrolling app is the kind of thing that used to take a developer hours

0xMarioNawfal

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

When I saw the mask "Tribes of the Calf" from Kanbas I knew I had to make it into reality. The jewelry and gold really made it stand out for me. Since Sam Spratt's The Masquerade was revealed, I have been spending time sculpting and dissecting the mask to recreate it in 3D as faithfully as possible. I delved into the creation of this mask for many reasons. I love a good challenge and this mask surely was one for me. Creating something in 3D from a 2D image is not easy, and especially when the source has generative nature, some stuff is hard to interpret, but I tried my best to make sure the visual integrity of the mask is as close to the original as possible. Splitting the whole mask into parts, filling the missing pieces so I can build the textures was quite a lot of work. I tried to present the mask in my own style with a slightly different colorway to adapt to the mask itself. Please enjoy this short animation, and turn on sound🔊 This piece is my statement that I am here to stay. That I have a voice that often feels being lost in the void. That I have been creating and posting digital art for over 20 years now and will continue until I'm gone. I have a story to tell and I want to be heard. The space we have here is small, and is shrinking day by day. It doesn't have to be like that. We need to support each other and push ourselves and people here, otherwise we are all doomed. As Kanbas has put in their observation of the mask: "Inspirational. Emotional. Natural." This is what our space can be, and this is me making a statement with this homage. I will share a 4k still below as well as a short video showing the 3D GLB interactive model together with a yt link to the 4k video since compression here is pretty bad.
0:40

When I saw the mask "Tribes of the Calf" from Kanbas I knew I had to make it into reality. The jewelry and gold really made it stand out for me. Since Sam Spratt's The Masquerade was revealed, I have been spending time sculpting and dissecting the mask to recreate it in 3D as faithfully as possible. I delved into the creation of this mask for many reasons. I love a good challenge and this mask surely was one for me. Creating something in 3D from a 2D image is not easy, and especially when the source has generative nature, some stuff is hard to interpret, but I tried my best to make sure the visual integrity of the mask is as close to the original as possible. Splitting the whole mask into parts, filling the missing pieces so I can build the textures was quite a lot of work. I tried to present the mask in my own style with a slightly different colorway to adapt to the mask itself. Please enjoy this short animation, and turn on sound🔊 This piece is my statement that I am here to stay. That I have a voice that often feels being lost in the void. That I have been creating and posting digital art for over 20 years now and will continue until I'm gone. I have a story to tell and I want to be heard. The space we have here is small, and is shrinking day by day. It doesn't have to be like that. We need to support each other and push ourselves and people here, otherwise we are all doomed. As Kanbas has put in their observation of the mask: "Inspirational. Emotional. Natural." This is what our space can be, and this is me making a statement with this homage. I will share a 4k still below as well as a short video showing the 3D GLB interactive model together with a yt link to the 4k video since compression here is pretty bad.

shoneec

17,894 просмотров • 1 год назад

This 10x100 smoked like a beast. It was a challenge but fun. I have 2 left in my humidor, and at least one is going to be seasoned inside a pigs cunt and stuffed into the intake on a gas mask. Volunteers? #cigarfetish
0:38

Sensitive content

This 10x100 smoked like a beast. It was a challenge but fun. I have 2 left in my humidor, and at least one is going to be seasoned inside a pigs cunt and stuffed into the intake on a gas mask. Volunteers? #cigarfetish

LthrCigarMstr

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

HollowDolly is LIVE! 🔴 Created the video with Seedance 2.5, then used Opus 5.5 to build a live streaming UI on top of it. Opus handled everything in a single shot, from the interface and chat messages to viewer reactions and all the little details. All the text, comments and reactions render perfectly. That's something video generation models still struggle with. Seedance 2.5 prompt and the original video are in the replies!
0:30

HollowDolly is LIVE! 🔴 Created the video with Seedance 2.5, then used Opus 5.5 to build a live streaming UI on top of it. Opus handled everything in a single shot, from the interface and chat messages to viewer reactions and all the little details. All the text, comments and reactions render perfectly. That's something video generation models still struggle with. Seedance 2.5 prompt and the original video are in the replies!

Kōda

28,261 просмотров • 13 дней назад

A few months ago, Kyle McDonald sent me a message with a simple idea: capture my workspace as a Gaussian Splat, put a monitor back into that same space, track the viewer and make the monitor disappear. It’s been on my to-do list ever since... I finally built a POC… Working name: Vitre. It turns a screen into a window onto a 3D capture of the space it is actually in. My office space was captured as a 3D Gaussian Splat and registered back into the physical space. A camera tracks the viewer’s position, and the scene is rendered from that point of view in real time. Move around the screen and the perspective changes with you, as if you were looking through a window. Still a POC. The calibration of the whole system needs to be more precise, and there’s still some noticeable latency between the tracking and the render. #3DGS #GaussianSplatting #ComputerVision
1:04

A few months ago, Kyle McDonald sent me a message with a simple idea: capture my workspace as a Gaussian Splat, put a monitor back into that same space, track the viewer and make the monitor disappear. It’s been on my to-do list ever since... I finally built a POC… Working name: Vitre. It turns a screen into a window onto a 3D capture of the space it is actually in. My office space was captured as a 3D Gaussian Splat and registered back into the physical space. A camera tracks the viewer’s position, and the scene is rendered from that point of view in real time. Move around the screen and the perspective changes with you, as if you were looking through a window. Still a POC. The calibration of the whole system needs to be more precise, and there’s still some noticeable latency between the tracking and the render. #3DGS #GaussianSplatting #ComputerVision

Hugues Bruyère

37,065 просмотров • 27 дней назад

Excited to share a new vibe coded prototype: an interactive lesson on ants and their habitat, designed for elementary school students. AI allowed me to finalize this demo quickly. Some educational details still need review, but the main chambers of an anthill are all represented. Everything was made in Omma AI , a Spline product. What's inside: - 3D models created with Omma, all I needed was one image of the anthill's exterior and another of its cross-section to generate both 3D models - Clouds done with sprites - A custom shader mask to reveal the inside of the anthill This was a really fun one to work on!
0:43

Excited to share a new vibe coded prototype: an interactive lesson on ants and their habitat, designed for elementary school students. AI allowed me to finalize this demo quickly. Some educational details still need review, but the main chambers of an anthill are all represented. Everything was made in Omma AI , a Spline product. What's inside: - 3D models created with Omma, all I needed was one image of the anthill's exterior and another of its cross-section to generate both 3D models - Clouds done with sprites - A custom shader mask to reveal the inside of the anthill This was a really fun one to work on!

Joseph Azar

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

THIS GUY TURNED A REAL PROPERTY SITE INTO A 3D SCENE IN ONE AFTERNOON AND CUT A $2,400/YEAR TOOL STACK DOWN TO ABOUT $2/MONTH he pulled a normal land plot into TouchDesigner, connected a local model through Ollama and built the whole visual loop from one laptop by evening the site was live, reconstructed as a 3D environment that looked like a studio render without cloud GPUs, paid APIs or another subscription sitting in the middle most creators are still stacking plugins, render credits and software fees just to make one demo look expensive he kept the process local, turned a real location into a cinematic 3D model, and made the setup cost basically nothing to keep running save this before everyone realizes the next “pro” 3D workflow is just a laptop, a local model and someone who knows how to connect the pieces
0:24

THIS GUY TURNED A REAL PROPERTY SITE INTO A 3D SCENE IN ONE AFTERNOON AND CUT A $2,400/YEAR TOOL STACK DOWN TO ABOUT $2/MONTH he pulled a normal land plot into TouchDesigner, connected a local model through Ollama and built the whole visual loop from one laptop by evening the site was live, reconstructed as a 3D environment that looked like a studio render without cloud GPUs, paid APIs or another subscription sitting in the middle most creators are still stacking plugins, render credits and software fees just to make one demo look expensive he kept the process local, turned a real location into a cinematic 3D model, and made the setup cost basically nothing to keep running save this before everyone realizes the next “pro” 3D workflow is just a laptop, a local model and someone who knows how to connect the pieces

Gipp 🦅

47,466 просмотров • 4 месяцев назад

My first project was to rework the cat, the second one was to give them a human form for my story. It took me 2 days of work, and once again: worth it!!! 🩵 I worked a lot on the details with the VFX, the stars in the hair, the weapon design etc... also learned how to port!
0:42

My first project was to rework the cat, the second one was to give them a human form for my story. It took me 2 days of work, and once again: worth it!!! 🩵 I worked a lot on the details with the VFX, the stars in the hair, the weapon design etc... also learned how to port!

Zedkiel

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

I asked Fable to create a Mars city in Three.js, after 6hrs and dozens of subagents in one shot, this is the result (100% procedural), using my Three.js Awesome Graphics Agent Skills Still a lot of details i need to polish but this was beyond my expectation🤯
1:19

I asked Fable to create a Mars city in Three.js, after 6hrs and dozens of subagents in one shot, this is the result (100% procedural), using my Three.js Awesome Graphics Agent Skills Still a lot of details i need to polish but this was beyond my expectation🤯

Scott

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

New stuff you can do in Spline v2: Building a TSL material with texture atlases was surprisingly easy > A little 2D samurai running around. I gave Claude a 2D sprite sheet of a and asked it to generate the atlases, and the agent in Spline took care of writing a shader that runs the loop at the right speed and binds it all to the keyboard. An old-school game with the advantages of 3D. Super promising. This is really just the basics here (an Idle and a Run state) but you can add jumps and build on it.
0:26

New stuff you can do in Spline v2: Building a TSL material with texture atlases was surprisingly easy > A little 2D samurai running around. I gave Claude a 2D sprite sheet of a and asked it to generate the atlases, and the agent in Spline took care of writing a shader that runs the loop at the right speed and binds it all to the keyboard. An old-school game with the advantages of 3D. Super promising. This is really just the basics here (an Idle and a Run state) but you can add jumps and build on it.

Joseph Azar

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