bozzin

Fake 3D effect with depth map

Photo by Charles Deluvio 🇵🇭🇨🇦 on Unsplash https://unsplash.com/photos/zqhe4qjVTJI

Tried to replicate the depth effect of https://www.epicurrence.com/ made by https://twitter.com/AriBenoist

A Pen by Robin Delaporte on CodePen.

License.

whoisryosuke

Hook

import { useState, useEffect } from "react";

const useMousePosition = () => {
  const [mousePosition, setMousePosition] = useState({ x: null, y: null });

  const updateMousePosition = ev => {
 setMousePosition({ x: ev.clientX, y: ev.clientY });

Pushplaybang

(function($,sr){
 
  // debouncing function from John Hann
  // http://unscriptable.com/index.php/2009/03/20/debouncing-javascript-methods/
  var debounce = function (func, threshold, execAsap) {
      var timeout;
 
      return function debounced () {
          var obj = this, args = arguments;
          function delayed () {