# 3js journey

* scenes
    
* lights
    
* shadows
    
* materials
    
* textures
    
* 3d math
    

![](https://threejs.org/manual/resources/images/threejs-structure.svg align="left")

要做的事：创建一堆物体，然后连接起来。

1. Scene
    
    * Renderer通过Camera看到了你的Scene，画在了Canvas上面。
        
    * Scene由Mesh组成
        
        ![](https://cdn.hashnode.com/res/hashnode/image/upload/v1728696294291/e55397c7-61b6-4e1b-b27d-fb2647d75fc6.png align="center")
        
    * 通过Camera看到这个物体
        
        可以看到，高度由fov决定。
        
        宽度由高度（fov）和aspect决定。
        
    
    ![](https://threejs.org/manual/resources/frustum-3d.svg align="left")
    
    ![](https://cdn.hashnode.com/res/hashnode/image/upload/v1728697792663/4fbba921-33b5-4d5e-b9f2-800f3cc3dbe5.png align="center")