eldair / interactive-repulsive-effect

An interactive repulsion effect of grid items as seen in BestServedBold's Dribbble shot "Holographic-Interactions".

Interactive Repulsion Effect with Three.js

A tutorial on how to recreate the interactive repulsion effect of grid items seen in BestServedBold's Dribbble shot "Holographic-Interactions". By Ion D. Filho.

Article on Codrops

Demo

Requirements

• nodejs 8+

Contents

first-demo/ and second-demo/
  src/
    scripts/...
    styles/...
    index.html
    index.js
    config files...
LICENSE
README.md

Installation

$ cd first-demo or second-demo
$ npm install
$ npm start

Build

$ cd first-demo or second-demo
$ npm run build

output folder

first-demo/ and second-demo/
  public/
    app.##hash##.js
    app.##hash##.css
    index.html

Follow Codrops: Twitter, Facebook, Google+, GitHub, Pinterest, Instagram

© Codrops 2018