vineeth-pappu

.scifi-nav
    .scifi-nav__system
        -var labels = ['Mission', 'Countdown', 'Hipersleep', 'Cruise', 'Landing', 'Research']
        -var n = 0
        -var rndNumber
        while n < 6
            li.scifi-nav__orbit
                a.scifi-nav__satellite(href='javascript:void(0)')
                    span.scifi-nav__label #{labels[n]}
                        -rndNumber = Math.floor(Math.random() * 9);

vineeth-pappu

<div id="container"></div>
     
<script src="//cdnjs.cloudflare.com/ajax/libs/gsap/latest/TweenMax.min.js"></script>
<script src="//cdnjs.cloudflare.com/ajax/libs/three.js/r68/three.min.js"></script>

vineeth-pappu

<canvas id="canvas"></canvas>

vineeth-pappu

Digital Fireworks

Line animation using Paper.js and TweenMax.

Also, is there a way to use 'paperscript' in CodePen?

A Pen by vineeth on CodePen.

License.

vineeth-pappu

<div id="container"></div>

<script type="x-shader/x-vertex" id="vertexShader">
  // uniform float amplitude;
  // attribute float size;
  uniform float amplitude;

  attribute vec3 vertexColor;

  varying vec4 varColor;

vineeth-pappu

Crowd Simulator

Hey, remember crowds?

Made with the wonderful open peeps by Pablo Stanley

A Pen by vineeth on CodePen.

License.

vineeth-pappu

<script>
	THREE.ShapeUtils.triangulateShape = (function () {
	        var pnlTriangulator = new PNLTRI.Triangulator();
	        return function triangulateShape(contour, holes) {
	            return pnlTriangulator.triangulate_polygon([contour].concat(holes));
	        };
	    })();
</script>

<div id="three-container"></div>

vineeth-pappu

augmented-ui social media picture-of-code thing

A Pen by vineeth on CodePen.

License.

vineeth-pappu

.scifi-nav
    .scifi-nav__system
        -var labels = ['Mission', 'Countdown', 'Hipersleep', 'Cruise', 'Landing', 'Research']
        -var n = 0
        -var rndNumber
        while n < 6
            li.scifi-nav__orbit
                a.scifi-nav__satellite(href='javascript:void(0)')
                    span.scifi-nav__label #{labels[n]}
                        -rndNumber = Math.floor(Math.random() * 9);

vineeth-pappu

eYydGWQ

A Pen by vineeth on CodePen.

License.