Three.js 3D

A WebGL-based 3D rendering library: scenes, cameras, lights, materials and custom shaders.

Tech: three@0.170, WebGL, OrbitControls

• Solar System Orbits — Shader sun with corona, procedural planets and rings, 30 moons; zoom to focus, and switch to the helical-orbit mode where the sun moves forward.
• Rotating Cube — Basic scenes, light and line frames.
• Orbit Controls + Lights — OrbitControls with Multilight.
• Particle Field — Points particle field interacts with mouse.
• Geometry Gallery — Inside geometry and Establishment.
• Wave Terrain — Top-point animation generates terrain.
• Character Animation — Level model and bone animation.
• Shader Blob — ShaderMaterial Transforming Sphere/12.
• Cubic Lattice — Triple cycle i, j, K In x, y, z put n blocks in each of the three directions and get a cubic crystal (a crystal structure like salt).
• Torus Ring — The circle can be seen as a small circle with a radius of r, which turns around the axis from R.
• Nebula Sphere — Cut the surface by the longitude, the latitude N×N Greg, put a light spot on each grid, and it's done“Nebula Sphere”。
• Orbiting Cubes — I don't think so i Angle of diamonds θᵢ = 2πi/n。
• Helix Tube — Parameter u from 0 to 1,x, z circle k while y evenly rise h.
• Glass Sphere — The transmission of MeshPhysicalMaterial lets light through the object, ior (refraction rate)
• Wireframe Sphere — Twenties have 20 triangles.
• Instanced Cubes — Hundreds of squares are drawn at once with a geometry, each of which only remembers its own location and colour, so many are not allowed to fit.
• Rippling Surface — Throwing a stone into the calm water will spread the ripples out of the centre and weaken.
• Ring Point Cloud — Saturn rings consist of numerous ice blocks, each of which rotate around Saturn like a small satellite.
• Light Pillar — CylinderGeometry can have a different upper and lower radius, so it gets a circle (a cone that has been cut off).
• Mirror Floor — A copy of the object relating to the ground flip was placed under the floor, which was then made transparent and looked like a reflection of the ground.
• Torus Knot — Circle around p in the direction of the large circle, and circle around the tube in the q circle, and get (p, q) ring tie.
• Moon Orbits — The square of the cycle is proportional to the cube of the orbit radius, so it's in the panel T²/r³ For every satellite.