BBS-ISL Matrix: Simplified

A highly INTERACTIVE playground for discovering the "real" matrix!

Quick Reference Links to Test Files

Test files reveal specific interactive features

Some test files have bundled features

All test files are "works in progress"

––NOT Finals

––NOT for phones/small touch devices (in many cases)

––SOME features only work with Mouse right now

NOT READY FOR PRIME TIME (*NRFPT) files are best skipped for now.


Webpage Trials

BASIC-black select Color Numbers

[1]:

5x5 with numerous teaching links


Spinner with Table Row / Column Highlights

[2]:

5x5 spinner input with numerous teaching links


Intro-RandomNumbers INTRO (mouse only)

[3]:

awesome random numbers visuals (Credit goes to a CODEpen by Captain Anonymous (Mamboleoo))


SlidingPopHoverImage

[4]:*NRFPT

skip for now

[5]:*NRFPT

skip for now


MapHilight-DIAGONAL

[6]:*NRFPT

skip for now


MapHilight-SINGLE CELLS

[7]:*NRFPT

skip for now

[8]:

highlighting a single matrix grid cell


MapHilight-Combo-2 images: 1 reg. matrix + 1 Hilighted Diagonal

[9]:*NRFPT

skip for now


Simple Table Row Highlight

[10]:*NRFPT

skip for now


Highlight Table Row / Column-

[11]:

highlight either a Row or Column on 10x10

NOTE: A different 10x10 Row + Column Highlighter series found here—and it is super!

[12]:

highlight either a Row or Column on 5x5


Pixelate-Image Blur

[13]:

blur out parts to emphasize the clear areas that remain

Diagonal Groupings

[14]:

how do sequences relate — simple examples

[15]:*NRFPT

skip for now


Pixelate-highlight-maphilightDIAG-3-5-7-9, 8-12-16, & 15-21

Pixelate+Highlight+MAPS1-7 maphilight

[16]:

numerous grids with blur, diagonals and sequence groupings — great for advanced testing


Drag & Drop TEST YOURSELF

[17]:

one of my favorites for teaching, testing and self-discovery (this version ONLY works with a mouse — or similar — input, NOT with touch)


Canvas — another TOP Favorite! (these go from hard to easy, 1-10)

(The modification of this app is based on "html5-canvas-drawing-app" by R.Krisrak https://github.com/krisrak, and is done so under the following license: The MIT License (MIT))

Canvas-Touch + mouse

[18-27]:

BBScanvas_1

BBScanvas_2

BBScanvas_3

BBScanvas_4

BBScanvas_5

BBScanvas_6

BBScanvas_7

BBScanvas_8

BBScanvas_9

BBScanvas_10


Canvas-js (mouse only)

BBScanvas_1

BBScanvas_2

BBScanvas_3

BBScanvas_4

BBScanvas_5

BBScanvas_6

BBScanvas_7

BBScanvas_8

BBScanvas_9

BBScanvas_10


Code

[38]:

Code for animated gifs


Other image, video, gif files loaded elsewhere

VISUALS-images, movies, gifs


Animated Gifs — a whole series on the BBS-ISL Matrix: Arrow of Time


BBS-ISL_Matrix_Flow-Vimeo

https://vimeo.com/139961639


BBS_20_WAYS-Vimeo

https:vimeo.com/171028527


BBSsymmetryMorphs-Vimeo

https://vimeo.com/171027453


TPISC on BBS-ISL_Matrix

https://vimeo.com/142740265

BBS-ISL_Matrix: Arrow of Time (TPISC 2016)