Screenshots from Tyler's video: finger on bottom left corner of tactile grid and corresponding square on app's grid.

Understanding Swift Playgrounds

The Swift Playgrounds puzzle world is laid out in a 3D 5x5 grid (includes height). To write the code, you need to understand the grid layout.

Hi! I’m Tyler Sheft. I enjoy working with Swift Playgrounds. I love coding and all the sounds the characters make. They sometimes crack me up. This video is for Swift Playgrounds, Learn To Code 1, Issuing Commands. You write code to move a character through a world. Code is a set of instructions that tell a computer what to do. It can be done in several different languages, this one being Swift. The world is a 5×5 grid, with (0, 0) at the bottom left corner. The columns and rows go from 0-4 in a 5×5 grid. You can get an overview of the world by placing your finger on the right edge of your device, and then sliding left until you hear “The world is…”. VoiceOver tells you the coordinates of the tapped object in this order: height, column, row. There are 2 different heights, 0 and 1. When there are stairs, VoiceOver announces the height they lead to, the row they start at, its column, and the row of the block they lead to. When you move the VoiceOver cursor to a block that has multiple items on it, such as a block containing a character and gem, their coordinates are announced as well, with the order being: block, , gem. If the VoiceOver cursor is on the character, you can double-tap to switch your character. I hope this inspires you to start learning to code in a very fun way!

Corners and objects

Character starts at: Height 0, column 2, row 1

Gem: Height 1, column 2, row 4

Top-left: Height 0, column 0, row 4

Bottom-left: Height 0, column 0, row 0

Top-right: Height 0, column 4, row 4

Bottom-right: Water, column 4, row 0

This video demonstrates the first puzzle world in the Swift Playgrounds app. A 3D printed raised-line grid provides a tactile model of the puzzle world layout and then VoiceOver is used to access the corresponding digital layout. The grid is empty, allowing the student to recreate the puzzle world by placing a character, gem, height squares, etc. in the grid to mirror the digital puzzle world. Tyler Tutorial grid video transcript here.

The second video demonstrates the colorful print/braille tactile graphic of the first puzzle world and the accompanying answer key. This tactile graphic is available through the San Francisco Lighthouse. Tyler explains the grid, symbols and the objective of the first Swift Playgrounds activity. Tyler Swift VO Model video transcript here.


The next post in this series is Swift Playgrounds Video, which is a detailed video tutorial on how to code in Swift Playgrounds while running VoiceOver.

How to Find and Fix Issues in Swift Playground when Running VoiceOver post

Attached File(s)
By TS12345

stick characters sitting facing each other with speech bubbles overhead.

How my guidance counselor helped me as a low vision student

Butterfly life cycle

Butterflies part 2: Butterfly life cycle

Smiling woman sitting on a campus bench studying on her laptop.

Reading Chegg eTextbooks with low vision