mirror of
https://github.com/troisjs/trois.git
synced 2024-11-24 04:12:02 +08:00
Update README.md
This commit is contained in:
parent
b177aa4341
commit
4fe7ab3940
@ -7,14 +7,14 @@ I wanted to try to write a lib similar to [react-three-fiber](https://github.com
|
|||||||
I first made a simple *Proof of Concept*, take a look at [Test.vue](/src/components/Test.vue) :
|
I first made a simple *Proof of Concept*, take a look at [Test.vue](/src/components/Test.vue) :
|
||||||
|
|
||||||
```html
|
```html
|
||||||
<Renderer ref="renderer">
|
<Renderer>
|
||||||
<PerspectiveCamera :position="{ z: 100 }"></PerspectiveCamera>
|
<PerspectiveCamera :position="{ z: 100 }"></PerspectiveCamera>
|
||||||
|
|
||||||
<PhongMaterial name="material1" color="#ff0000"></PhongMaterial>
|
<PhongMaterial name="material1" color="#ff0000"></PhongMaterial>
|
||||||
<LambertMaterial name="material2" color="#0000ff"></LambertMaterial>
|
<LambertMaterial name="material2" color="#0000ff"></LambertMaterial>
|
||||||
|
|
||||||
<Scene>
|
<Scene>
|
||||||
<PointLight :position="{ x: 0, y: 50, z: 50 }"></PointLight>
|
<PointLight :position="{ y: 50, z: 50 }"></PointLight>
|
||||||
<Box ref="box" :size="10" material="material1"></Box>
|
<Box ref="box" :size="10" material="material1"></Box>
|
||||||
<Sphere ref="sphere" :radius="10" :position="{ x: 50 }" material="material2"></Sphere>
|
<Sphere ref="sphere" :radius="10" :position="{ x: 50 }" material="material2"></Sphere>
|
||||||
</Scene>
|
</Scene>
|
||||||
|
Loading…
Reference in New Issue
Block a user