Nice Philanthropist Metalhead
Learn about our RFC process, Open RFC meetings & more.Join in the discussion! »

three-outlinepass

1.0.8 • Public • Published

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

img

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

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

Install

npm i three-outlinepass

DownloadsWeekly Downloads

19

Version

1.0.8

License

ISC

Unpacked Size

1.52 MB

Total Files

8

Last publish

Collaborators

  • avatar