 <tr>
                        <td>Direction</td>
                        <td>X: <input id="lightDirectionX" value="-0.25" type="text"></td>
                        <td>Y: <input id="lightDirectionY" value="-0.25" type="text"></td>
                        <td>Z: <input id="lightDirectionZ" value="-1.0" type="text"></td>
                    </tr>
                    <tr>
                        <td>Colour</td>
                        <td>R: <input id="directionalR" value="0.8" type="text"></td>
              