80 LEVEL·49wClean Animation on Glass Buttons
Reijo creates stunning glass-like button animations using Blender, featuring smooth flipping motions and candy-like visual effects. The artist's 3D work includes interactive UI elements like yes/no options and login forms, showcasing advanced motion design techniques for creating realistic glass materials and smooth button interactions.
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·1yCreating Stylized Water Effects with React Three Fiber
Learn how to create a stylized water effect using React Three Fiber, focusing on writing shaders, optimizing 3D assets, and maintaining good performance. This tutorial covers the step-by-step process, including creating 3D terrain, setting up the environment, handling materials, and adding dynamic water animation. Additionally, the tutorial touches on incorporating sound for an immersive experience.
Wawa Sensei·46wHow to Create a Minimap in Three.js with React Three Fiber (Drei View)
Learn to create an interactive minimap for 3D web games using React Three Fiber's View component. The tutorial covers setting up multiple camera views within a single canvas, implementing global state management with Valtio to sync character position between main scene and minimap, and adding visual elements like character indicators and zoom controls. The minimap displays a top-down view that follows the player character with optional rotation alignment.
80 LEVEL·47wStudent Breaks Down Bringing Lifelike Polar Bear To Life In 3D
A Gnomon student created a highly realistic 3D polar bear in just 10 weeks, featuring advanced muscle, fat, and skin simulations, procedural hair grooming, facial rigging with motion capture, and complex anatomical systems. The project showcased innovative procedural workflows in Houdini for muscle activation and automated rigging processes, combined with facial motion capture using MocapX for lifelike expressions.
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·49wBeautiful Liquid Glass Effect Made with Three.js
Web developer Faraz Shaikh created a liquid glass effect using Three.js JavaScript 3D library. The effect features smooth drop-like shapes using MeshPhysicalMaterial with ray-marched surfaces built from Signed Distance Fields (SDFs). The demo and source code are available online, showcasing advanced 3D rendering techniques for creating realistic glass materials in web browsers.
Codrops·1yBuilding a Fully-Featured 3D World in the Browser with Blender and Three.js
Explore the process of building an immersive 3D world in the browser using Blender and Three.js. Learn the creative and technical steps involved, from conceptualizing scenes to blocking, sculpting, and adding materials. Discover tips for optimization, texturing, and exporting assets to ensure your web-based 3D environment performs efficiently and looks stunning.
Hacker News·1yGenerate Any 3D Scene in Seconds
WorldGen is an advanced 3D generation tool that creates interactive scenes from text and image inputs in seconds. It enables flexible scene generation and offers 360-degree consistent exploration. The process involves generating a panorama from prompts, which is then converted into a comprehensive 3D scene, ready for exploration.
Product Hunt·43wNitrode – AI Game Engine: AI Game Engine to Prototype 3D Games in a Day
Nitrode is an AI-powered game engine designed to help developers rapidly create playable 3D games within hours rather than weeks or months. The platform enables 'vibe coding' for quick prototyping, targeting developers who want to build games they've envisioned but lacked the time or resources to develop using traditional methods.
80 LEVEL·50wImpressive 3D Tongue Rig Made in Blender
A 3D artist showcased an impressive tongue rigging system for a character created in Blender. The rig demonstrates realistic movement and lighting effects, particularly when compared to the low-poly version. The character is part of an ongoing project that includes detailed facial expressions created using motion capture technology.
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.
80 LEVEL·41wTry This Free & Open-Source Alternative To Mixamo
Mesh2Motion, a free and open-source web application, offers an alternative to Mixamo for animating 3D models. Creator Scott Petrovic announced upcoming features including dark/light themes, video previews, animation player, and improved navigation. The tool recently added undo/redo functionality, hand variations, and animation filtering. Users can import 3D models and automatically assign and export animations through a straightforward workflow.
Collections·39wExploring JavaScript with Three.js: Five Beginner-Friendly Projects
A project-based course covering Five.js fundamentals through five hands-on projects. Learn basic geometry and textures, create interactive 3D globes with GeoJSON data, implement particle effects for fire and smoke, build scroll-triggered animations, and explore physics simulations using the Rapier engine. The course progresses from basic concepts to advanced techniques including shaders and performance optimization, helping build a portfolio of sophisticated 3D web experiences.
Brackeys·1yHow to make 3D Games in Godot
Learn how to transition from 2D to 3D game development using Godot. The video covers essential concepts such as using nodes, working with 3D assets, setting up basic functionalities and collisions, and managing physics. Additional topics include importing and configuring 3D models, adding animations, setting up lighting and environmental effects, and optimizing game performance. The guide aims to demystify 3D game development, making it accessible and manageable for both beginners and experienced developers.
Godot·32wMaterial Maker – Godot Engine
Material Maker is an open-source procedural PBR material and texture creation tool built with Godot Engine. Created by RodZilla in 2018, it recently released version 1.4 running on Godot 4, featuring nearly 250 nodes and export capabilities to Godot, Unity, and Unreal. The tool generates shaders using a node-based system and has been used in several released games including Crown Gambit and Zefyr: A Thief's Melody. Godot 4 brings compute shaders for improved performance and flexible layouts with undockable panels. Future development focuses on 3D model texturing with a procedural painting workflow.
freeCodeCamp·29wCreative Web Development with Three.js and Blender
A comprehensive 6-hour beginner course covering 3D web development by combining Blender for 3D modeling with Three.js for web integration. Learn to create an immersive 3D portfolio from scratch, starting with Blender fundamentals (modeling characters, trees, environments, textures) and progressing to Three.js implementation (camera controls, lighting, raycasting for interactions, character movement with GSAP, collision detection). Includes practical exercises, code analysis techniques, and deployment guidance using GitHub and Vercel.
Gamefromscratch·37wBabylonJS Game Engine FINALLY Gets a World/Level Editor!
BabylonJS has officially launched its V5 editor, addressing one of the framework's major limitations. The new editor provides a unified development environment with built-in project templates for Next.js, vanilla JS, and other setups. It includes visual scene composition, script attachment to objects, asset management, and rendering pipeline configuration. While the editor shows promise with features like 3D model import, lighting controls, and post-processing effects, it's still in early stages with various bugs and missing features like animation tools.
80 LEVEL·31wStunning Magical 3D Illusion in Flat Card
Artist Mingwei 'CMZW' Lim created a portal-like 3D illusion on a flat card surface using Blender. The card reveals holographic stars and new depths when moved, similar to holographic display experiments. The artist has previously created various visual effects including Balatro-style cards, custom post-processing VFX collections, distance-based glitch effects, and pixelated Earth renders.
Godot·27wDev snapshot: Godot 3.7 dev 1 – Godot Engine
Godot 3.7 dev 1 snapshot introduces significant improvements including rewritten 3D physics interpolation, blob shadows for mobile optimization, mutable audio drivers to reduce CPU usage, and core optimizations for faster object casting and data structures. The release includes 130 fixes from 44 contributors, with features like glow map effects, improved TileSet visibility, and better Xbox controller support on Android.
80 LEVEL·29wUnty Launched Web-Based No-Code 3D Editor
Unity Studio is a new web-based, no-code 3D editor that enables teams to create and share interactive 3D projects without coding or software installation. It supports importing 3D assets and CAD files, with use cases including training applications, HMIs, animations, and product configurators. Currently in free beta, it will integrate with the Unity ecosystem upon full release.
80 LEVEL·34wEx Meta Engineer Develops Tech That Makes Any Screen 3D Using a Camera
A former Meta engineer developed True3D Labs technology that creates 3D viewing experiences on any screen using only a front-facing camera. The system tracks head position in real-time to reproject scenes with motion parallax, eliminating the need for special glasses or hardware. It uses facial landmark detection and six-degree-of-freedom head pose estimation to treat the screen as a window into a 3D world. The platform supports volumetric video, voxels, and Gaussian splats, with APIs available for web developers to integrate into applications, game captures, and real-time renders from engines like Unity and Blender.
