From 44d54b2f71bc801fd1bbb1ba6a842e706f4c7482 Mon Sep 17 00:00:00 2001
From: Kevin Levron <kevin.levron@gmail.com>
Date: Mon, 14 Sep 2020 17:04:57 +0200
Subject: [PATCH] add readme

---
 README.md | 29 +++++++++++++++++++++++++++++
 1 file changed, 29 insertions(+)
 create mode 100644 README.md

diff --git a/README.md b/README.md
new file mode 100644
index 0000000..2b29144
--- /dev/null
+++ b/README.md
@@ -0,0 +1,29 @@
+# VueJS 3 + ViteJS + ThreeJS
+
+I wanted to try to write a lib similar to [react-three-fiber](https://github.com/react-spring/react-three-fiber) but for VueJS.
+
+## PoC
+
+I first made a simple *Proof of Concept*, take a look at [Test.vue](/src/components/Test.vue) :
+
+```html
+  <Renderer ref="renderer" :animate="anim">
+    <PerspectiveCamera :position="{ z: 100 }"></PerspectiveCamera>
+
+    <PhongMaterial name="mat1" color="#ff0000"></PhongMaterial>
+    <LambertMaterial name="mat2" color="#0000ff"></LambertMaterial>
+
+    <Scene>
+      <PointLight :position="{ x: 0, y: 50, z: 50 }"></PointLight>
+      <Box ref="box" :size="10" :rotation="{ x: 0.5, y: 0.25 }" material="mat1"></Box>
+      <Sphere ref="sphere" :radius="10" :position="{ x: 50 }" material="mat2"></Sphere>
+    </Scene>
+  </Renderer>
+```
+
+## Test
+
+    git clone https://github.com/troisjs/trois
+    cd trois
+    yarn
+    yarn dev