In the above web front-end 3D development entry plan 3D effect will no longer be a patent for desktop applications. We talked about a development and learning direction of WEB 3D. Then we should first solve the problem of document use.
We can visit http://www.yanhuangxueyuan. com/Three.js/ You can find the method of use here, but it is not the latest one, but someone else changed it with the official document. The
real official document address is https://threejs.org/
, but after all, this is a foreign address, which is very slow for us In fact, it will be quite inconvenient to use it. It takes a long time to see a case and things come out.
We click github under Code in the left directory,
and we will enter his git address. Note that the branch must be the dev development branch.
Then we download it by downloading the compressed package. You
can also try to clone it.
I just clicked the download link and couldn’t find it. I cloned it overnight because the resource is too large.
Open the project and we must install the dependencies first.
npm i
Then we execute the command to start the project
, and the terminal will give you three addresses, just run one on the browser. Here,
we will be warned that the address is not safe. Click Advanced
and click the link below
to enter the project directory.
If you want to see it Documentation is docs/
Click to enter is documentation
If you want to see the case, click on the examples above the left navigation,
then if we want to see the code of the current case, we can copy the address in the navigation
and press Ctrl+p in the Visual Studio Code project Find the corresponding files.
These cases are placed in the examples directory of the project.
We click on the editor/ on the homepage to enter
, and there will be an editor for everyone to use.