User:Book

3o$o2bo12bo$3o3b3o2b3o2bobo$o2bo2bobo2bobo2b2o$3o3b3o2b3o2bobo! #C [[ THUMBSIZE 2 THEME 6 GRID GRIDMAJOR 0 SUPPRESS THUMBLAUNCH ]] #C [[ THUMBSIZE 2 ]]

Lifespan 4700 (click above to open LifeViewer)

Under Construction

This is my sandbox.

Getting started

Download the LifeViewer plug-in

• Use this link: download
• The javascript code will be displayed in your browser
• Do a "Save" or "Save as..." and save lv-plugin.js where you want it
• In this tutorial, we assume the plug-in is in the same folder as your html file

Add a LifeViewer <meta> tag in the <head> section of your web page

<meta name="LifeViewer" content="viewer textarea">

Add the LifeViewer plug-in the <head> section of your web page

<script src="lv-plugin.js"></script>

Add a LifeViewer <div> in the <body> section of your web page

<div class="viewer">
<textarea></textarea><br><canvas width="480" height="480"></canvas>
</div>

Example

A simple web page with a glider in a LifeViewer

<!DOCTYPE html>
<html>
<head>
<meta name="LifeViewer" content="viewer textarea">
<script src="lv-plugin.js"></script>
</head>
<body>
<div class="viewer"><textarea>bo$2bo$3o!</textarea><br><canvas width="480" height="480"></canvas></div>
</body>
</html>