# Porsche911-carshow-threejs

**Repository Path**: asoutherncat/Porsche911-carshow-threejs

## Basic Information

- **Project Name**: Porsche911-carshow-threejs
- **Description**: Porsche-911，dynamic envmaps build by three.js vanilla
- **Primary Language**: JavaScript
- **License**: Not specified
- **Default Branch**: main
- **Homepage**: https://porsche911-carshow-threejs.4everland.app/
- **GVP Project**: No

## Statistics

- **Stars**: 1
- **Forks**: 1
- **Created**: 2024-04-21
- **Last Updated**: 2026-01-16

## Categories & Tags

**Categories**: Uncategorized

**Tags**: Threejs

## README

# Porsche 911
```
↗ ⭐⭐⭐  
```
- demo [link](https://porsche911-carshow-threejs.4everland.app/) https://porsche911-carshow-threejs.4everland.app/
- 保时捷911 model by [Karol Miklas](https://sketchfab.com/3d-models/free-porsche-911-carrera-4s-d01b254483794de3819786d93e0e1ebf)
- `renderTarget` , `cubecamera` 动态环境映射
- postprocessing : `bloom` ,`ssr`   

![微信图片_20240422111244.jpg](https://p6-juejin.byteimg.com/tos-cn-i-k3u1fbpfcp/e6a645e9ca934c5f8cf1930073189911~tplv-k3u1fbpfcp-watermark.image?)  
![image.png](https://p6-juejin.byteimg.com/tos-cn-i-k3u1fbpfcp/6da8d09bcafb44bda3ca17b4c7f4b90a~tplv-k3u1fbpfcp-watermark.image?)  
## reference
> https://threejs.org/examples/?q=dy#webgl_materials_cubemap_dynamic </br>
> https://threejs.org/examples/?q=ssr#webgl_postprocessing_ssr </br>
> [react-three-fiber Building live envmaps](https://codesandbox.io/p/sandbox/zealous-https-lwo219?file=%2Fsrc%2Findex.js)

# ✅ run

```shell
npm install

npm run dev
```
## Customize configuration

See [Vite Configuration Reference](https://vitejs.dev/config/).
## code src
> https://github.com/ASouthernCat/Porsche911-carshow-threejs/  
> https://gitee.com/asoutherncat/Porsche911-carshow-threejs