marioecg

function lerp(start, end, t) {
  return start * (1 - t) + end * t;
}

marioecg

import * as THREE from 'three';
import { OrbitControls } from 'three/examples/jsm/controls/OrbitControls';

let camera, scene, renderer;

init();
animate();

function init() {
  camera = new THREE.PerspectiveCamera(75, window.innerWidth / window.innerHeight, 0.1, 1000);

marioecg

precision mediump float;

varying vec2 vUv;

void main() {  
  gl_Position = vec4(vUv, 0., 1.);
}

marioecg

vec3 palette(in float t, in vec3 a, in vec3 b, in vec3 c, in vec3 d) {
  return a + b * cos(6.28318 * (c * t + d));
}   

marioecg

  const int AMOUNT = 25;

  void main () {
    float TIME = uTime * 1.0;
    
    vec2 uv = scale * (gl_FragCoord.xy - .5 * uResolution.xy) / uResolution.y;
    // uv *= rotate(uv, angle1);
    uv.x *= 0.85;
    uv.y += 10.;

marioecg

vec2 backgroundCoverUv(vec2 screenSize, vec2 imageSize, vec2 uv) {
  float screenRatio = screenSize.x / screenSize.y;
  float imageRatio = imageSize.x / imageSize.y;
    
  vec2 newSize = screenRatio < imageRatio
    ? vec2(imageSize.x * screenSize.y / imageSize.y, screenSize.y)
    : vec2(screenSize.x, imageSize.y * screenSize.x / imageSize.x);
    
  vec2 newOffset = (screenRatio < imageRatio
    ? vec2((newSize.x - screenSize.x) / 2.0, 0.0)

marioecg

#define PI 3.1415926538
#define TWO_PI 6.28318530718

vec2 scaleFromCenter = (uv - 0.5) + 0.5;

mat2 scale(vec2 scale){
    return mat2(scale.x, 0.0,
                0.0, scale.y);
}

marioecg

mat2 rotation2d(float angle) {
	float s = sin(angle);
	float c = cos(angle);

	return mat2(
		c, -s,
		s, c
	);
}

marioecg

import { Renderer, Camera, Transform, Orbit } from 'ogl';

import store from '../store';
import { Events } from '../events';

import * as dat from 'dat.gui';

export default new class {
  constructor() {
    this.renderer = new Renderer({

marioecg

import * as THREE from 'three';
import { OrbitControls } from 'three/examples/jsm/controls/OrbitControls';

import { Events } from '../events';
import store from '../store';

export default new class {
  constructor() {
    this.renderer = new THREE.WebGLRenderer({ 
      antialias: true,