How to Add More Fun to a Game: Extending “The Aviator”
by Michel Helms
A tutorial that explores some hands-on changes of "The Aviator" game to make it more fun and engaging.
+ more#3d
Three.js Animation with K-d (Christmas) Tree Algorithm
In this coding tutorial, you'll learn how to recreate the animation seen on the website of ONE-OFF in Three.js using the K-d tree algorithm.
+ more
Pixelated Distortion Effect with Three.js
In this coding tutorial, you'll learn how to recreate an interactive pixel distortion effect using Three.js.
+ more
Teleportation Transition with Three.js
A coding session where you will learn how to recreate the teleportation transition seen on "Marseille 2021" by La Phase 5.
+ more
Animated 3D Ribbons with Three.js
Deconstructing the ribbon animation seen on iad-lab with geometrical tricks.
+ more
Creating the Effect of Transparent Glass and Plastic in Three.js
Learn how to create convincing transparent, glass-like and plastic-like materials in Three.js.
+ more
Creating 3D Characters in Three.js
Are you looking to get started with 3D on the web? In this tutorial we’ll walk through creating a three-dimensional character using Three.js, adding some simple bu
+ more
Rotated 3D Letters and Image Hover Effect
by Mary Lou
A rotated 3D like letters hover effect combined with a tilted image for a menu.
+ more
Magnetic 3D Grid Interaction with Content Preview
by Mary Lou
A grid layout with a magnetic 3D interaction effect and a content preview animation.
+ more
Rotating Loading Animation of 3D Shapes with Three.js
Some rubber-like 3D shape rotations that are perfect for loading animations.
+ more
Recreating Frontier Development Lab’s Sun in Three.js
Learn how to create a 3D sun with Three.js in this coding session.
+ more
Infinite Hyperbolic Helicoid Animation with Three.js
A coding session where you'll learn how to create an infinite shape animation of a hyperbolic helicoid using Three.js.
+ more
Coding a 3D Lines Animation with Three.js
In this coding session you'll learn how to use Three's DepthTexture to create some animated 3D lines.
+ more
Coding a Simple Raymarching Scene with Three.js
A coding session where you'll learn how to set up a simple Raymarching scene with Three.js.
+ more
Kinetic Typography with Three.js
Discover how to use Three.js to render kinetic 3D typography.
+ more
How to Create a Physics-based 3D Cloth with Cannon.js and Three.js
Learn how to create a physics-based 3D cloth with Cannon.js and Three.js and use simplex noise to create a wind effect.
+ more
3D Folding Layout Technique for HTML Elements
A tutorial on an experimental 3D layout technique for HTML elements with endless possibilities.
+ more
Playing with Texture Projection in Three.js
by Marco Fugaro
In this tutorial, you'll learn how to project a texture onto an object in Three.js with some interesting examples.
+ more