How to use the CameraHelper function from three

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

Editor.js

278
279
280
281
282
283
284
285
286
287
});
return function (object, helper) {
    var _a;
    if (helper === undefined) {
        if (object.isCamera) {
            helper = new THREE.CameraHelper(object);
        }
        else if (object.isPointLight) {
            helper = new THREE.PointLightHelper(object, 1);
        }

lighting.js

GitHub: isjackwild/derive.isjackwild.com

18
19
20
21
22
23
24
// lights[2].shadow.camera.left = -d;
// lights[2].shadow.camera.right = d;
// lights[2].shadow.camera.top = d;
// lights[2].shadow.camera.bottom = -d;


// export const shadowCameraHelper = new THREE.CameraHelper(lights[2].shadow.camera);

index.js

GitHub: glebshevchukk/pybot

143
144
145
146
147
148
149
150
151
152
function addCameraViz(topic){
        let info = robot_info[topic]
        var cam = new THREE.PerspectiveCamera(50, info.camera.width/info.camera.height, 0.1, 100 );
        scene.add(cam);
        cam.position.set(0,150,400)
        var helper = new THREE.CameraHelper(cam);
        scene.add(helper);
        viz_objs[topic]=cam;
        viz_objs[topic+"_helper"]=helper;
}

_three.es6

GitHub: skizi/js_study

72
73
74
75
76
77
78
79
80
81
light.shadow.camera.bottom = -2;// 描画範囲下範囲
// light.shadow.bias = -0.002;
// light.shadow.radius = 4;
   this.scene.add(light);

var helper = new THREE.CameraHelper( light.shadow.camera );
// this.scene.add( helper );

//オブジェクトに照り返しが追加される(Cubeマップが生成される？)
THREE.RectAreaLightUniformsLib.init();

index.js

GitHub: nvianin/genetic-algorithm

327
328
329
330
331
332
333
334
335
336
this.sun.shadow.camera.top = this.size / 2;
this.sun.shadow.camera.left = -this.size / 2;
this.sun.shadow.camera.right = this.size / 2;
this.sun.shadow.bias = 0.01

/* this.scene.add(new THREE.CameraHelper(this.sun.shadow.camera)); */

const exr_loader = new EXRLoader();
this.exr = (await exr_loader.loadAsync("/rsc/textures/straw_rolls_field_01_1k.exr"));
this.exr.mapping = THREE.EquirectangularReflectionMapping;

solar-system.js

GitHub: guitar19823/solar_system

123
124
125
126
127
128
129
130
131
132
light.shadow.camera.far = 50000;
light.castShadow = true;

scene.add(light);

//let helper = new THREE.CameraHelper( light.shadow.camera );
//scene.add(helper);

// const textureFlare0 = textureLoader.load('/img/lensflare.png');
// const textureFlare3 = textureLoader.load('/img/lensflare3.png');

+ 2 other calls in file

model.js

GitHub: Neticon/webgl-tests

129
130
131
132
133
134
135
136
137
138
  const mesh = new THREE.Mesh(geometry, material)

  return mesh
}
function addCameraHelper(camera, name) {
  const helper = new THREE.CameraHelper(camera)
  helper.name = name
  scene.remove(scene.getObjectByName(name))
  scene.add(helper)
}

+ 2 other calls in file

Other functions in three

Sorted by popularity

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

Other popular packages:

Home

About