Huge News!Announcing our $40M Series B led by Abstract Ventures.Learn More
Socket
Sign inDemoInstall
Socket

@leon/gradient-morph

Package Overview
Dependencies
Maintainers
1
Versions
6
Alerts
File Explorer

Advanced tools

Socket logo

Install Socket

Detect and block malicious and high-risk dependencies

Install

@leon/gradient-morph - npm Package Compare versions

Comparing version 1.0.0 to 1.1.0

13

dist/types/custom-element.d.ts
import { PerspectiveCamera, Scene, WebGLRenderer } from 'three';
import { OrbitControls } from 'three/examples/jsm/controls/OrbitControls';
import { GradientMorphMaterial, GradientMorphOptions } from './gradient-morph';

@@ -9,5 +10,14 @@ export declare class GradientMorph extends HTMLElement {

renderer: WebGLRenderer;
canvas: HTMLCanvasElement;
material: GradientMorphMaterial;
orbitControls: OrbitControls | null;
transparent: boolean;
FIXED_RELATIVE_DISTANCE: number;
isFixedSize: boolean;
set options(options: GradientMorphOptions);
setFixedSize(width: number, height: number): void;
screenshot(options?: {
type: 'image/png' | 'image/jpeg';
quality: number;
}): Promise<Blob>;
connectedCallback(): void;

@@ -17,4 +27,5 @@ disconnectedCallback(): void;

attributeChangedCallback(attr: string, prev: string, next: string): void;
private initStyle;
private initTransparent;
private initOrbitControls;
private resizePlaneToFitViewport;
}

4

dist/types/gradient-morph.d.ts
import { Clock, ShaderMaterial, Vec2 } from 'three';
export interface GradientMorphOptions {
running: boolean;
meshSpeed?: number;

@@ -15,5 +16,6 @@ meshCoord?: Vec2;

clock: Clock;
constructor(partialConfig?: Partial<GradientMorphOptions>);
running: boolean;
constructor(partialOptions?: Partial<GradientMorphOptions>);
update(): void;
updateOptions(options: GradientMorphOptions): void;
}
{
"name": "@leon/gradient-morph",
"version": "1.0.0",
"version": "1.1.0",
"description": "A web component for beautiful real time gradient morphing using three.js and a custom shader.",
"keywords": [
"web-component",
"threejs",
"shader",
"gradient",
"morph",
"animation"
],
"author": {

@@ -10,2 +18,12 @@ "name": "Leon Radley",

},
"funding": [
{
"type": "individual",
"url": "https://github.com/sponsors/leon"
},
{
"type": "individual",
"url": "https://ko-fi.com/leonradley"
}
],
"type": "module",

@@ -26,10 +44,9 @@ "files": [

"devDependencies": {
"@types/three": "*",
"three": "*",
"typescript": "*",
"vite": "*",
"vite-plugin-singlefile": "*"
"@types/three": "^0.146.0",
"three": "^0.147.0",
"typescript": "^4.9.4",
"vite": "^4.0.1"
},
"scripts": {
"dev": "vite",
"dev": "vite --open",
"build": "tsc && vite build",

@@ -36,0 +53,0 @@ "preview": "vite preview"

Sorry, the diff of this file is too big to display

Sorry, the diff of this file is not supported yet

SocketSocket SOC 2 Logo

Product

  • Package Alerts
  • Integrations
  • Docs
  • Pricing
  • FAQ
  • Roadmap
  • Changelog

Packages

npm

Stay in touch

Get open source security insights delivered straight into your inbox.


  • Terms
  • Privacy
  • Security

Made with ⚡️ by Socket Inc