TECHNIQUE LIBRARY

Browse looping animations of techniques without all the extra talk.

Fun fact: visualizing yourself doing something in your mind's eye is almost as good as practicing what you're visualizing...

developer notes

This prototype is meant to be a "quick search tool" for available techniques for a given position. It can theoretically be a companion tool for a video series, or a whole collection of series. Having worked in knowledge management and instructional design, I also have a proposed "Documentation standard" for video series to make information more usable and retrievable. The combination of all these things should make for a really good experience for this content.

The current design of this tool is for people who:

  1. quickly want to see what kind of "moves" are available for a position
  2. want to visualize the technique over and over via an animated GIF loop

This could be especially useful for those who like to visualize the technique over and over, but don't wanna have to: find the video, then find the clip of the technique being performed in its entirety, and then needing to rewind the clip again and again.

Once the user clicks on a GIF, they can do a number of things like:

  • preview the GIF
  • flip the GIF
  • view the source of the GIF

To see a fully fleshed out example, pick the following filters and technique:

From here, you could see the GIF, and the source video where the technique comes from/

Some development notes:

  • I've seeded the database with some sample content to convey the intent
  • the current filters are merely examples of what we can put there. We can put any text criteria as filters, and can have as many as we want. This means that though the scope of this prototype encompasses a wide range of positions and techniques, we can actually limit that scope if necessary for a better user experience. For example, we can make this strictly a "sweep library", or a "passing" library to reduce the "noise" on this page.
  • The GIFs should ideally have the technique at game speed with minimal talking in between. I have a proposed documentation standard which is a topic for another piece, but it's something I've shared with the likes of Jon Thomas.

results:

one knee up opposite wheel sweep
collar sleeve
sweep
collar sleeve
one knee up wheel sweep
collar sleeve
sweep
collar sleeve
Kneeling opponent loop choke
collar sleeve
submission
collar sleeve
Key Master to Forward Bump Triangle
collar sleeve
submission, sweep
collar sleeve
key master hook and backwards sweep
collar sleeve
sweep
collar sleeve
wheel sweep
collar sleeve
sweep
collar sleeve
foot on hip to triangle
collar sleeve
submission
collar sleeve
near hip push to omoplata
collar sleeve
sweep, submission
collar sleeve
hip push to backwards sweep
collar sleeve
sweep
collar sleeve
toe in stomach overhead sweep
collar sleeve
sweep
collar sleeve
forward bump
collar sleeve
sweep
collar sleeve
backwards twisting sweep
collar sleeve
sweep
collar sleeve
low grip triangle
collar sleeve
submission
collar sleeve
omoplata
collar sleeve
submission, sweep
collar sleeve
triangle
collar sleeve
submission
collar sleeve
deep lasso omoplata
double sleeve, deep lasso
sweep, submission
double sleeve, deep lasso
Worm scissor sweep
Worm guard
sweep
Worm guard
Worm guard technical stand up sweep
Worm guard
sweep
Worm guard
Worm guard wrestler takedown
Worm guard
sweep, takedown
Worm guard
wheel sweep to triangle
double sleeve
sweep, submission
double sleeve
wheel sweep
double sleeve
sweep
double sleeve
triangle and omoplata (kneeling opponent)
double sleeve
sweep, submission
double sleeve
shin on shin to single leg x sweep
double sleeve, single leg x
sweep
double sleeve, single leg x
spider shin on shin triangle
double sleeve, spider
submission
double sleeve, spider
spider-x to x-guard transition
double sleeve, spider-x, x-guard, single leg x
transition
double sleeve, spider-x, x-guard, single leg x
spider step over counter sweep
double sleeve, spider, reverse dlr
counter, sweep
double sleeve, spider, reverse dlr
spider DLR sweep
double sleeve, lasso, spider-x, reverse dlr
transition, sweep
double sleeve, lasso, spider-x, reverse dlr
spider-x inverted sweep
double sleeve, lasso, spider-x, reverse dlr
transition, sweep
double sleeve, lasso, spider-x, reverse dlr
spider-x kick sweep
double sleeve, lasso, spider-x
sweep
double sleeve, lasso, spider-x
spider-x overhead sweep
double sleeve, lasso, spider-x
sweep
double sleeve, lasso, spider-x
to spider-x
double sleeve, lasso, spider, elbow knee tight
transition
double sleeve, lasso, spider, elbow knee tight
stack counter
double sleeve, lasso, spider, leg past body
counter
double sleeve, lasso, spider, leg past body
deadlift counter
double sleeve, lasso, spider-x
sweep, transition
double sleeve, lasso, spider-x
lasso triangle (step up)
double sleeve, lasso, spider, leg past body
submission
double sleeve, lasso, spider, leg past body
lasso triangle shot (hip up)
double sleeve, lasso, spider, leg past body
submission
double sleeve, lasso, spider, leg past body
DLR to sit up guard transition
double sleeve, de la riva, leg past body, sit up guard
transition
double sleeve, de la riva, leg past body, sit up guard
overhead toes in stomach sweep
double sleeve,de la riva, leg past body
sweep
double sleeve,de la riva, leg past body
overhead sombrero sweep
double sleeve,de la riva, leg past body
sweep
double sleeve,de la riva, leg past body
backwards twisting sweep
double sleeve,de la riva, leg past body
sweep
double sleeve,de la riva, leg past body
underhook DLR inside smash pass
underhook DLR, de la riva
pass
underhook DLR, de la riva
underhook DLR over knee pass
underhook DLR, de la riva
pass
underhook DLR, de la riva
spider guard throw-by pass
double sleeve, spider
pass, delete
double sleeve, spider
spider guard leg drag pass
double sleeve, spider
pass, delete
double sleeve, spider
arm weave to backside
half guard
pass
half guard
arm weave
half guard
pass
half guard
hq float knee cut
de la riva, headquarters
pass
de la riva, headquarters
hq float backstep
de la riva, headquarters
pass
de la riva, headquarters
x-pass
de la riva, headquarters
pass
de la riva, headquarters
hq smash pass
headquarters
pass
headquarters
hq (knee down) entry
headquarters
entry
headquarters
Spider Lasso drill
double sleeve, spider lasso
drill
double sleeve, spider lasso
Spider Guard Triangle drill
double sleeve, spider
submission, drill
double sleeve, spider
Gramby roll drill
open guard
retention, drill
open guard
HQ knee slide pass
Headquarters
pass, knee cut, pressure
Headquarters
Wristlock from overhook and farside armtrap
Closed Guard
submission, wristlock
Closed Guard
Kimura from overhook and farside armtrap
Closed Guard
submission, kimura
Closed Guard
Triangle from overhook and farside armtrap
Closed Guard
submission, triangle
Closed Guard
Overhook cross choke to farside armtrap
Closed Guard
submission, choke, hq
Closed Guard
Armlock from standing double armpit control
Closed Guard
submission, armlock
Closed Guard
Armlock from double armpit control
Closed Guard
submission, armlock
Closed Guard
Fake tilt sweep to armlock
Closed Guard
submission, armlock
Closed Guard
Hip Americana
Closed Guard
submission, americana
Closed Guard
Farside wristlock from failed armbar
Closed Guard
submission, wristlock
Closed Guard
Farside armlock from failed armbar
Closed Guard
submission, armlock
Closed Guard
Farside kimura sweep from failed armbar
Closed Guard
sweep, submission, kimura
Closed Guard
Farside kimura from failed armbar
Closed Guard
submission, kimura
Closed Guard
Overhand drag armbar
Closed Guard
submission, armbar
Closed Guard
Duck under back take
Closed Guard
sweep, back take, submission, choke
Closed Guard
Lapel back take
Closed Guard
sweep, back take, choke
Closed Guard
Muscle sweep - far leg
Closed Guard
sweep
Closed Guard
Muscle sweep
Closed Guard
sweep
Closed Guard
Overhook cross choke sweep
Closed Guard
submission, sweep, choke
Closed Guard
Chop sweep
Closed Guard
sweep
Closed Guard
Tailbone sweep
Closed Guard
sweep
Closed Guard
Overhook tilt sweep - post butterfly scissor
Closed Guard
sweep
Closed Guard
Overhook tilt sweep - post extension
Closed Guard
sweep
Closed Guard
Overhook tilt sweep
Closed Guard
sweep
Closed Guard
Over belt cross choke
Closed Guard
submission, choke
Closed Guard
Shin trap
pass, backstep
Shin trap
Shin trap
pass
Shin trap
Shin trap
pass
Shin trap
Shin trap
pass, entry
Shin trap
Headquarters
pass, leg drag, pressure pass
Headquarters
Headquarters
pass, wiper, pressure pass
Headquarters
Headquarters
pass, entry, pressure pass
Headquarters
Headquarters
pass, smash pass, pressure
Headquarters