分享几个最近看到的Threejs炫酷效果,附源码地址

职场   2024-11-12 17:09   北京  
  1. 风格化的龙卷风

    使用threejs+shaders

    源码地址:

    https://github.com/otanodesignco/stylized-tornado

    体验地址:

    https://stylized-tornado.vercel.app/


2. 交互式多面体

源码和体验地址:

https://observablehq.com/@pamacha/interactive-polychora



3. 通过Threejs 代码生成低多面体3D模型:

不用建模,直接用代码生成的3D模型,包括天空盒子等。

源码地址:

https://github.com/jasonsturges/three-low-poly

体验地址:

http://jasonsturges.com/three-low-poly/

使用方法:

import { MossyRocks } from "three-low-poly";

const rocks = new MossyRocks();
scene.add(rocks);


4. R3F场景编辑器:

通过拖拽的方式可直接导出组件代码

源码:

https://github.com/AndrewPrifer/react-three-editable

体验地址:

https://codesandbox.io/p/sandbox/ide-cream-demo-hcgcd?file=%2Fsrc%2FApp.js


关于作者

做一只爬的最久的乌龟,保持学习保持好奇,即使慢一点,遇到一点困难,只要最后能到达终点,又有什么关系呢。
毕竟人生没有白走的路,每一步都算数。


前端程序设计
专注前端最前沿技术,数据可视化,web3d。偶尔插播生活和艺术。
 最新文章