Line animation using Paper.js and TweenMax.
Also, is there a way to use 'paperscript' in CodePen?
Vineeth Viswanathan vineeth-pappu
🥇
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| .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); |
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <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> |
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <canvas id="canvas"></canvas> |
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <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; |
Hey, remember crowds?
Made with the wonderful open peeps by Pablo Stanley
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <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.markdown
Created
April 19, 2022 10:04
augmented-ui social media picture-of-code thing
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| .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); |