How to use the js function from three

Find comprehensive JavaScript three.js code examples handpicked from public code repositorys.

THREEUtil.js

8
9
10
11
12
13
14
15
16
17
18
 * @property {{r:number,g:number,b:number}} sky.color - rgb color (value are between [0,1])
 * @property {{offset:number,phi:number,theta:number}} sky.sun_position - position of the sun in sheprical coord (phi theta) + an offset {@link THREEUtil.bindLightTransform}
 */


/**
 * Set of function for a high level use of THREE.js
 */
module.exports = {
  /**
   *  Default scene 3D config

+ 4 other calls in file

index.js

GitHub: mracette/generative-trees

11
12
13
14
15
16
17
18
19
20

// other
window.d3Chromatic = require('d3-scale-chromatic');
window.MeshLine = require('three.meshline');

// scene manager handles all things THREE.js
const SceneManager = require('./src/scene-manager');

// init the scene manager
const canvas = document.getElementById("canvas");

index.js

GitHub: jereddanielson/chaos-equations

50
51
52
53
54
55
56
57
58
59
  const g = Math.min(255, 50 + ((i * 52973) % 256));
  const b = Math.min(255, 50 + ((i * 44111) % 256));
  return { r: r / 255, g: g / 255, b: b / 255 };
}
componentDidMount() {
  // Try to start up THREE.js
  if (ChaosRenderer.isWebGLAvailable()) {
    // Renderer and canvas
    const { element, props } = this;
    const renderer = new THREE.WebGLRenderer({

c3DEngine.js

GitHub: VeinKowal/veins

166
167
168
169
170
171
172
173
174
175
  key: "getWindowSize",
  value: function getWindowSize() {
    return new THREE.Vector2(this.width, this.height);
  }
  /**
   * return renderer THREE.js
   * @returns {undefined|THREE.WebGLRenderer}
   */

}, {

View.js

GitHub: VeinKowal/veins

219
220
221
222
223
224
225
226
227
228
* @param {?MainLoop} options.mainLoop - {@link MainLoop} instance to use, otherwise a default one will be constructed
* @param {?(WebGLRenderer|object)} options.renderer - {@link WebGLRenderer} instance to use, otherwise
* a default one will be constructed. In this case, if options.renderer is an object, it will be used to
* configure the renderer (see {@link c3DEngine}.  If not present, a new &lt;canvas> will be created and
* added to viewerDiv (mutually exclusive with mainLoop)
* @param {boolean} [options.renderer.isWebGL2=true] - enable webgl 2.0 for THREE.js.
* @param {?Scene} [options.scene3D] - [THREE.Scene](https://threejs.org/docs/#api/en/scenes/Scene) instance to use, otherwise a default one will be constructed
* @param {?Color} options.diffuse - [THREE.Color](https://threejs.org/docs/?q=color#api/en/math/Color) Diffuse color terrain material.
* This color is applied to terrain if there isn't color layer on terrain extent (by example on pole).
*

THREEUtils.js

GitHub: VCityTeam/TIW5-3DUrbanDataVizualization

0
1
2
3
4
5
6
7
8
9
/** @format */

const THREE = require('three');

/**
 * Set of class/function for a high level use of THREE.js
 */
module.exports = {
  /**
   * Texture encoding used to have the right color of the .glb model + have an alpha channel

Other functions in three

Sorted by popularity

three.Vector3 is the most popular function in three (22341 examples)

Other popular packages:

Home

About