In previous articles, we learned the basics of three.js, particle animation, and geometry, mapping, user interaction, and debugging. Today we are going to write a reflective ball effect with three.js.

The Material object physicalMaterial inherits the Material prototype and the material method;

Last time we wrote a rain animation with three.js, mainly with particles. This time, we built a small scene with three.js. Project address is: https://github.com/magicsoso/threejs-tutorial.git, behind three. The practice of js demo here. As simple as it is...

Photo: https://unsplash.com/photos/30kHyW7TSB8 objects, the coordinates of the conversion process roughly: local coordinates - > world coordinates - > observation space coordinates - > cut space coordinates - > screen space coordinates

Hi, this is ALphardex, the CSS and WebGL magic wizard. In this article, we will use three.js to achieve the storm cloud effect, let's create together!

As front ends become more and more popular these days, page implementations are getting really good! With the development of digital image processing and artificial intelligence technology, the visual effects presented to users are not limited to 2D visual effects on the plane.

This paper mainly shows that if three.js imports multiple external models (OBJ) and adds controllers, the effect of scaling, rotation, dragging and translation can be achieved. But that's not enough. Now it just shows up, but it doesn't do anything.

Introduction: This article will focus on: understand what is panorama -> how to constitute a panorama -> panorama interactive principle to explain, hand to hand teach you from zero basis to achieve a cool Web panorama, and take an example to understand the principle of small white can also learn, suggest collection learning, any

The preface is finally coming to the end of the week, and the last few articles have been showing you some things about 2D, Canvas and SVG. In July, I plan to output three long articles of 10,000 words to teach you the three ways of visual expression, SVG, Canvas and WebGL. So this is the first one

The personal web page is a programmer's second resume. If you have a cool personal page, you'll get a lot of goodwill from your interviewers. Use three.js to create your own cool 3D personal website!