a-big-triangle

WebJar for a-big-triangle

License	MIT
GroupId	org.webjars.npm
ArtifactId	a-big-triangle
Last Version	1.0.3
Release Date	Mar 10, 2018
Type	jar
Description	a-big-triangle WebJar for a-big-triangle
Project URL	http://webjars.org
Source Code Management	https://github.com/mikolalysenko/a-big-triangle

Download a-big-triangle

Filename	Size
a-big-triangle-1.0.3.pom
a-big-triangle-1.0.3.jar	5 KB
a-big-triangle-1.0.3-sources.jar	22 bytes
a-big-triangle-1.0.3-javadoc.jar	22 bytes

How to add to project

Apache Maven

<!-- https://jarcasting.com/artifacts/org.webjars.npm/a-big-triangle/ -->
<dependency>
    <groupId>org.webjars.npm</groupId>
    <artifactId>a-big-triangle</artifactId>
    <version>1.0.3</version>
</dependency>

Gradle Groovy

// https://jarcasting.com/artifacts/org.webjars.npm/a-big-triangle/
implementation 'org.webjars.npm:a-big-triangle:1.0.3'

Gradle Kotlin

// https://jarcasting.com/artifacts/org.webjars.npm/a-big-triangle/
implementation ("org.webjars.npm:a-big-triangle:1.0.3")

Apache Buildr

'org.webjars.npm:a-big-triangle:jar:1.0.3'

Apache Ivy

<dependency org="org.webjars.npm" name="a-big-triangle" rev="1.0.3">
  <artifact name="a-big-triangle" type="jar" />
</dependency>

Groovy Grape

@Grapes(
@Grab(group='org.webjars.npm', module='a-big-triangle', version='1.0.3')
)

Scala SBT

libraryDependencies += "org.webjars.npm" % "a-big-triangle" % "1.0.3"

Leiningen

[org.webjars.npm/a-big-triangle "1.0.3"]

Dependencies

compile (3)

Group / Artifact	Type	Version
org.webjars.npm : gl-vao	jar	[1.2.0,2)
org.webjars.npm : gl-buffer	jar	[2.1.1,3)
org.webjars.npm : weak-map	jar	[1.0.5,2)

Project Modules

There are no modules declared in this project.

a-big-triangle

Draws a big triangle that covers the entire viewport. Useful for GPGPU or when applying fullscreen postprocessing effects.

If you're wondering why a big triangle and not a big square made from two smaller triangles, there are potentially significant performance advantages in taking the former approach.

Example

var shell = require("gl-now")()
var drawTriangle = require("a-big-triangle")
var createShader = require("gl-shader")

var shader

shell.on("gl-init", function() {
  shader = createShader(shell.gl, 
  "precision mediump float;\
  attribute vec2 position;\
  varying vec2 uv;\
  void main() {\
    uv = position.xy;\
    gl_Position = vec4(position.xy, 0.0, 1.0);\
  }",
  "precision mediump float;\
  varying vec2 uv;\
  void main() {\
    gl_FragColor = vec4(uv, 0, 1);\
  }")
})

shell.on("gl-render", function() {
  shader.bind()
  drawTriangle(shell.gl)
})

Check it out in your browser

Install

npm install a-big-triangle

API

require("a-big-triangle")(gl)

Draws a fullscreen triangle.

• gl is a WebGL context

Credits

(c) 2013

Versions

Version
1.0.3 Mar 10, 2018