Overview

Based on

Starter Example Conway's Game of Life in Opal:

• https://www.sitepoint.com/opal-ruby-browser-basics/

... This is a good start, but since (https://www.sitepoint.com/opal-ruby-browser-basics/) apparently didn't add a follow-up article for the actual game implementation, I added a "Custom Steps" section and will look into adding the actual implementation of the game.

Fix for Rakefile:

• opal/opal.github.io#2

(RE-)Build

manually:

rake build

automatially (via Guard):

bundle exec guard

(Pressing will force a re-build.)

(RE-)Run

Open index.html in browser.

Tutorial Steps

Initial Setup & 'Sum of Cubes':

A simple Hello World via outputting a sum of cubes to the JS console.

See files under doc/example_steps/0_sum_of_cubes

Drawing a Blank Grid

Grid lines to cover entire growser viewport.

See files under doc/example_steps/1_drawing_blank_grid

Adding Some Interactivity

Click a cell to fill or clear it.

See files under doc/example_steps/2_click_to_toggle

Custom Steps

• (... leading to an implementation of Conway's Game of Life, since (https://www.sitepoint.com/opal-ruby-browser-basics/) apparently didn't add a follow-up article for the actual game implementation ...)

Simple Drawing Pad

Click a cell to fill or clear it.

See files under doc/example_steps/3_draw_modes_and_colors

---

See also:

• Opal
• Wrapping JavaScript library with Opal
• a tiny Ruby implementation
• a Ruby implementation
• a Rails implementation
• Fun with Ruby Enumerators and another Ruby implementation