AFrame port of Lamina (https://github.com/pmndrs/lamina)

Overview

AFrame-Lamina

Automated port of Lamina to AFrame

<a-lamina geometry="" material="shader:lamina;color:white;lighting:phong;" position="-1 0.5 -3" rotation="0 45 0">
	<lamina-color color="hotpink" mode="screen"></lamina-color>
	<lamina-normal mode="multiply" alpha="0.5"></lamina-normal>
	<lamina-depth mode="multiply" mapping="camera"></lamina-depth>
</a-lamina>
<a-sphere position="0 1.25 -5" radius="1.25" material="shader:lamina;lighting:phong;">
	<lamina-displace></lamina-displace>
	<lamina-texture map="#wave"></lamina-texture>
	<lamina-gradient mode="screen" color-a="hotpink" color-b="skyblue"></lamina-gradient>
	<lamina-fresnel mode="add"></lamina-fresnel>
</a-sphere>
<a-cylinder material="shader:lamina;lighting:standard;" position="1 0.75 -3" radius="0.5" height="1.5">
	<lamina-gradient color-a="green" color-b="yellow"></lamina-gradient>
	<lamina-matcap map="#wave" mode="screen"></lamina-matcap>
</a-cylinder>

image

lamina component

Property Type Description Default
layers selector Element that contains the layers, defautls to this element.
color color Base color "white"
alpha number Alpha 1
lighting string Shading model to use.. One of phong, physical, toon, basic, lambert, standard "basic"

<a-lamina>

Default Components:

Default component Settings
material "shader:lamina;"

Entity Attribute Mappings:

Property Mapping
color "material.color"
alpha "material.alpha"
lighting "material.lighting"

lamina-color component

Property Type Description Default
mode string . One of normal, add, subtract, multiply, lighten, darken, divide, overlay, screen, softlight, negation, reflect "normal"
visible boolean true
color color "red"
alpha number 1

<lamina-color>

Default Components:

Default component Settings
lamina-color ""

Entity Attribute Mappings:

Property Mapping
mode "lamina-color.mode"
visible "lamina-color.visible"
color "lamina-color.color"
alpha "lamina-color.alpha"

lamina-depth component

Property Type Description Default
mode string . One of normal, add, subtract, multiply, lighten, darken, divide, overlay, screen, softlight, negation, reflect "normal"
visible boolean true
near number 2
far number 10
origin object {}
colorA color "white"
colorB color "black"
alpha number 1
mapping string . One of vector, world, camera "vector"

<lamina-depth>

Default Components:

Default component Settings
lamina-depth ""

Entity Attribute Mappings:

Property Mapping
mode "lamina-depth.mode"
visible "lamina-depth.visible"
near "lamina-depth.near"
far "lamina-depth.far"
origin "lamina-depth.origin"
color-a "lamina-depth.colorA"
color-b "lamina-depth.colorB"
alpha "lamina-depth.alpha"
mapping "lamina-depth.mapping"

lamina-fresnel component

Property Type Description Default
mode string . One of normal, add, subtract, multiply, lighten, darken, divide, overlay, screen, softlight, negation, reflect "normal"
visible boolean true
color color "white"
alpha number 1
bias number
intensity number 1
power number 2
factor number 1

<lamina-fresnel>

Default Components:

Default component Settings
lamina-fresnel ""

Entity Attribute Mappings:

Property Mapping
mode "lamina-fresnel.mode"
visible "lamina-fresnel.visible"
color "lamina-fresnel.color"
alpha "lamina-fresnel.alpha"
bias "lamina-fresnel.bias"
intensity "lamina-fresnel.intensity"
power "lamina-fresnel.power"
factor "lamina-fresnel.factor"

lamina-gradient component

Property Type Description Default
mode string . One of normal, add, subtract, multiply, lighten, darken, divide, overlay, screen, softlight, negation, reflect "normal"
visible boolean true
colorA color "white"
colorB color "black"
alpha number 1
start number 1
end number -1
contrast number 1
axes string . One of x, y, z "x"
mapping string . One of local, world, uv "local"

<lamina-gradient>

Default Components:

Default component Settings
lamina-gradient ""

Entity Attribute Mappings:

Property Mapping
mode "lamina-gradient.mode"
visible "lamina-gradient.visible"
color-a "lamina-gradient.colorA"
color-b "lamina-gradient.colorB"
alpha "lamina-gradient.alpha"
start "lamina-gradient.start"
end "lamina-gradient.end"
contrast "lamina-gradient.contrast"
axes "lamina-gradient.axes"
mapping "lamina-gradient.mapping"

lamina-matcap component

Property Type Description Default
mode string . One of normal, add, subtract, multiply, lighten, darken, divide, overlay, screen, softlight, negation, reflect "normal"
visible boolean true
alpha number 1
map map

<lamina-matcap>

Default Components:

Default component Settings
lamina-matcap ""

Entity Attribute Mappings:

Property Mapping
mode "lamina-matcap.mode"
visible "lamina-matcap.visible"
alpha "lamina-matcap.alpha"
map "lamina-matcap.map"

lamina-noise component

Property Type Description Default
mode string . One of normal, add, subtract, multiply, lighten, darken, divide, overlay, screen, softlight, negation, reflect "normal"
visible boolean true
colorA color "#666666"
colorB color "#666666"
colorC color "#FFFFFF"
colorD color "#FFFFFF"
alpha number 1
scale number 1
offset object {}
type string . One of perlin, simplex, cell, curl, white "perlin"
mapping string . One of local, world, uv "local"

<lamina-noise>

Default Components:

Default component Settings
lamina-noise ""

Entity Attribute Mappings:

Property Mapping
mode "lamina-noise.mode"
visible "lamina-noise.visible"
color-a "lamina-noise.colorA"
color-b "lamina-noise.colorB"
color-c "lamina-noise.colorC"
color-d "lamina-noise.colorD"
alpha "lamina-noise.alpha"
scale "lamina-noise.scale"
offset "lamina-noise.offset"
type "lamina-noise.type"
mapping "lamina-noise.mapping"

lamina-normal component

Property Type Description Default
mode string . One of normal, add, subtract, multiply, lighten, darken, divide, overlay, screen, softlight, negation, reflect "normal"
visible boolean true
alpha number 1
direction object {}

<lamina-normal>

Default Components:

Default component Settings
lamina-normal ""

Entity Attribute Mappings:

Property Mapping
mode "lamina-normal.mode"
visible "lamina-normal.visible"
alpha "lamina-normal.alpha"
direction "lamina-normal.direction"

lamina-texture component

Property Type Description Default
mode string . One of normal, add, subtract, multiply, lighten, darken, divide, overlay, screen, softlight, negation, reflect "normal"
visible boolean true
alpha number 1
map map

<lamina-texture>

Default Components:

Default component Settings
lamina-texture ""

Entity Attribute Mappings:

Property Mapping
mode "lamina-texture.mode"
visible "lamina-texture.visible"
alpha "lamina-texture.alpha"
map "lamina-texture.map"

lamina-displace component

Property Type Description Default
mode string . One of normal, add, subtract, multiply, lighten, darken, divide, overlay, screen, softlight, negation, reflect "normal"
visible boolean true
strength number 1
scale number 1
offset object {}
type string . One of perlin, simplex, cell, curl, white "perlin"
mapping string . One of local, world, uv "local"

<lamina-displace>

Default Components:

Default component Settings
lamina-displace ""

Entity Attribute Mappings:

Property Mapping
mode "lamina-displace.mode"
visible "lamina-displace.visible"
strength "lamina-displace.strength"
scale "lamina-displace.scale"
offset "lamina-displace.offset"
type "lamina-displace.type"
mapping "lamina-displace.mapping"
You might also like...

A port of bitcoin-core that will (over time) become TS friendly.

bitcoin-core A modern Bitcoin Core REST and RPC client to execute administrative tasks, multiwallet operations and queries about network and the block

Nov 22, 2022

Port Scanner with Javascript (NodeJs)

port-scanner Installation npm install pscanner example: const portScan = require("pscanner"); const main = async () = { const isOpen = await port

Oct 14, 2022

Fluent for Deno. Port of @the-moebius/fluent.

Fluent for Deno [better_fluent] Deno port of the-moebius/fluent Better Fluent integration for TypeScript/JavaScript. See the original repository for m

May 29, 2022

The Javascript and canvas port of MarkovJunior : A Probabilistic Programming Language.

The Javascript and canvas port of MarkovJunior : A Probabilistic Programming Language.

MarkovJunior.js MarkovJunior is a probabilistic programming language where programs are combinations of rewrite rules and inference is performed via c

Nov 15, 2022

A multifunctional Telegram based Android RAT without port forwarding.

A multifunctional Telegram based Android RAT without port forwarding.

DOGERAT A multifunctional Telegram based Android RAT without port forwarding. Features Read all the files of Internal Storage Delete files or folder f

Jan 1, 2023

Grm is an improved Deno port of GramJS, written in TypeScript

Grm is an improved Deno port of GramJS, written in TypeScript. GramJS is a popular MTProto API Telegram client library written in JavaScript for Node.js and browsers, with its core being based on Telethon.

Dec 31, 2022

Improved Deno port of GramJS — a MTProto API Telegram client library.

Warning Considered as unstable. But, most of the commonly used features are working as expected. Grm Grm is an improved Deno port of GramJS, written i

Dec 31, 2022

Unofficial port of the Sentry SDK for JavaScript to Deno.

Sentry_deno This is an unofficial port of the Sentry SDK (@sentry/browser) to Deno. import * as Sentry from "https://deno.land/x/sentry_deno/main.ts";

Aug 11, 2022

Deno port of Gnome libraries (such as Gtk).

Deno GI Deno port of Gnome libraries (such as Gtk). Early Stage and Unstable Usage You must specify --allow-ffi and --unstable flags to run your progr

Dec 24, 2022
Owner
Ada Rose Cannon
Front End Web Developer & Developer Advocate at Samsung. Co-chair of the W3c Immersive Web working group.
Ada Rose Cannon
📦 An aframe component for displaying live stock tickers.

aframe-stock-ticker An aframe component for displaying live stock tickers. Also works with cryptocurrency and forex. Usage crypto-chart To create a cr

Mitarai 7 Jun 26, 2022
solid material ui port (ported from blazor port)

solid-material-ui solid material ui port (porting from blazor port) In preparation for solid hack Turbo Mono-repository is used for component package

skclusive 18 Apr 30, 2022
The Remix version of the fakebooks app demonstrated on https://remix.run. Check out the CRA version: https://github.com/kentcdodds/fakebooks-cra

Remix Fakebooks App This is a (very) simple implementation of the fakebooks mock app demonstrated on remix.run. There is no database, but there is an

Kent C. Dodds 61 Dec 22, 2022
GitHub starter project link: https://github.com/buildspace/waveportal-starter-project

Running React on Repl.it React is a popular JavaScript library for building user interfaces. Vite is a blazing fast frontend build tool that includes

MD Rafi Uddin 0 Jun 5, 2022
NFT Game Starter Project: https://github.com/buildspace/buildspace-nft-game-starter

Running React on Repl.it React is a popular JavaScript library for building user interfaces. Vite is a blazing fast frontend build tool that includes

Zahuis 2 Feb 11, 2022
Mirror from https://github.com/BochilGaming/games-wabot/tree/multi-device

Games-Wabot Join Group Diskusi NO BOT Deploy to Heroku Heroku Buildpack BuildPack LINK FFMPEG here IMAGEMAGICK here FOR TERMUX USER Type mentioned bel

null 48 Dec 20, 2022
Inspired by https://github.com/woochanleee/project-tree-generator

Project tree workflow Introduction Project tree workflow is automatically changes the project directory structure in your README.md or any text file.

KIM JUNG BIN 7 Jan 2, 2023
forked from https://github.com/ecomfe/fontmin

@sctg/fontminify (just a minimal change to original) Minify font seamlessly Original homepage English 简体中文 繁體中文 日本語 한국어 Install $ npm install --save @

Association High Can Fly 2 Oct 12, 2022
Live port of Lark's standalone parser to Javascript

Lark.js Generate LALR(1) parsers in Javascript Lark is a popular parsing toolkit for Python. This project is a live port of the Lark standalone parser

Lark - Parsing Library & Toolkit 51 Nov 19, 2022
fxDeviantArt.js - a port of fxDeviantArt to JavaScript

fxDeviantArt.js This is a port of fxDeviantArt to JavaScript. Written in TypeScript and compiled to a JS file. Original code is written by Robin Unive

Doruk 2 Feb 18, 2022