scqilin/three-outlinepass

three-OutlinePass

three.js OutlinePass

is the three.js OutlinePass from official examples

Installation

To install with npm do

npm install three
npm install three-outlinepass

Usage

three.js - Outline Pass,I have just clone the code and modified to export it as a module so you can do something like

import * as THREE from "three"
import { RenderPass, EffectComposer, OutlinePass } from "three-outlinepass"

var compose = new EffectComposer(renderer);
var selectedObjects = []
var renderPass = new RenderPass(scene, camera);
var outlinePass = new OutlinePass(new THREE.Vector2(window.innerWidth, window.innerHeight), scene, camera, selectedObjects);
outlinePass.renderToScreen = true;
outlinePass.selectedObjects = selectedObjects;

compose.addPass(renderPass);
compose.addPass(outlinePass);
var params = {
    edgeStrength: 2,
    edgeGlow: 1,
    edgeThickness: 1.0,
    pulsePeriod: 0,
    usePatternTexture: false
};

outlinePass.edgeStrength = params.edgeStrength;
outlinePass.edgeGlow = params.edgeGlow;
outlinePass.visibleEdgeColor.set(0xffffff);
outlinePass.hiddenEdgeColor.set(0xffffff);

compose.render(scene, camera)   

See also example

• code
• demo

The code also works in typescript(but there are some small problems)

The latest code version is 117(three REVISION = '117')

2021:3:28 three REVISION +124

three-outlinepass's Issues

Getting a "three" no dependency version info found error in skypack

Update to latest version

Hi,

Is it possible to update the OutlinePass to the latest version of the official three.js github repository?
As there was a bug in the outline pass (mrdoob/three.js#12678) and it was fixed in the following Pull Request mrdoob/three.js#17462, it would be good to have the update in the node module as well.

Thanks!