/
example.html
66 lines (54 loc) · 1.76 KB
/
example.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
<!doctype html><title>Minimal tQuery Page</title>
<script src="../../../build/tquery-bundle-require.js"></script>
<script src="../vendor/MTLLoader.js"> </script>
<script src="../vendor/OBJMTLLoader.js"></script>
<body><script>
require(['tquery.pproc', 'tquery.minecraft'], function(){
var world = tQuery.createWorld().boilerplate().start();
//var object = tQuery.createTorus().addTo(world);
var character = tQuery.createMinecraftChar({
skinUrl : '../../minecraft/examples/images/agentsmith.png'
}).addTo(world);
world.addEffectComposer()
//.bloom(0.9)
//.sepia()
//.motionBlur(0.6)
//.film(0.5, 0.25, 648, false)
.vignette()
//.screen()
.finish();
// setup some lights
tQuery.createAmbientLight().addTo(world)
.color(0x444444)
tQuery.createDirectionalLight().addTo(world)
.color(0xffffff)
.position(-1,1,1)
.intensity(0.4)
// tQuery.createDirectionalLight().addTo(world)
// .color(0xffffff)
// .position( 1,1,1)
character.object3D('root').rotateY(-Math.PI/8)
.translateX(2).translateZ(1.5)
world.loop().hook(function(delta, now){
character.object3D('root').rotateY(delta * Math.PI * 2 * 0.1)
})
var spotLight = tQuery.createSpotLight().addTo(character.object3D('root'))
.distance(10)
.angle(Math.PI/3).exponent(5)
.color( 0xffffff )
.position(0,1,0)
.intensity(10)
// TODO find a better way to get target
spotLight.get(0).target.position.set( 0, 0, 3 );
// set the url of the model to load
var urlObj = 'models/appart_hiphop/world134_1.obj';
var urlMtl = 'models/appart_hiphop/world134_1.mtl';
// load the model
var loader = new THREE.OBJMTLLoader();
loader.load(urlObj, urlMtl);
loader.addEventListener('load', function(event){
tQuery(event.content).addTo(world)
.position(-16, -8, 4)
});
});
</script></body>