Hacker News·1yWebGL Water
Evan Wallace's WebGL Water demo showcases advanced graphics techniques like raytraced reflections, refractions, and heightfield water simulation. Users can interact with the simulation by creating ripples, rotating the camera, and moving objects. Some features require specific WebGL extensions for enhanced effects.
Codrops·51wDeconstructing the 35mm Website: A Look at the Process and Technical Details
A technical breakdown of building an interactive 3D camera website using Three.js, covering edge detection with Sobel operators, mesh highlighting through render targets and raycasting, and scroll-triggered film roll animations. The tutorial demonstrates custom shader development, post-processing effects, and advanced WebGL techniques for creating engaging 3D web experiences.
Joy of Code·1yAnimated 3D Sphere Intersection Using CSS And Trigonometry
Learn step-by-step how to construct a dynamic and animated 3D sphere intersection using CSS and trigonometry principles. Explore techniques for styling elements with gradients, positioning in 3D space, and using transformations. Discover how to dynamically animate circles with trigonometric calculations to achieve pulsating effects.
Codrops·51w3D Cards in Webflow Using Three.js and GLB Models
A comprehensive guide to creating interactive 3D cards in Webflow by integrating Three.js with GLB models. The tutorial covers the complete workflow from creating 3D models in Blender, setting up Three.js scenes with proper lighting and camera controls, and embedding the functionality into Webflow projects. Each card transforms from a flat UI element into an interactive 3D environment with real-time rendering, orbital controls, and atmospheric lighting effects.
80 LEVEL·1yBeautiful Summoner & Monster Who Loves Her
Soohyeon Kim's new 3D artwork depicts a beautiful summoner and her monster, showcasing their loving relationship. The piece uses several design tools such as 3ds Max and ZBrush. Explore Kim's attention to detail on ArtStation and follow 80 Level for art resources and community engagement.
Community Picks·1y🎮 Build a Stunning 3D Gaming Website with React, Tailwind CSS & Spline | Full Beginner Tutorial
This beginner-friendly tutorial guides readers through creating a stunning 3D gaming website using React and Tailwind CSS. It covers setting up a development environment, building interactive components, and incorporating 3D visuals. The tutorial includes practical techniques for organizing project files, styling with utility classes, and leveraging modern programming tools to enhance web design capabilities.
80 LEVEL·1yCrazy Horse Pen Animation Made in Blender
Artist KoalaOK reveals a surreal horse pen animation made using Blender, featuring fantastical elements like an imp with a whip and spectral scythe. This imaginative work is part of a portfolio that includes other Blender projects, showcasing creative potential in digital art.