小编Ers*_*eri的帖子

THREE.js - 如何实现这种效果？

我有这个 Codepen 演示：Codepen 演示链接，我想将其转换为比本网站英雄部分的背景效果：网站链接

以下是可能使这一点更清楚的图像：

这：

改成这样：

我真的不知道该怎么办！如果有人可以帮助我，甚至创造一支新笔，那就太棒了！

太感谢了。

这是 Codepen 演示的 JavaScript 代码：

/**/ /* ---- CORE ---- */
/**/ const mainColor = '#070707',
/**/       secondaryColor = '#FF7F16',
/**/       bgColor = '#ffae1e';
/**/ let windowWidth = window.innerWidth,
/**/     windowHeight = window.innerHeight;
/**/ class Webgl {
/**/   constructor(w, h) {
/**/     this.meshCount = 0;
/**/     this.meshListeners = [];
/**/     this.renderer = new THREE.WebGLRenderer({ antialias: true });
/**/     this.renderer.setPixelRatio(window.devicePixelRatio);
/**/     this.renderer.setClearColor(new THREE.Color(bgColor));
/**/     this.scene = new THREE.Scene();
          // …

Run Code Online (Sandbox Code Playgroud)

javascript shader canvas webgl three.js

Ers*_*eri

lucky-day

1
推荐指数

1
解决办法

871
查看次数