正在加载视频...

视频加载失败

加载此视频时出现问题。这可能是由于临时网络问题，或视频可能不可用。

🎉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

1,221 subscribers

79,028 次观看 • 1 年前 •via X (Twitter)

Anya Rossi• Live Now

Private livecam show

0 条评论

暂无评论

原始帖子的评论将显示在这里

相关视频

$Like smashing stuff? Me too.🔨 I just dropped a major update for my open-source destruction library— three-piñata 🪅 Added Voronoi fracturing and made it way easier to use. Check out the demo and relieve some stress! #threejs #webgl #webgpu #3dgraphics$

Like smashing stuff? Me too.🔨 I just dropped a major update for my open-source destruction library— three-piñata 🪅 Added Voronoi fracturing and made it way easier to use. Check out the demo and relieve some stress! #threejs #webgl #webgpu #3dgraphics

Dan Greenheck

17,395 次观看 • 10 个月前

Live: Source: You can download this to start your scenes with #r3f, #threejs WebGPU Renderer, and Post-Processing using #tsl. I also converted my jet engine shader from GLSL to TSL using the transpiler. It works like a dream😍. I added the Royal Naboo starship in the scene to show how Screen Space Reflections reacts to all metallic surfaces, not just the floor. I hope you like it. Please give me a star⭐️on GitHub if you can. #threejsJourney

Live: Source: You can download this to start your scenes with #r3f, #threejs WebGPU Renderer, and Post-Processing using #tsl. I also converted my jet engine shader from GLSL to TSL using the transpiler. It works like a dream😍. I added the Royal Naboo starship in the scene to show how Screen Space Reflections reacts to all metallic surfaces, not just the floor. I hope you like it. Please give me a star⭐️on GitHub if you can. #threejsJourney

Anderson Mancini

20,268 次观看 • 1 年前

Realistic Water Simulation with #threejs is live: Now, you can configure scenes, objects, colors, and light positions. You can also dive to see the effects from underwater 🌊💧. It works great on mobile 🤩. The breakdown video will be on my YouTube channel soon. Be sure to subscribe so you don't miss it: Thanks again, Evan Wallace, for the inspiration 🙏🏻 #threejsjourney #creativecoding #r3f

Realistic Water Simulation with #threejs is live: Now, you can configure scenes, objects, colors, and light positions. You can also dive to see the effects from underwater 🌊💧. It works great on mobile 🤩. The breakdown video will be on my YouTube channel soon. Be sure to subscribe so you don't miss it: Thanks again, Evan Wallace, for the inspiration 🙏🏻 #threejsjourney #creativecoding #r3f

Anderson Mancini

30,310 次观看 • 1 年前

Following ☄︎ work, I'm experimenting with some react three fiber with #threejs webGPU. We no longer need an EffectComposer to use post-processing effects in #r3f. Now, everything is done by composing TSL nodes. I created a small component that helps in rendering post-processing effects. All you need to do is import the effects you want and add them to the final composition. I will share the link to the demo and source code on Monday 😍. Another thing I want to highlight is how amazing the Screen Space Reflection effect is. It generates reflections not only on the ground, as we had before in r3f in webgl. It is able to calculate the reflections between the meshes. Look how beautiful the reflection of the lightsaber on Darth Vader's mask is. This is not something that is easy to calculate and this is exactly where WebGPU in threejs shines! Congratulations to everyone on the threejs team. I am increasingly impressed with WebGPU and TSL.

Following ☄︎ work, I'm experimenting with some react three fiber with #threejs webGPU. We no longer need an EffectComposer to use post-processing effects in #r3f. Now, everything is done by composing TSL nodes. I created a small component that helps in rendering post-processing effects. All you need to do is import the effects you want and add them to the final composition. I will share the link to the demo and source code on Monday 😍. Another thing I want to highlight is how amazing the Screen Space Reflection effect is. It generates reflections not only on the ground, as we had before in r3f in webgl. It is able to calculate the reflections between the meshes. Look how beautiful the reflection of the lightsaber on Darth Vader's mask is. This is not something that is easy to calculate and this is exactly where WebGPU in threejs shines! Congratulations to everyone on the threejs team. I am increasingly impressed with WebGPU and TSL.

Anderson Mancini

26,829 次观看 • 1 年前

🎙️Character Reel & Website🎙️ Streamlining my pinned tweet! Links to my résumé, demo reels and hardware can all be found on my new website: My other reels can also be found in the comments below. Thanks for listening and I look forward to working with you!

🎙️Character Reel & Website🎙️ Streamlining my pinned tweet! Links to my résumé, demo reels and hardware can all be found on my new website: My other reels can also be found in the comments below. Thanks for listening and I look forward to working with you!

Liv Smith 🏳️‍⚧️🇮🇪

107,841 次观看 • 3 年前

Live Link: Source Code: While updating my website, I found an old project that was broken and decided to bring it back to life using WebGPU + TSL in #threejs. I’ve always loved Predator. The first time I saw the Predator cloak effect, I knew I wanted to learn visual effects and make them part of my professional life. Turn the sound on — it makes the experience much more fun 😅 This is also a great exercise if you’re learning TSL and want to experiment with glass, dispersion, IOR, and custom shaders. Both the classic shader version and the new TSL version are included in the repo so you can compare the approaches side by side. Hope it’s useful. Don’t forget to ⭐ the GitHub repo! #r3f #threejsJourney

Live Link: Source Code: While updating my website, I found an old project that was broken and decided to bring it back to life using WebGPU + TSL in #threejs. I’ve always loved Predator. The first time I saw the Predator cloak effect, I knew I wanted to learn visual effects and make them part of my professional life. Turn the sound on — it makes the experience much more fun 😅 This is also a great exercise if you’re learning TSL and want to experiment with glass, dispersion, IOR, and custom shaders. Both the classic shader version and the new TSL version are included in the repo so you can compare the approaches side by side. Hope it’s useful. Don’t forget to ⭐ the GitHub repo! #r3f #threejsJourney

Anderson Mancini

13,984 次观看 • 1 个月前

🚀 I'm launching r3f-webgpu-perf today! "npm i r3f-webgpu-perf" One thing I missed while working with WebGPU in React Three Fiber was a performance monitor similar to r3f-perf. The existing tool is fantastic, but it doesn’t support the WebGPU renderer yet. So I decided to build one. ✅ Supports both WebGL and WebGPU ✅ Modern and customizable UI ✅ Lightweight and easy to integrate ✅ Built specifically for React Three Fiber My goal is to turn r3f-webgpu-perf into more than just a metrics dashboard. I want it to become a learning tool that provides real-time optimization suggestions based on the techniques I’ve developed while building hundreds of interactive 3D projects over the last two decades. A vanilla Three.js version is also planned. If you’re building with Three.js, React Three Fiber, or WebGPU, I’d love for you to try it and share your feedback. ⭐ GitHub: 📦 NPM: Every GitHub star helps make the tool better for the entire community. #threejs #creativecoding #webgpu #r3f

🚀 I'm launching r3f-webgpu-perf today! "npm i r3f-webgpu-perf" One thing I missed while working with WebGPU in React Three Fiber was a performance monitor similar to r3f-perf. The existing tool is fantastic, but it doesn’t support the WebGPU renderer yet. So I decided to build one. ✅ Supports both WebGL and WebGPU ✅ Modern and customizable UI ✅ Lightweight and easy to integrate ✅ Built specifically for React Three Fiber My goal is to turn r3f-webgpu-perf into more than just a metrics dashboard. I want it to become a learning tool that provides real-time optimization suggestions based on the techniques I’ve developed while building hundreds of interactive 3D projects over the last two decades. A vanilla Three.js version is also planned. If you’re building with Three.js, React Three Fiber, or WebGPU, I’d love for you to try it and share your feedback. ⭐ GitHub: 📦 NPM: Every GitHub star helps make the tool better for the entire community. #threejs #creativecoding #webgpu #r3f

Anderson Mancini

24,267 次观看 • 3 个月前

My Market Dashboard(Updated) My previous GitHub live site link experienced a sudden traffic surge from X (too popular?)and was flagged as bot activity, leading to a suspension. Without any reply from Github after 10 days, I decided to migrate the entire project to GitLab. Also, I added some new features to it, Multi-chart grid view, ETF Holdings and Market Breadth. The data will be updated automatically Mon–Fri at 16:30 US Eastern. The project is fully open-sourced. You can find the Live Site link and the Source Code on my GitLab homepage(link below). If you’d like to customize it, feel free to fork the repo. For more details, you can watch the demo video below. I'm happy to continue sharing this with the FinTwit community. GitLab homepage:

My Market Dashboard(Updated) My previous GitHub live site link experienced a sudden traffic surge from X (too popular?)and was flagged as bot activity, leading to a suspension. Without any reply from Github after 10 days, I decided to migrate the entire project to GitLab. Also, I added some new features to it, Multi-chart grid view, ETF Holdings and Market Breadth. The data will be updated automatically Mon–Fri at 16:30 US Eastern. The project is fully open-sourced. You can find the Live Site link and the Source Code on my GitLab homepage(link below). If you’d like to customize it, feel free to fork the repo. For more details, you can watch the demo video below. I'm happy to continue sharing this with the FinTwit community. GitLab homepage:

Will Hu

23,691 次观看 • 6 个月前

I'm excited to introduce GeoLibre, a lightweight, cloud-native desktop GIS built with MapLibre GL JS and Tauri. GeoLibre is designed for modern geospatial workflows, combining the flexibility of web technologies with the performance of a native desktop application. The current prototype includes a MapLibre-powered map workspace, local vector data import, project persistence, and built-in plugins for basemaps, layer control, swipe, street view, lidar, GeoAgent, and GeoEditor integrations. GeoLibre can run directly in a web browser or as a standalone cross-platform desktop application (<30 MB). GitHub: Website: Live demo: Feedback, ideas, and contributions are welcome. #GeoLibre #GIS #Geospatial #MapLibre #OpenSource #CloudNative

I'm excited to introduce GeoLibre, a lightweight, cloud-native desktop GIS built with MapLibre GL JS and Tauri. GeoLibre is designed for modern geospatial workflows, combining the flexibility of web technologies with the performance of a native desktop application. The current prototype includes a MapLibre-powered map workspace, local vector data import, project persistence, and built-in plugins for basemaps, layer control, swipe, street view, lidar, GeoAgent, and GeoEditor integrations. GeoLibre can run directly in a web browser or as a standalone cross-platform desktop application (<30 MB). GitHub: Website: Live demo: Feedback, ideas, and contributions are welcome. #GeoLibre #GIS #Geospatial #MapLibre #OpenSource #CloudNative

Qiusheng Wu

34,828 次观看 • 3 个月前

Easy Delivery Co. now has a demo out on Steam! 🚚📦❄️ I'm also happy to officially share that I'm working with Oro Interactive to publish the game! I'm working on it full time to make the game the best it can be :3 thanks for all your love and support on it so far <3

Easy Delivery Co. now has a demo out on Steam! 🚚📦❄️ I'm also happy to officially share that I'm working with Oro Interactive to publish the game! I'm working on it full time to make the game the best it can be :3 thanks for all your love and support on it so far <3

sam c 🐈

16,812 次观看 • 1 年前

Thank you all for the kind words under the demo I posted :D The demo is now officially public and open source for you to play with, modify and build on top of. Feel free to tag me if you make something cool with it :) Also thank you Iwo Plaza | TypeGPU for participating in my silly video haha You can run it like any other TypeGPU example here: The source code lives in the TypeGPU monorepo: The repacked weights used by the example live here:

Thank you all for the kind words under the demo I posted :D The demo is now officially public and open source for you to play with, modify and build on top of. Feel free to tag me if you make something cool with it :) Also thank you Iwo Plaza | TypeGPU for participating in my silly video haha You can run it like any other TypeGPU example here: The source code lives in the TypeGPU monorepo: The repacked weights used by the example live here:

Konrad Reczko

334,966 次观看 • 28 天前

Excited to share that maplibre-gl-lidar v0.6.0 is now available! This release adds support for the Entwine Point Tile (EPT) format ( making it possible to stream and visualize billions of LiDAR points directly in the browser with ease and performance. The demo below showcases the visualization of an incredible 184 billion LiDAR points! Live Demo Viewer: GitHub Repository: Full Video Tutorial: Huge thanks to U.S. Geological Survey (USGS) and the 3DEP Program ( for acquiring nationwide LiDAR data, Hobu, Inc. for processing the point clouds into Entwine format ( and the Amazon Web Services (AWS) Open Data Program ( for hosting this massive and continually growing collection of over 350 TB of EPT data with over 75 trillion points. #lidar #opensource #opendata #geospatial #maplibre #deckgl

Excited to share that maplibre-gl-lidar v0.6.0 is now available! This release adds support for the Entwine Point Tile (EPT) format ( making it possible to stream and visualize billions of LiDAR points directly in the browser with ease and performance. The demo below showcases the visualization of an incredible 184 billion LiDAR points! Live Demo Viewer: GitHub Repository: Full Video Tutorial: Huge thanks to U.S. Geological Survey (USGS) and the 3DEP Program ( for acquiring nationwide LiDAR data, Hobu, Inc. for processing the point clouds into Entwine format ( and the Amazon Web Services (AWS) Open Data Program ( for hosting this massive and continually growing collection of over 350 TB of EPT data with over 75 trillion points. #lidar #opensource #opendata #geospatial #maplibre #deckgl

Qiusheng Wu

13,095 次观看 • 8 个月前

An open source project developing a desktop “Pick-and-Place” machine. (📍All of the source on GitHub) The LumenPnP can be used for assembling electronic components onto circuit boards! The project is getting a huge update with a whole new control box, integrating the pneumatics required to pick the parts, and a custom controller. > The controller uses Marlin firmware as the brain, and controls six stepper motors to move the machine. > It also controls two pneumatic pumps and valves for actually picking up the parts with the machine's nozzle tips. All of the source for the machine are available on GitHub!: Credit: Opulo with the awesome Stephen Hawes 👋 —- Weekly robotics and AI insights. Subscribe free:

An open source project developing a desktop “Pick-and-Place” machine. (📍All of the source on GitHub) The LumenPnP can be used for assembling electronic components onto circuit boards! The project is getting a huge update with a whole new control box, integrating the pneumatics required to pick the parts, and a custom controller. > The controller uses Marlin firmware as the brain, and controls six stepper motors to move the machine. > It also controls two pneumatic pumps and valves for actually picking up the parts with the machine's nozzle tips. All of the source for the machine are available on GitHub!: Credit: Opulo with the awesome Stephen Hawes 👋 —- Weekly robotics and AI insights. Subscribe free:

Ilir Aliu

101,551 次观看 • 7 个月前

I turned Raz from Arena of Valor into an animated 3D character running directly in Three.js. 🔥🥊 This is my latest showcase for img2threejs v1.5.2 - and the new version is officially out. Image → TripoAI or Hyper3D → Rigging → Animation → VFX → Three.js. For this demo, I wanted to push beyond simply reconstructing a character. Raz needed to actually FEEL like Raz: explosive punches, fast movement, combat animation, and the fiery VFX around his attacks. The entire workflow was built through the img2threejs pipeline, turning visual references into a character that can be controlled, animated, and extended directly in code. And the best part: img2threejs v1.5.2 is available now. You can try the same pipeline yourself and see how far you can push AI-assisted 3D character creation for Three.js and WebGL. Open source. Built for experimentation. GitHub 👇 #ThreeJS #img2threejs #AI3D #ArenaOfValor

I turned Raz from Arena of Valor into an animated 3D character running directly in Three.js. 🔥🥊 This is my latest showcase for img2threejs v1.5.2 - and the new version is officially out. Image → TripoAI or Hyper3D → Rigging → Animation → VFX → Three.js. For this demo, I wanted to push beyond simply reconstructing a character. Raz needed to actually FEEL like Raz: explosive punches, fast movement, combat animation, and the fiery VFX around his attacks. The entire workflow was built through the img2threejs pipeline, turning visual references into a character that can be controlled, animated, and extended directly in code. And the best part: img2threejs v1.5.2 is available now. You can try the same pipeline yourself and see how far you can push AI-assisted 3D character creation for Three.js and WebGL. Open source. Built for experimentation. GitHub 👇 #ThreeJS #img2threejs #AI3D #ArenaOfValor

Nick

13,265 次观看 • 15 天前

Introducing open source, real-time demo for Comfy Deploy, streaming in any params (text, number, images). Workflow by Julien Blanchon 🇺🇦 🫶 Running serverless gpu on Modal Drawing UI tldraw Inspired by Krea, fal 's real-time demo! Huge respects! Demo on GitHub. For context: tbh this is just a technical demo, truly meant to showcase how powerfully Comfy UI is when you get to expose the params. I'm also very grateful to even get the chance to meet with the team behind krea and fal in SF, these are very creative people and I have huge respect. Everything you see here is running behind a workflow done by julien when I asked for help in the discord, for which I am really really grateful. I'm looking toward a future where real-time generative AI becomes more accessible, and by contributing to open source, a lot more people can build creative AI apps and let their imaginations go wild. benny

Introducing open source, real-time demo for Comfy Deploy, streaming in any params (text, number, images). Workflow by Julien Blanchon 🇺🇦 🫶 Running serverless gpu on Modal Drawing UI tldraw Inspired by Krea, fal 's real-time demo! Huge respects! Demo on GitHub. For context: tbh this is just a technical demo, truly meant to showcase how powerfully Comfy UI is when you get to expose the params. I'm also very grateful to even get the chance to meet with the team behind krea and fal in SF, these are very creative people and I have huge respect. Everything you see here is running behind a workflow done by julien when I asked for help in the discord, for which I am really really grateful. I'm looking toward a future where real-time generative AI becomes more accessible, and by contributing to open source, a lot more people can build creative AI apps and let their imaginations go wild. benny

BennyKok

165,591 次观看 • 2 年前

alright! my TOTALLY FREE AND OPEN SOURCE volumetric clouds sky system for Three.js: Eanpa Sky Engine has just received a major update to v0.2.1! repo: live demo: Eanpa Sky is the only sky system for threejs that includes scifi skies in addition to a standard earth sky! update log: cloud shadows have now been added! lighting has generally been improved across all weathers and skyboxes, rain puddles now accumulate after drops begin, optimization is drastically improved

alright! my TOTALLY FREE AND OPEN SOURCE volumetric clouds sky system for Three.js: Eanpa Sky Engine has just received a major update to v0.2.1! repo: live demo: Eanpa Sky is the only sky system for threejs that includes scifi skies in addition to a standard earth sky! update log: cloud shadows have now been added! lighting has generally been improved across all weathers and skyboxes, rain puddles now accumulate after drops begin, optimization is drastically improved

Utah teapot 🫖

13,815 次观看 • 6 天前

Announcing: DISCOBOT🤖🎉 My personal coding agent session manager. I built this for myself so I can vibe code faster. Watch the video, link to the project thread below. I'll be live streaming today at 10AM PT to fully demo it and talk about why I built it.

Announcing: DISCOBOT🤖🎉 My personal coding agent session manager. I built this for myself so I can vibe code faster. Watch the video, link to the project thread below. I'll be live streaming today at 10AM PT to fully demo it and talk about why I built it.

Darren Shepherd

31,820 次观看 • 7 个月前

GeoLibre v0.5.0 is out! This update significantly expands data format support, making it easier to work with a wide range of geospatial datasets in a lightweight, modern GIS environment. Newly supported formats and services include: GeoJSON, Shapefile, GeoPackage, GeoParquet, KML/KMZ, FlatGeobuf, PMTiles MBTiles, GeoTIFF, Zarr, LiDAR point clouds, Gaussian Splatting, and ArcGIS services. GeoLibre is a lightweight, cloud-native GIS built with MapLibre and Tauri. It runs directly in the browser and is also available as a standalone cross-platform desktop application at only ~30 MB. GitHub: Website: Live demo: Feedback, ideas, and contributions are welcome. #geospatial #opensource #maplibre

GeoLibre v0.5.0 is out! This update significantly expands data format support, making it easier to work with a wide range of geospatial datasets in a lightweight, modern GIS environment. Newly supported formats and services include: GeoJSON, Shapefile, GeoPackage, GeoParquet, KML/KMZ, FlatGeobuf, PMTiles MBTiles, GeoTIFF, Zarr, LiDAR point clouds, Gaussian Splatting, and ArcGIS services. GeoLibre is a lightweight, cloud-native GIS built with MapLibre and Tauri. It runs directly in the browser and is also available as a standalone cross-platform desktop application at only ~30 MB. GitHub: Website: Live demo: Feedback, ideas, and contributions are welcome. #geospatial #opensource #maplibre

Qiusheng Wu

19,198 次观看 • 3 个月前

Found a hardcore LoRA workflow! Generate a PLY point cloud --> Adjust angle in editor -->Refine with Qwen-Image-Edit-2511 Gaussian Splash LoRA. It accurately restores complex perspective shifts. As shown in the demo, it handles 3D rotation and can even restore high-def details from blurry close-ups. Within a 45° range, the consistency is unmatched. Huge thanks to 大雄 for this contribution! 🫡

Found a hardcore LoRA workflow! Generate a PLY point cloud --> Adjust angle in editor -->Refine with Qwen-Image-Edit-2511 Gaussian Splash LoRA. It accurately restores complex perspective shifts. As shown in the demo, it handles 3D rotation and can even restore high-def details from blurry close-ups. Within a 45° range, the consistency is unmatched. Huge thanks to 大雄 for this contribution! 🫡

Tongyi Lab

1,493,583 次观看 • 8 个月前