p5.js audio visualization dedicated to the worst recorded year yet. cheers.
- camera movement
- sidewall uv
- photo by Nik
lostintangent
/ expandable-animated-card-slider.markdown
Created
July 18, 2023 21:51
Expandable Animated Card Slider
We have made an expandable animated card slider, it will expand and collapse based on card click. We used owl carousel and jQuery for variable width and responsive slider.
A Pen by Yudiz Solutions Limited on CodePen.
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
| .summerdream | |
| .sea | |
| .surface | |
| //- .inner | |
| //- .fishes | |
| //- .fish | |
| //- .body | |
| .ship | |
| .rotate | |
| .move |
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 class="container"> | |
| <div id="score"></div> | |
| <canvas id="game" width="375" height="375"></canvas> | |
| <div id="introduction">Hold down the mouse to stretch out a stick</div> | |
| <div id="perfect">DOUBLE SCORE</div> | |
| <button id="restart">RESTART</button> | |
| </div> | |
| <a id="youtube" href="https://youtu.be/eue3UdFvwPo" target="_blank"> | |
| <span>See how this game was made</span> |
lostintangent
/ index.html
Created
November 28, 2020 04:42
ScrollTrigger Underwater world #anydayshaders 15
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
| <digital-art dpr="auto" aria-hidden="true"> | |
| <script type="buffer" name="position" data-size="2"> | |
| [-1, -1, -1, 1, 1, -1, 1, -1, 1, 1, -1, 1] | |
| </script> | |
| <script type="vert"> | |
| precision highp float; | |
| uniform float time; | |
| uniform vec2 resolution; | |
| varying vec4 vPos; | |
| attribute vec4 position; |
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
| { | |
| "scripts": [ | |
| "react", | |
| "react-dom" | |
| ], | |
| "styles": [] | |
| } |
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
| license: gpl-3.0 |
denisfitz57
/ understanding-word-vectors.ipynb
Created
April 21, 2017 16:46
— forked from aparrish/understanding-word-vectors.ipynb
Understanding word vectors: A tutorial for "Reading and Writing Electronic Text," a class I teach at ITP. (Python 2.7)
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
denisfitz57
/ prepack-svelte.md
Created
May 4, 2017 21:11
— forked from Rich-Harris/prepack-svelte.md
Is Prepack like Svelte?
Note: I'm not involved in Prepack in any way — please correct me if I say anything incorrect below!
A few people have asked me if Prepack and Svelte are similar projects with similar goals. The answer is 'no, they're not', but let's take a moment to explore why.
Prepack describes itself as a 'partial evaluator for JavaScript'. What that means is that it will run your code in a specialised interpreter that, rather than having some effect on the world (like printing a message to the console), will track the effects that would have happened and express them more directly.
So for example if you give it this code...
OlderNewer