Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/asoutherncat/porsche911-carshow-threejs

Porsche-911,dynamic envmaps build by three.js vanilla
https://github.com/asoutherncat/porsche911-carshow-threejs

dynamic envmap threejs

Last synced: about 7 hours ago
JSON representation

Porsche-911,dynamic envmaps build by three.js vanilla

Awesome Lists containing this project

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
> https://threejs.org/examples/?q=ssr#webgl_postprocessing_ssr
> [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