JSFiddle - React, Tailwind, and code Playground

by Muhammad Nugroho

HTML

<?xml version="1.0" encoding="utf-8"?>
<COLLADA xmlns="http://www.collada.org/2005/11/COLLADASchema" version="1.4.1">
  <asset>
    <contributor>
      <author>mage</author>
      <authoring_tool>Blender 2.60.0 r41098</authoring_tool>
    </contributor>
    <created>2011-10-28T14:38:26</created>
    <modified>2011-10-28T14:38:26</modified>
    <unit name="centimeter" meter="0.01"/>
    <up_axis>Y_UP</up_axis>
  </asset>
  <library_cameras/>
  <library_lights/>
  <library_images/>
  <library_effects/>
  <library_materials/>
  <library_geometries>
    <geometry id="WalkableArea_geoShape-mesh" name="WalkableArea_geoShape-mesh">
      <mesh>
        <source id="WalkableArea_geoShape-mesh-positions">
          <float_array id="WalkableArea_geoShape-mesh-positions-array" count="57">-0.3904955 -0.2 2.941502 -0.3871012 -0.2 20.92238 0.3725318 -0.2 20.91103 0.3695374 -0.2 2.9354 0.4134358 -0.2 2.120568 1.326089 -0.2 1.635458 1.810754 -0.2 0.9595599 2.014973 -0.2 0.1240248 1.660438 -0.2 -0.6446204 0.827382 -0.2 -0.7678409 0.4102145 -0.2 -1.043106 -0.3976236 -0.2 -1.043107 -0.816115 -0.2 -0.7678418 -1.651396 -0.2 -0.7037807 -2.007732 -0.2 0.1240239 -1.819566 -0.2 0.9792788 -1.356303 -0.2 1.609164 -0.4286587 -0.2 2.118621 -5.80177e-4 -0.2000001 0.4722952</float_array>
          <technique_common>
            <accessor source="#WalkableArea_geoShape-mesh-positions-array" count="19" stride="3">
              <param name="X" type="float"/>
              <param name="Y" type="float"/>
              <param name="Z" type="float"/>
            </accessor>
          </technique_common>
        </source>
        <source id="WalkableArea_geoShape-mesh-normals">
          <float_array id="WalkableArea_geoShape-mesh-normals-array" count="54">0 -1 0 0 -1 0 0 -1 0 0 -1 0 0 -1 0 0 -1 0 0 -1 0 0 -1 0 0 -1 0 0 -1 0 0 -1 0 0 -1 0 0 -1 0 0 -1 0 0 -1 -1.25827e-7 0 -1 0 0 -1 0 0 -1 -1.20294e-7</float_array>
          <technique_common>
            <accessor...