Web3D/trois
1
0
Fork 0
mirror of https://github.com/troisjs/trois.git synced 2024-11-24 04:12:02 +08:00
Code Issues Projects Releases Wiki Activity

add codepen demos link

Browse Source
This commit is contained in:
Kevin Levron 2020-09-17 23:11:46 +02:00
parent cc777f0ac0
commit bce4bd9fbe
1 changed files with 3 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
README.md
View File

@ -11,6 +11,8 @@ Demos : https://troisjs.github.io/trois/
I started from scratch... I don't know if I will have time to maintain this, but feel free to participate :) I started from scratch... I don't know if I will have time to maintain this, but feel free to participate :)
I will try to rewrite some of my [WebGL demos](https://codepen.io/collection/AGZywR) to see if this little toy can do the job.
*Trois* is a french word, it means *Three*. *Trois* is a french word, it means *Three*.
## Features ## Features
@ -77,7 +79,7 @@ Take a look at [Test2.vue](/src/components/Test2.vue).
<StandardMaterial id="material" :transparent="true" :opacity="0.9" :metalness="0.8" :roughness="0.5"></StandardMaterial> <StandardMaterial id="material" :transparent="true" :opacity="0.9" :metalness="0.8" :roughness="0.5"></StandardMaterial>
<Scene id="scene1" background="#000000"> <Scene id="scene1" background="#000000">
<AmbientLight color="#808080"></AmbientLight> <AmbientLight color="#808080"></AmbientLight>
<PointLight ref="light" color="#ff6000"></PointLight> <PointLight color="#ff6000"></PointLight>
<PointLight ref="light" color="#0060ff" :intensity="0.5" :position="{ z: 200 }"></PointLight> <PointLight ref="light" color="#0060ff" :intensity="0.5" :position="{ z: 200 }"></PointLight>
<InstancedMesh ref="imesh" material="material" :count="NUM_INSTANCES"> <InstancedMesh ref="imesh" material="material" :count="NUM_INSTANCES">
<BoxGeometry :width="2" :height="2" :depth="10"></BoxGeometry> <BoxGeometry :width="2" :height="2" :depth="10"></BoxGeometry>