doc update

docs/quickstart.mdx

@@ -6,6 +6,7 @@
 
 ```bash
 $ flutter channel master
+$ flutter config --enable-native-assets  
 $ flutter create thermion_sample_project && cd thermion_sample_project
 $ flutter pub add thermion_flutter
 ```
@@ -85,14 +86,12 @@ class _MyAppState extends State<MyApp> {
 4. Add a button to load the model when pressed
 
 ```dart
+
+...
+
 class _MyAppState extends State<MyApp> {
     
-    late ThermionFlutterPlugin _thermionFlutterPlugin;  
+...
-    late Future<ThermionViewer> _thermionViewer;
-    void initState() {    
-        _thermionFlutterPlugin = ThermionFlutterPlugin();
-        _thermionViewer = _thermionFlutterPlugin.createViewer();
-    }    
     
     bool _loaded = false;
 
@@ -103,7 +102,7 @@ class _MyAppState extends State<MyApp> {
                     plugin:_thermionFlutterPlugin
                 ) 
             ), 
-            if (_loaded)
+            if (!_loaded)
                 Center(
                     child: ElevatedButton(
                         child: const Text("Load"),
@@ -116,14 +115,30 @@ class _MyAppState extends State<MyApp> {
 }}
 ```
 
-5. When the button is pressed, load a skybox and the glb asset
+5. When the button is pressed, load a skybox, lighting and the glb asset
+
+You will need to import the `dart:math` and `package:vector_math` libraries.
+
 ```dart
-  if(_loaded)
+import 'package:vector_math/vector_math_64.dart' as v;
+import 'dart:math';
+
+...
+
+class _MyAppState extends State<MyApp> {
+
+    ...
+
+    Widget build(BuildContext context) {
+        return Stack(children:[
+            ...
+            if(!_loaded)
                 Center(
                     child: ElevatedButton(
                         child: const Text("Load"),
                         onPressed: () async {
                             var viewer = await _thermionViewer;
+                            await viewer.loadIbl("assets/default_env_ibl.ktx");
                             await viewer.loadSkybox("assets/default_env_skybox.ktx");
                             await viewer.loadGlb("assets/cube.glb");
 
@@ -139,11 +154,14 @@ class _MyAppState extends State<MyApp> {
                         }
                     )
                 )
+        ]);
+    }
+}
 ```           
 
-(Note - "skybox" refers to the background (cube) image rendered behind all other elements in the scene).
+Here, we've added a skybox (the background (cube) image rendered behind all other elements in the scene), image-based lighting (where an image is used to determine the direction and intensity of a light source) and a directional light (Sun).
 
-Anything added to the scene is referred to as an "entity". 
+Anything added to the scene is referred to as an "entity" (including lights and cameras).
 
 Entities are always added to the scene at position (0,0,0).
 
@@ -174,4 +192,11 @@ The cube still won't be visible until we add a light to the scene and tell Therm
     ...
 ````
 
+8. Run the project
+```
+$ flutter run -d macos
+```
+
+!(Screenshot of Thermion Quickstart project)[images/thermion_sample_project.png]
+
 Your first Thermion project is complete!