Three.js

Sabigaraのブログ記事

Sabigaraのブログ記事

The reveal hover effect on images has become a very popular pattern in modern websites. It plays an important role in ta

Waves! Because who does not enjoy the visual comfort an oscillating motion has on the human eye? Well, I do and for this

Learn to make ThreeJS Instancing projects from beggining to end in this project-based course.

Welcome to the missing manual for three.js! Discover three.js is a completely free tutorial series designed to get you up to speed fast, so dive straight in and take your websites to the third dimension!

Lots of tips, tricks, and suggestions for best practices while building a high performance three.js application.

Here we recommend some optimization techniques that proved to work well for creating WebGL-based interactive experiences.

For Q4 investment time, I worked on creating a scrollable, 3D website with a coworker using R3F. From this project, I’d like to highlight my process for optimizing 3D models for web.

Product engineer building creative tools for the web.

Articles on computer graphics, math and art

Articles on computer graphics, math and art

My most liked resources to get started.

Finding simple ways to to fake ripple and water effects.

Introducing Catalog: Secure. Trustless. All from one place.

Here's a list of all the web animations tutorials we've done so far. From Awwwards website to CSS awards websites, we like to reverse engineer the most creative animations.

How to properly turn a div into a button, so the result will be accessible and useable by everyone.TLDR: Use a native button.

Exploring the best ways to create light and shadows in ThreeJS

Learn the creative parts of HTML, CSS, and JavaScript. Let's make the frontend fun again!

The package is quite simple.™

A compilation of my Raymarching and Signed Distance Field learnings and work. In it, I teach you how to leverage those techniques along with lighting models, smoothmin, soft shadows, and some math to create beautiful 3D raymarched scenes ranging from abstract shapes to infinite realistic-looking landscapes.

Over the past few weeks, I've been working on a new side project to replicate a visual effect called 'head-coupled perspective' to make interactive art with head tracking, using Three.js and TensorFlow.js.

Audio Visualizer Based on Three-JS.

Search over the Objaverse dataset

Discover new, trending and popular 3D captures shared on Polycam

Discover new, trending and popular 3D captures shared on Polycam

Download thousands of low poly 3D models for free. No login required. Ready for AR/VR, Unity, Unreal or Godot.

Lovely predefined buildings give you the power to build your 3D world. Instantly.