Class ShaderBasicMaterial

MeshBasicMaterialに準じたShaderMaterial

Hierarchy (View Summary)

ShaderMaterial
- ShaderBasicMaterial
  - RimBasicMaterial

Index

Constructors

constructor

new ShaderBasicMaterial(
    vertexShader: string,
    fragmentShader: string,
    parameters?: ShaderMaterialParameters,
): ShaderBasicMaterial
Parameters
- vertexShader: string
- fragmentShader: string
- Optionalparameters: ShaderMaterialParameters
Returns ShaderBasicMaterial
Overrides ShaderMaterial.constructor
- Defined in src/ShaderBasicMaterial.ts:22

Properties

`Protected`_opacity

_opacity: number = 1.0

allowOverride

allowOverride: boolean

alphaHash

alphaHash: boolean

Enables alpha hashed transparency, an alternative to .transparent or .alphaTest. The material will not be rendered if opacity is lower than a random threshold. Randomization introduces some grain or noise, but approximates alpha blending without the associated problems of sorting. Using TAARenderPass can reduce the resulting noise.

alphaToCoverage

alphaToCoverage: boolean

Enables alpha to coverage. Can only be used with MSAA-enabled rendering contexts (meaning when the renderer was created with antialias parameter set to true). Enabling this will smooth aliasing on clip plane edges and alphaTest-clipped edges.

Default

false

blendAlpha

blendAlpha: number

Represents the alpha value of the constant blend color. This property has only an effect when using custom blending with ConstantAlphaFactor or OneMinusConstantAlphaFactor.

Default

blendColor

blendColor: Color

Represent the RGB values of the constant blend color. This property has only an effect when using custom blending with ConstantColorFactor or OneMinusConstantColorFactor.

Default

0x000000

blendDst

blendDst: BlendingDstFactor

Blending destination. It's one of the blending mode constants defined in Three.js. Default is OneMinusSrcAlphaFactor.

Default

THREE.OneMinusSrcAlphaFactor

blendDstAlpha

blendDstAlpha: number

The tranparency of the .blendDst. Default is null.

Default

null

blendEquation

blendEquation: BlendingEquation

Blending equation to use when applying blending. It's one of the constants defined in Three.js. Default is AddEquation.

Default

THREE.AddEquation

blendEquationAlpha

blendEquationAlpha: number

The tranparency of the .blendEquation. Default is null.

Default

null

blending

blending: Blending

Which blending to use when displaying objects with this material. Default is NormalBlending.

Default

THREE.NormalBlending

blendSrc

blendSrc:
    | 200
    | 201
    | 202
    | 203
    | 204
    | 205
    | 206
    | 207
    | 208
    | 209
    | 210
    | 211
    | 212
    | 213
    | 214

Blending source. It's one of the blending mode constants defined in Three.js. Default is SrcAlphaFactor.

Default

THREE.SrcAlphaFactor

blendSrcAlpha

blendSrcAlpha: number

The tranparency of the .blendSrc. Default is null.

Default

null

clipIntersection

clipIntersection: boolean

Changes the behavior of clipping planes so that only their intersection is clipped, rather than their union. Default is false.

Default

false

clipping

clipping: boolean

Default

false

clippingPlanes

clippingPlanes: Plane[]

User-defined clipping planes specified as THREE.Plane objects in world space. These planes apply to the objects this material is attached to. Points in space whose signed distance to the plane is negative are clipped (not rendered). See the WebGL / clipping /intersection example. Default is null.

Default

null

clipShadows

clipShadows: boolean

Defines whether to clip shadows according to the clipping planes specified on this material. Default is false.

Default

false

colorWrite

colorWrite: boolean

Whether to render the material's color. This can be used in conjunction with a mesh's .renderOrder property to create invisible objects that occlude other objects. Default is true.

Default

true

defaultAttributeValues

defaultAttributeValues: any

Default

{ 'color': [ 1, 1, 1 ], 'uv': [ 0, 0 ], 'uv1': [ 0, 0 ] }

defines

defines: { [key: string]: any }

Default

{}

depthFunc

depthFunc: DepthModes

Which depth function to use. Default is LessEqualDepth. See the depth mode constants for all possible values.

Default

THREE.LessEqualDepth

depthTest

depthTest: boolean

Whether to have depth test enabled when rendering this material. When the depth test is disabled, the depth write will also be implicitly disabled.

Default

true

depthWrite

depthWrite: boolean

Whether rendering this material has any effect on the depth buffer. Default is true. When drawing 2D overlays it can be useful to disable the depth writing in order to layer several things together without creating z-index artifacts.

Default

true

dithering

dithering: boolean

Whether to apply dithering to the color to remove the appearance of banding. Default is false.

Default

false

extensions

extensions: { clipCullDistance: boolean; multiDraw: boolean }

Default

{
     *   clipCullDistance: false,
     *   multiDraw: false
     * }

fog

fog: boolean

Default

false

forceSinglePass

forceSinglePass: boolean

Default

false

fragmentShader

fragmentShader: string

glslVersion

glslVersion: GLSLVersion

Default

null

id

id: number

Unique number of this material instance.

index0AttributeName

index0AttributeName: string

Default

undefined

`Readonly`isMaterial

isMaterial: true

Read-only flag to check if a given object is of type Material.

Remarks

This is a constant value

Default Value

true

`Readonly`isShaderMaterial

isShaderMaterial: true

Read-only flag to check if a given object is of type ShaderMaterial.

Remarks

This is a constant value

Default Value

true

lights

lights: boolean

Default

false

linewidth

linewidth: number

Default

name

name: string

Material name. Default is an empty string.

Default

''

opacity

opacity: number

Opacity. Default is 1.

Default

polygonOffset

polygonOffset: boolean

Whether to use polygon offset. Default is false. This corresponds to the POLYGON_OFFSET_FILL WebGL feature.

Default

false

polygonOffsetFactor

polygonOffsetFactor: number

Sets the polygon offset factor. Default is 0.

Default

polygonOffsetUnits

polygonOffsetUnits: number

Sets the polygon offset units. Default is 0.

Default

precision

precision: "highp" | "mediump" | "lowp"

Override the renderer's default precision for this material. Can be "highp", "mediump" or "lowp". Defaults is null.

Default

null

premultipliedAlpha

premultipliedAlpha: boolean

Whether to premultiply the alpha (transparency) value. See WebGL / Materials / Transparency for an example of the difference. Default is false.

Default

false

shadowSide

shadowSide: Side

Defines which of the face sides will cast shadows. Default is null. If null, the value is opposite that of side, above.

Default

null

side

side: Side

Defines which of the face sides will be rendered - front, back or both. Default is THREE.FrontSide. Other options are THREE.BackSide and THREE.DoubleSide.

Default

THREE.FrontSide

stencilFail

stencilFail: StencilOp

Which stencil operation to perform when the comparison function returns false. Default is KeepStencilOp. See the stencil operation constants for all possible values.

Default

THREE.KeepStencilOp

stencilFunc

stencilFunc: StencilFunc

The stencil comparison function to use. Default is AlwaysStencilFunc. See stencil operation constants for all possible values.

Default

THREE.AlwaysStencilFunc

stencilFuncMask

stencilFuncMask: number

The bit mask to use when comparing against the stencil buffer. Default is 0xFF.

Default

0xff

stencilRef

stencilRef: number

The value to use when performing stencil comparisons or stencil operations. Default is 0.

Default

stencilWrite

stencilWrite: boolean

Whether rendering this material has any effect on the stencil buffer. Default is false.

Default

false

stencilWriteMask

stencilWriteMask: number

The bit mask to use when writing to the stencil buffer. Default is 0xFF.

Default

0xff

stencilZFail

stencilZFail: StencilOp

Which stencil operation to perform when the comparison function returns true but the depth test fails. Default is KeepStencilOp. See the stencil operation constants for all possible values.

Default

THREE.KeepStencilOp

stencilZPass

stencilZPass: StencilOp

Which stencil operation to perform when the comparison function returns true and the depth test passes. Default is KeepStencilOp. See the stencil operation constants for all possible values.

Default

THREE.KeepStencilOp

toneMapped

toneMapped: boolean

Defines whether this material is tone mapped according to the renderer's WebGLRenderer.toneMapping toneMapping setting. It is ignored when rendering to a render target or using post processing.

Default

true

transparent

transparent: boolean

Defines whether this material is transparent. This has an effect on rendering as transparent objects need special treatment and are rendered after non-transparent objects. When set to true, the extent to which the material is transparent is controlled by setting it's .opacity property.

Default

false

type

type: string

Value is the string 'Material'. This shouldn't be changed, and can be used to find all objects of this type in a scene.

uniforms

uniforms: { [uniform: string]: IUniform<any> }

Default

{}

uniformsGroups

uniformsGroups: UniformsGroup[]

uniformsNeedUpdate

uniformsNeedUpdate: boolean

Default

false

userData

userData: Record<string, any>

An object that can be used to store custom data about the Material. It should not hold references to functions as these will not be cloned.

Default

{}

uuid

uuid: string

UUID of this material instance. This gets automatically assigned, so this shouldn't be edited.

version

version: number

This starts at 0 and counts how many times .needsUpdate is set to true.

Default

vertexColors

vertexColors: boolean

Defines whether vertex coloring is used. Default is false.

Default

false

vertexShader

vertexShader: string

visible

visible: boolean

Defines whether this material is visible. Default is true.

Default

true

wireframe

wireframe: boolean

Default

false

wireframeLinewidth

wireframeLinewidth: number

Default

Accessors

alphaTest

get alphaTest(): number
Gets the alpha value to be used when running an alpha test. Default is 0.

Returns number
Default
```
0
```
Inherited from ShaderMaterial.alphaTest
- Defined in node_modules/@types/three/src/materials/Material.d.ts:554
set alphaTest(value: number): void
Sets the alpha value to be used when running an alpha test. Default is 0.
Parameters
- value: number
Returns void
Default
```
0
```
Inherited from ShaderMaterial.alphaTest
- Defined in node_modules/@types/three/src/materials/Material.d.ts:560

color

get color(): Color
Returns Color
- Defined in src/ShaderBasicMaterial.ts:53
set color(value: Color): void
Parameters
- value: Color
Returns void
- Defined in src/ShaderBasicMaterial.ts:56

needsUpdate

set needsUpdate(value: boolean): void
Specifies that the material needs to be updated, WebGL wise. Set it to true if you made changes that need to be reflected in WebGL. This property is automatically set to true when instancing a new material.
Parameters
- value: boolean
Returns void
Default
```
false
```
Inherited from ShaderMaterial.needsUpdate
- Defined in node_modules/@types/three/src/materials/Material.d.ts:630

uniformOpacity

get uniformOpacity(): number
Returns number
- Defined in src/ShaderBasicMaterial.ts:60
set uniformOpacity(value: number): void
Parameters
- value: number
Returns void
- Defined in src/ShaderBasicMaterial.ts:64

Methods

addEventListener

addEventListener<T extends "dispose">(
type: T,
listener: EventListener<{ dispose: {} }[T], T, ShaderBasicMaterial>,
): void
Adds a listener to an event type.
Type Parameters
- T extends "dispose"
Parameters
- type: T
  The type of event to listen to.
- listener: EventListener<{ dispose: {} }[T], T, ShaderBasicMaterial>
  The function that gets called when the event is fired.
Returns void
Inherited from ShaderMaterial.addEventListener
- Defined in node_modules/@types/three/src/core/EventDispatcher.d.ts:52

clone

clone(): this
Return a new material with the same parameters as this material.

Returns this
Inherited from ShaderMaterial.clone
- Defined in node_modules/@types/three/src/materials/Material.d.ts:609

copy

copy(material: Material): this
Copy the parameters from the passed material into this material.
Parameters
- material: Material
Returns this
Inherited from ShaderMaterial.copy
- Defined in node_modules/@types/three/src/materials/Material.d.ts:615

customProgramCacheKey

customProgramCacheKey(): string
In case onBeforeCompile is used, this callback can be used to identify values of settings used in onBeforeCompile, so three.js can reuse a cached shader or recompile the shader as needed.

Returns string
Inherited from ShaderMaterial.customProgramCacheKey
- Defined in node_modules/@types/three/src/materials/Material.d.ts:592

dispatchEvent

dispatchEvent<T extends "dispose">(
event: BaseEvent<T> & { dispose: {} }[T],
): void
Fire an event type.
Type Parameters
- T extends "dispose"
Parameters
- event: BaseEvent<T> & { dispose: {} }[T]
  The event that gets fired.
Returns void
Inherited from ShaderMaterial.dispatchEvent
- Defined in node_modules/@types/three/src/core/EventDispatcher.d.ts:81

dispose

dispose(): void
Frees the GPU-related resources allocated by this instance. Call this method whenever this instance is no longer used in your app.

Material textures must be disposed of by the dispose() method of Texture.

Returns void
Inherited from ShaderMaterial.dispose
- Defined in node_modules/@types/three/src/materials/Material.d.ts:623

hasEventListener

hasEventListener<T extends "dispose">(
type: T,
listener: EventListener<{ dispose: {} }[T], T, ShaderBasicMaterial>,
): boolean
Checks if listener is added to an event type.
Type Parameters
- T extends "dispose"
Parameters
- type: T
  The type of event to listen to.
- listener: EventListener<{ dispose: {} }[T], T, ShaderBasicMaterial>
  The function that gets called when the event is fired.
Returns boolean
Inherited from ShaderMaterial.hasEventListener
- Defined in node_modules/@types/three/src/core/EventDispatcher.d.ts:62

initDefines

initDefines(): void
Returns void
- Defined in src/ShaderBasicMaterial.ts:71

onBeforeCompile

onBeforeCompile(
parameters: WebGLProgramParametersWithUniforms,
renderer: WebGLRenderer,
): void
An optional callback that is executed immediately before the shader program is compiled. This function is called with the shader source code as a parameter. Useful for the modification of built-in materials, but the recommended approach moving forward is to use WebGPURenderer with the new Node Material system and [TSL]https://github.com/mrdoob/three.js/wiki/Three.js-Shading-Language. Unlike properties, the callback is not supported by .clone(), .copy() and .toJSON(). This callback is only supported in WebGLRenderer (not WebGPURenderer).
Parameters
- parameters: WebGLProgramParametersWithUniforms
  WebGL program parameters
- renderer: WebGLRenderer
  WebGLRenderer context that is initializing the material
Returns void
Inherited from ShaderMaterial.onBeforeCompile
- Defined in node_modules/@types/three/src/materials/Material.d.ts:587

onBeforeRender

onBeforeRender(
    renderer: WebGLRenderer,
    scene: Scene,
    camera: Camera,
    geometry: BufferGeometry,
    object: Object3D,
    group: Group,
): void
An optional callback that is executed immediately before the material is used to render a 3D object. Unlike properties, the callback is not supported by .clone(), .copy() and .toJSON(). This callback is only supported in WebGLRenderer (not WebGPURenderer).
Parameters
- renderer: WebGLRenderer
- scene: Scene
- camera: Camera
- geometry: BufferGeometry
- object: Object3D
- group: Group
Returns void
Inherited from ShaderMaterial.onBeforeRender
- Defined in node_modules/@types/three/src/materials/Material.d.ts:567

onBuild

onBuild(
    object: Object3D,
    parameters: WebGLProgramParametersWithUniforms,
    renderer: WebGLRenderer,
): void
Parameters
- object: Object3D
- parameters: WebGLProgramParametersWithUniforms
- renderer: WebGLRenderer
Returns void
Deprecated
onBuild() has been removed.
Inherited from ShaderMaterial.onBuild
- Defined in node_modules/@types/three/src/materials/Material.d.ts:635

removeEventListener

removeEventListener<T extends "dispose">(
type: T,
listener: EventListener<{ dispose: {} }[T], T, ShaderBasicMaterial>,
): void
Removes a listener from an event type.
Type Parameters
- T extends "dispose"
Parameters
- type: T
  The type of the listener that gets removed.
- listener: EventListener<{ dispose: {} }[T], T, ShaderBasicMaterial>
  The listener function that gets removed.
Returns void
Inherited from ShaderMaterial.removeEventListener
- Defined in node_modules/@types/three/src/core/EventDispatcher.d.ts:72

setValues

setValues(parameters: ShaderMaterialParameters): void
Sets the properties based on the values.
Parameters
- parameters: ShaderMaterialParameters
Returns void
Inherited from ShaderMaterial.setValues
- Defined in node_modules/@types/three/src/materials/ShaderMaterial.d.ts:159

toJSON

toJSON(meta?: JSONMeta): ShaderMaterialJSON
Convert the material to three.js JSON format.
Parameters
- Optionalmeta: JSONMeta
  Object containing metadata such as textures or images for the material.
Returns ShaderMaterialJSON
Inherited from ShaderMaterial.toJSON
- Defined in node_modules/@types/three/src/materials/ShaderMaterial.d.ts:161

`Static`getBasicUniforms

getBasicUniforms(): any
このMaterialに必要なuniformsを生成する。

Returns any
See
https://github.com/mrdoob/three.js/blob/0c26bb4bb8220126447c8373154ac045588441de/src/renderers/shaders/ShaderLib.js#L11
- Defined in src/ShaderBasicMaterial.ts:42

Class ShaderBasicMaterial

Hierarchy (View Summary)

Index

Constructors

Properties

Accessors

Methods

Constructors

constructor

Parameters

Returns ShaderBasicMaterial

Properties

Protected_opacity

allowOverride

alphaHash

alphaToCoverage

Default

blendAlpha

Default

blendColor

Default

blendDst

Default

blendDstAlpha

Default

blendEquation

Default

blendEquationAlpha

Default

blending

Default

blendSrc

Default

blendSrcAlpha

Default

clipIntersection

Default

clipping

Default

clippingPlanes

Default

clipShadows

Default

colorWrite

Default

defaultAttributeValues

Default

defines

Default

depthFunc

Default

depthTest

Default

depthWrite

Default

dithering

Default

extensions

Default

fog

Default

forceSinglePass

Default

fragmentShader

glslVersion

Default

id

index0AttributeName

Default

ReadonlyisMaterial

Remarks

Default Value

ReadonlyisShaderMaterial

Remarks

Default Value

lights

Default

linewidth

Default

name

`Protected`_opacity

`Readonly`isMaterial

`Readonly`isShaderMaterial