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-10-03 11:31:55 +02:00
parent 0f830f1b01
commit 13de74ec35
3 changed files with 15 additions and 15 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -7,7 +7,6 @@
<PointLight ref="light3" color="#18C02C" :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="light4" color="#ee3bcf" :intensity="0.85" :position="{ x: 0, y: 0, z: 50 }" />
<PhysicalMaterial id="text-material" />
<NoisyText <NoisyText
text="TroisJS" text="TroisJS"
font-src="helvetiker_regular.typeface.json" font-src="helvetiker_regular.typeface.json"
@ -18,10 +17,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 />
</NoisyText>
<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"
@ -29,18 +28,19 @@
: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 />
</NoisyPlane>
<!-- <PhysicalMaterial id="sphere-material" /> <!-- <NoisySphere
<NoisySphere :radius="10"
:radius="30"
:time-coef="0.0003" :time-coef="0.0003"
:noise-coef="0.06" :noise-coef="0.06"
:disp-coef="10" :disp-coef="10"
:position="{ x: 0, y: 0, z: 0 }" :position="{ x: 0, y: 0, z: 30 }"
material-id="sphere-material" >
/> --> <PhysicalMaterial flat-shading />
</NoisySphere> -->
</Scene> </Scene>
</Renderer> </Renderer>

5
src/components/examples/Example1.vue
View File

@ -1,10 +1,11 @@
<template> <template>
<Renderer ref="renderer"> <Renderer ref="renderer">
<Camera :position="{ z: 10 }" /> <Camera :position="{ z: 10 }" />
<LambertMaterial id="material" />
<Scene> <Scene>
<PointLight :position="{ y: 50, z: 50 }" /> <PointLight :position="{ y: 50, z: 50 }" />
<Box ref="box" :size="1" :rotation="{ y: Math.PI / 4, z: Math.PI / 4 }" material-id="material" /> <Box ref="box" :size="1" :rotation="{ y: Math.PI / 4, z: Math.PI / 4 }">
<LambertMaterial />
</Box>
</Scene> </Scene>
</Renderer> </Renderer>
</template> </template>

1
src/components/noisy/NoisyText.js
View File

@ -22,7 +22,6 @@ export default {
}; };
}, },
mounted() { mounted() {
this.material = this.three.materials[this.materialId];
this.updateMaterial(); this.updateMaterial();
const startTime = Date.now(); const startTime = Date.now();