Turn Spreadsheets into Video Game Worlds that we explore! Make video game websites easily with 100% pure vanilla Javascript! No libraries used, No Canvass used. Automatic Timeline Generation using pure Javascript! We Navigate the Data using a VIDEO GAME PLAYER. Video of the script https://www.youtube.com/watch?v=KN7hRB9Lq28 and https://www.youtube.com/watch?v=rTqabnGT1t8 and here is the script in action https://collegeofscripting.weebly.com/
The Topalian Game Engine Data Navigator is a JS, HTML, CSS Application designed to organize and display hundreds of thousands of pieces of information, including video, audio, images, text, links, and web pages. The Topalian Game Engine Data Navigator is a 100% PURE JAVASCRIPT Application. There are NO other libraries used.
This JAVASCRIPT APPLICATION is useful for: • Professional Investigators (police, fbi, M.I. etc) • Teachers/Students (All levels) • Musicians, Artists, Scientists in all fields
Features Moving Character that Explores the Data Abilities: • 🔆 Player Moves in All Directions Smoothly • 🎥 Camera Follows Player Around the World • 🏃 Speeds - Very Slow to Extremely Fast • ⚪ ⚫ Transparent or Solid Player Body • 📌 Mouse Position of where Player clicks on the screen
Play Video and Audio From: • Internet URL address as a LINK you visit • Internet URL address as an Embeded video on the page • File on your computer • File on a Server
Video and Audio Playback Features: 🎥 🎵 📺 📷 • 🏃 Speed Buttons of 100%, 75%, 50%, 25%, 10% • > || Play/Pause, Spacebar, or K • ⏱ Set the Start and End Time • ⏱ Set Only the Start Time • ⏱ Set Only the End Time • ↻ Continuous Play or ⏰ Isolation Mode • ↨ Resize Player to Any Size you Want • → Forward One Frame, period when video is paused • ← Backward One Frame, comma when video is paused • 🕙 Slow Video Down by 25% with Shift + Comma • 🕙 Speed the Video Up by 25% with Shift + Period • 🔈Mute the Video with M • 🔊 Decrease Video Volume with Down Arrow • 🔊 Increase Video Volume with Up Arrow • ↞ Backwards 5 Seconds with Left Arrow • ↠ Forwards 5 Seconds with Right Arrow • ↞ Backwards 10 Seconds with J • ↠ Forwards 10 Seconds with L • 👉 Position the Video and/or Audio File Any Where on the Page • Go to the Source of the Youtube Video by clicking the Youtube Logo • Full Screen Video for Youtube, after you click the Youtube Logo • Full Screen for Videos in Folder or Server, Click bottom right square • Close Captions by clicking on the CC button
Organizing/Sorting/Filtering Sort the Data: ASCENDING AND DESCENDING (Low to High, High to Low) • Alphabetically • Alphanumerically • Date • Month • Day • Year • Month and Day • Month and Year • Multiple Years • Multiple Months • Multiple Years and Months • Time of Day
Interface Abilities • Zoom IN/OUT to any setting that your web browser allows • Print Any Div on the Screen • Video, Audio, Images, Text, Links, Style Sheets may be used, since we are using Javascript, HTML and CSS. • Data is Laid out in Rows - You Decide where to place the Row • Load Data On Page Load, Crossing Specific Points and Push Button • Deleting Divs • Use the Web Browser Console to Debug Any Additions Made • Window Abilities, Minimize, Maximize, Resize • Advanced Video and Audio Controls - See Video/Audio Features
Websites onto the Page Entire Websites can be loaded onto your web page, but those website MUST ALLOW IFRAME! If the website allows iframe, then you can use an iframe to place that website onto your web page. Keep in mind that some websites will effect loading time if you load them at the start of the application. If a website takes much time to load, then it is a good idea to allow the user the choice of loading it or not, by using a push button option to load the content.
The functionality of the website will be the same on your webpage. Video tutorials on the Topalian Game Engine Data Navigator: https://www.youtube.com/watch?v=5Voxs5a7FtE https://www.youtube.com/watch?v=SGMHr5c3vW8 https://www.youtube.com/watch?v=g1Rw2_hwqtY https://www.youtube.com/watch?v=xymX7b8Qvm4 https://www.youtube.com/watch?v=CsijyVNLwQc https://www.youtube.com/watch?v=QVVxs3296V8 https://www.youtube.com/watch?v=jMBKRbG_bXw and https://www.youtube.com/watch?v=9QWhAHqxB_Q and https://www.youtube.com/watch?v=NJTroYzxz0s and https://www.youtube.com/watch?v=8nVznIJJTtQ and
This makes it very easy to generate worlds of content that we can explore using any web browser!
Here is another video showing the spreadsheet to javascript in action https://youtu.be/NY5cLxEx1gY and some other videos showing the script: https://www.youtube.com/watch?v=5GvsH4VOFt0
https://youtu.be/CW6PQg5c4RY
https://youtu.be/Q4tPG-cwiWE
https://youtu.be/TBG9nsk5CMY