This is a condensed version of my 2 kilobyte game Hue Jumper
Full explanation of how it works: http://frankforce.com/?p=7427 Code on GitHub: https://github.com/KilledByAPixel/HueJumper2k
A Pen by Frank Force on CodePen.
2358 git2358
git2358
/ hue-jumper-a-2-kilobyte-3d-racing-game-in-javascript.markdown
Created
April 17, 2020 14:30
HUE JUMPER - A 2 kilobyte 3D racing game in JavaScript
A Pen by Chris Ferdinandi 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
| <div class="flex flex-wrap"> | |
| <div class="w-full sm:w-8/12 mb-10"> | |
| <div class="container mx-auto h-full sm:p-10"> | |
| <nav class="flex px-4 justify-between items-center"> | |
| <div class="text-4xl font-bold"> | |
| Plant<span class="text-green-700">.</span> | |
| </div> | |
| <div> | |
| <img src="https://image.flaticon.com/icons/svg/497/497348.svg" alt="" class="w-8"> | |
| </div> |
git2358
/ sweep-swoop.js
Created
April 17, 2020 14:08
— forked from tomhicks/sweep-swoop.js
Listen to your web pages
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
| const audioCtx = new window.AudioContext(); | |
| const oscillator = audioCtx.createOscillator(); | |
| oscillator.connect(audioCtx.destination); | |
| oscillator.type = "sine"; | |
| let numItems = 0 | |
| oscillator.frequency.setValueAtTime( | |
| 1, | |
| audioCtx.currentTime |
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 src="https://threejs.org/build/three.min.js"></script> | |
| <script src="https://threejs.org/examples/js/utils/BufferGeometryUtils.js"></script> | |
| <script src="https://threejs.org/examples/js/controls/OrbitControls.js"></script> | |
| <script> | |
| var noise = ` | |
| // | |
| // Description : Array and textureless GLSL 2D/3D/4D simplex | |
| // noise functions. | |
| // Author : Ian McEwan, Ashima Arts. | |
| // Maintainer : stegu |
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="neumorphism-toggle"> | |
| <input type="checkbox" id="neumorphism" checked> | |
| <label for="neumorphism"> | |
| <div class="switch"> | |
| <div class="dot"></div> | |
| </div> | |
| <span>Neumorphism</span> | |
| </label> | |
| <span>... not allowed to toggle again :(</span> | |
| </div> |
git2358
/ farewell-kobe-mambaout-css-toggle-effect.markdown
Created
February 18, 2020 04:34
Farewell KOBE #mambaout #CSS Toggle Effect
A Pen by Casthra Demosthene on CodePen.
git2358
/ plink-plonk.js
Created
February 17, 2020 22:22
— forked from tomhicks/plink-plonk.js
Listen to your web pages
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
| /* | |
| Copy this into the console of any web page that is interactive and doesn't | |
| do hard reloads. You will hear your DOM changes as different pitches of | |
| audio. | |
| I have found this interesting for debugging, but also fun to hear web pages | |
| render like UIs do in movies. | |
| */ | |
| const audioCtx = new (window.AudioContext || window.webkitAudioContext)() |