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

wip

Browse Source
This commit is contained in:
Kevin Levron 2020-09-30 23:57:44 +02:00
parent 3641f02011
commit 78450ed106
1 changed files with 20 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

26
src/components/demos/Demo1.vue
View File

@ -2,12 +2,12 @@
<Renderer ref="renderer" :orbit-ctrl="{ enableDamping: true, dampingFactor: 0.05 }"> <Renderer ref="renderer" :orbit-ctrl="{ enableDamping: true, dampingFactor: 0.05 }">
<Camera :position="{ x: -0, y: -120, z: 30 }" /> <Camera :position="{ x: -0, y: -120, z: 30 }" />
<Scene background="#ffffff"> <Scene background="#ffffff">
<PointLight ref="light1" color="#0E09DC" :intensity="0.85" :position="{ x: 0, y: 0, z: 50 }" />
<PointLight ref="light2" color="#1CD1E1" :intensity="0.85" :position="{ x: 0, y: 0, z: 50 }" />
<PointLight ref="light3" color="#18C02C" :intensity="0.85" :position="{ x: 0, y: 0, z: 50 }" />
<PointLight ref="light4" color="#ee3bcf" :intensity="0.85" :position="{ x: 0, y: 0, z: 50 }" />
<PointLight ref="light1" color="#0E09DC" :intensity="0.85" :position="{ x: 0, y: 0, z: 30 }" /> <PhysicalMaterial id="text-material" />
<PointLight ref="light2" color="#1CD1E1" :intensity="0.85" :position="{ x: 0, y: 0, z: 30 }" />
<PointLight ref="light3" color="#18C02C" :intensity="0.85" :position="{ x: 0, y: 0, z: 30 }" />
<PointLight ref="light4" color="#ee3bcf" :intensity="0.85" :position="{ x: 0, y: 0, z: 30 }" />
<NoisyText <NoisyText
text="TroisJS" text="TroisJS"
font-src="helvetiker_regular.typeface.json" font-src="helvetiker_regular.typeface.json"
@ -18,8 +18,10 @@
:z-coef="5" :z-coef="5"
:position="{ x: 0, y: 0, z: 30 }" :position="{ x: 0, y: 0, z: 30 }"
:rotation="{ x: Math.PI / 2, y: 0, z: 0 }" :rotation="{ x: Math.PI / 2, y: 0, z: 0 }"
material-id="text-material"
/> />
<PhysicalMaterial id="plane-material" />
<NoisyPlane <NoisyPlane
:width="200" :width-segments="100" :width="200" :width-segments="100"
:height="200" :height-segments="100" :height="200" :height-segments="100"
@ -27,18 +29,30 @@
:noise-coef="0.03" :noise-coef="0.03"
:z-coef="7" :z-coef="7"
:position="{ x: 0, y: 0, z: 0 }" :position="{ x: 0, y: 0, z: 0 }"
material-id="plane-material"
/> />
<!-- <PhysicalMaterial id="sphere-material" />
<NoisySphere
:radius="30"
:time-coef="0.0003"
:noise-coef="0.06"
:disp-coef="10"
:position="{ x: 0, y: 0, z: 0 }"
material-id="sphere-material"
/> -->
</Scene> </Scene>
</Renderer> </Renderer>
</template> </template>
<script> <script>
import NoisyPlane from '../noisy/NoisyPlane.js'; import NoisyPlane from '../noisy/NoisyPlane.js';
import NoisySphere from '../noisy/NoisySphere.js';
import NoisyText from '../noisy/NoisyText.js'; import NoisyText from '../noisy/NoisyText.js';
export default { export default {
components: { NoisyPlane, NoisyText }, components: { NoisyPlane, NoisySphere, NoisyText },
mounted() { mounted() {
const renderer = this.$refs.renderer; const renderer = this.$refs.renderer;
const light1 = this.$refs.light1.light; const light1 = this.$refs.light1.light;