Taylor Lopez's public fiddles
-
-
Number to String Converter
Simply converts integers (up to 45-digits long) into their proper, written format. Accepts negative numbers and commas in the input.
-
12 Days of Christmas
jQuery (edge), HTML, CSS, JavaScript
-
Rock Paper Scissors Lizard Spock
Simple, class-based implementation of the classic Rock Paper Scissors Lizard Spock. Demonstrates JavaScript class inheritance. Has grammatically-correct outcome text. Shows win percentage. May add smarter AI in the future.
-
CappedAnimationFrames class and draw example #22 is the latest revision
A simple requestAnimationFrame() example that runs at a given maximum frame rate. This sample also demonstrates using an "update" function in your code that will update the visual elements based on the amount of time passed since the last update.
-
Roman Numeral Parser
jQuery (edge), HTML, CSS, JavaScript
-
Sudoku Solving Algorithm (in progress)
Knuth's DLX algorithm implemented in JavaScript
-
JS Tetris (New)
Tetris powered by JS drawn on the HTML5 canvas element. Makes use of requestAnimationFrame in a throttled rendering loop.
-
Sudoku with JQuery #54 is the latest revision
jQuery (edge), HTML, CSS, JavaScript
-
Conway's Game of Life #12 is the latest revision
Ooh, pretty.
-
Cellular Automaton 3457/357/5 #70 is the latest revision
Ooh, pretty.
-
Pokemon IV Calculator #24 is the latest revision
A live-updating calculator for Pokemon Individual Values.
-
Rock Paper Scissors #15 is the latest revision
An example JS game for a friend.
-
PokeDashboard #12 is the latest revision
All the info and widgets you need to battle pokemon competetively.
-
JS Johnson Trotter Permuter
jQuery 2.1.3, HTML, CSS, JavaScript
-
Auto-Completion Text Box
as you type, the box gives you suggestions for accepted
-
List Filter Widget
Live filters a list of items with multiple fields as you type in the box
-
PokeTypes Calculator
pokeTypes JS object imported from my GitHub
-
JS PokeAPI #78 is the latest revision
Consumes the PokeAPI for a pokedex-like experience. Also contains some useful utilities for building teams.
-
Dropdown Nav Menus
My take on some simple, yet dynamically generated dropdown menus.
-
Side JS Output Console (Compact)
A compact solution for showing console logging on the actual html page if desired. Only supports output, no input.
-
Side JS Output Console
A compact solution for showing console logging on the actual html page if desired. Only supports output, no input.
-
Card Sim
DOM Object Cards!
-
2048 JS Remake
The popular mobile game remade using the HTML5 JavaScript Canvas
-
Master Mind
The classic game of strategic guessing!
-
Mobile Golf Scorekeeper
A mobile web form with local DB
-
Mobile Game #2 is the latest revision
A web game designed for mobile devices.
-
Num Divisors
No-Library (pure JS), HTML, CSS, JavaScript
-
Euler Problem 8: Largest Product In A Series
A JS Implementation of Project Euler problem 8. Find the greatest product of five consecutive digits in a 1000-digit number.
-
Canvas Circle Clock
An analog clock drawn in the HTML5 canvas element with circles instead of arms.
-
JS Battleship #26 is the latest revision
JavaScript Battleship with AI
-
JS Tetris
Tetris powered by JS drawn on the HTML5 canvas element. Makes use of requestAnimationFrame in a throttled rendering loop.
-
Example1
No-Library (pure JS), HTML, CSS, JavaScript
-
Mobile Website
A mobile website design testing ground.
-
Console Cash Register
Cash Register to replace the "Building a Cash Register" section on Codecademy
-
matter.js
No-Library (pure JS), HTML, CSS, JavaScript
-
matter.js
No-Library (pure JS), HTML, CSS, JavaScript
-
Hit Boxes!
Dueling Squares. Watch out, Ubisoft.
-
Console Black Jack
Black Jack in a console
-
JS Console
Overrides the standard "console.log" function to display the console contents in the results pane. Handles all basic console output functionality and anything that supports toString().
-
Console Card Game #15 is the latest revision
Basic "war" cardgame. Randomizes card values rather than shuffling deck, and compares two at a time.
-
SO animate CSS3 transform
jQuery 1.5.2, HTML, CSS, JavaScript