Skip to content

Commit 6143b34

Browse files
stianjensenstianjensen
committed
Add Kink demo
1 parent d12a991 commit 6143b34

25 files changed

+1903
-0
lines changed

‎.gitmodules

+3
Original file line numberDiff line numberDiff line change
@@ -4,3 +4,6 @@
44
[submodule "bgj-06"]
55
path = bgj-06
66
url = [email protected]:ninjadev/bgj-06.git
7+
[submodule "kink-demo"]
8+
path = kink-demo
9+
url = [email protected]:aleksanb/kink-demo.git

‎kink-demo/Apple.js

+20
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,20 @@
1+
function Apple( options ) {
2+
var radius = options.radius || 50;
3+
4+
var appleGeometry = new THREE.SphereGeometry( radius, 20, 20 );
5+
this.mesh = new THREE.Mesh( appleGeometry, materials.appleBody );
6+
7+
this.mesh.position.copy( options.position );
8+
9+
this.update = function() {
10+
var distance = this.mesh.position.distanceTo( snake.getPosition() );
11+
12+
if ( Math.abs( distance ) < appleGeometry.radius && currentApple < apples.length-1 ) {
13+
currentApple += 1;
14+
this.mesh.position.copy( apples[currentApple].position );
15+
appleGeometry.radius = apples[currentApple].radius;
16+
snake.addSegments( 2 );
17+
18+
}
19+
};
20+
}

‎kink-demo/KINK.zip

7.18 MB
Binary file not shown.

‎kink-demo/LagFoto.png

28.1 KB
Loading

‎kink-demo/README.md

+4
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,4 @@
1+
kink-demo
2+
=========
3+
4+
KINK demo for BEKK robocup 2013.

‎kink-demo/Snake.js

+128
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,128 @@
1+
function Snake( scene, material, position, radius, segments ) {
2+
this.length;
3+
this.radius = radius;
4+
this.previousSnake = null;
5+
this.glasses = null;
6+
7+
this.submerge = false;
8+
this.headBob = false;
9+
10+
var sphereGeometry = new THREE.SphereGeometry( radius );
11+
this.mesh = new THREE.Mesh( sphereGeometry, material );
12+
this.mesh.position = position || new THREE.Vector3( 0, 0, 0 );
13+
this.addSegments( segments );
14+
15+
scene.add(this.mesh);
16+
17+
};
18+
19+
Snake.prototype.toggleSubmerge = function() {
20+
this.submerge = ( this.submerge )? false : true;
21+
}
22+
23+
Snake.prototype.toggleHeadBob = function() {
24+
this.headBob = ( this.headBob )? false : true;
25+
}
26+
27+
Snake.prototype.setPrevious = function( previousSnake ) {
28+
this.previousSnake = previousSnake;
29+
}
30+
31+
Snake.prototype.getPosition = function() {
32+
return this.mesh.position.clone();
33+
}
34+
35+
Snake.prototype.attachGlasses = function( geometry, materials ) {
36+
var mesh = new THREE.Mesh( geometry, new THREE.MeshFaceMaterial( materials ) );
37+
mesh.scale.set( .5, .5, .5 );
38+
this.glasses = mesh;
39+
scene.add( this.glasses );
40+
41+
}
42+
43+
Snake.prototype.addSegments = function ( segments ) {
44+
var currentSegments = 0;
45+
var tempSnake = this;
46+
while ( tempSnake.previousSnake != null ) {
47+
tempSnake = tempSnake.previousSnake;
48+
currentSegments += 1;
49+
}
50+
51+
for ( var i = 0; i < segments; i++ ) {
52+
tempSnake.setPrevious(
53+
new Snake(
54+
scene,
55+
materials.snakeTexture,
56+
tempSnake.getPosition(),
57+
( this.radius - 10 ) - 5 * Math.sin( ( currentSegments + i ) / 2 )
58+
)
59+
)
60+
tempSnake = tempSnake.previousSnake;
61+
}
62+
}
63+
64+
Snake.prototype.update = function( newPos ) {
65+
66+
67+
if ( this.previousSnake != null ) {
68+
this.previousSnake.update( this.mesh.position );
69+
}
70+
71+
if ( this.submerge ) {
72+
newPos.add( new THREE.Vector3( 0, -2 * this.radius, 0 ) );
73+
}
74+
75+
if ( this.headBob ) {
76+
newPos.add( new THREE.Vector3( 0, -20 * Math.sin( t/100 ), 0 ) );
77+
}
78+
79+
var distance = this.mesh.position.distanceTo(newPos);
80+
var distanceToGo = distance - 40; // snake segment length
81+
var normalizedPointer = new THREE.Vector3( 0,0,0 );
82+
83+
normalizedPointer.subVectors(newPos, this.mesh.position);
84+
normalizedPointer.normalize();
85+
normalizedPointer.multiplyScalar(distanceToGo);
86+
87+
if ( this.previousSnake != null) {
88+
var dVector = new THREE.Vector3( 0, 0, 0 );
89+
var glassLookAt = new THREE.Vector3( 0, 0, 0 );
90+
var glassPosition = new THREE.Vector3( 0, 0, 0 );
91+
92+
dVector.subVectors( this.getPosition(), this.previousSnake.getPosition() );
93+
94+
var xzPointer = dVector.clone(); xzPointer.y = 0;
95+
var xzNormalized = xzPointer.clone().normalize();
96+
var xzFromHead = xzNormalized.multiplyScalar( 55 );
97+
var xzHeadAbsolute = new THREE.Vector3( 0, 0, 0 );
98+
var xzNormalVector = new THREE.Vector3( 0, 0, 0 );
99+
100+
xzNormalVector.set( -xzNormalized.z, 0, xzNormalized.x );
101+
102+
xzHeadAbsolute.addVectors( xzFromHead, this.previousSnake.getPosition() );
103+
xzHeadAbsolute.y = this.getPosition().y;
104+
105+
glassLookAt.addVectors( xzPointer.clone().multiplyScalar(10), xzHeadAbsolute );
106+
glassPosition.addVectors( xzPointer.clone().multiplyScalar(1), xzHeadAbsolute );
107+
glassPosition.add( new THREE.Vector3( 0, 25, 0 ) ); // Height adjustment
108+
glassPosition.add( xzNormalVector.multiplyScalar( 0.2 ) );
109+
110+
}
111+
112+
this.mesh.position.add(normalizedPointer);
113+
114+
if ( this.glasses != null ) {
115+
this.glasses.lookAt( glassLookAt );
116+
this.glasses.position = glassPosition;
117+
}
118+
119+
};
120+
121+
Snake.prototype.render = function() {
122+
123+
};
124+
Snake.prototype.visibleToggle = function() {
125+
this.mesh.visible = !this.mesh.visible;
126+
if (this.previousSnake)
127+
this.previousSnake.visibleToggle();
128+
};

‎kink-demo/audio/soundtrack.mp3

3.16 MB
Binary file not shown.

‎kink-demo/audio/soundtrack.ogg

3.19 MB
Binary file not shown.

‎kink-demo/bg.js

+88
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,88 @@
1+
function BG() {
2+
3+
this.geometry = new THREE.Geometry();
4+
this.colors = [];
5+
this.texture = new THREE.Texture(this.generateSprite());
6+
this.texture.needsUpdate = true;
7+
this.NUM_PARTICLES = 2000;
8+
this.material;
9+
this.particleSystem;
10+
this.attributes = [];
11+
}
12+
13+
BG.prototype.init = function() {
14+
15+
for(var i = 0; i < this.NUM_PARTICLES; i++) {
16+
this.colors[i] = new THREE.Color();
17+
this.colors[i].setHSV(Math.random(), 1.0, 1.0);
18+
19+
var px = Math.random() * 8000 - 4000 + Math.random() * 1000;
20+
var py = Math.random() * 8000 - 4000;
21+
var pz = Math.random() * 8000 + Math.random() * 1000 - 4000;
22+
var vertex = new THREE.Vector3(px,py,pz);
23+
this.geometry.vertices.push(vertex);
24+
this.attributes.push(vertex.clone());
25+
}
26+
27+
this.geometry.colors = this.colors;
28+
29+
this.material = new THREE.ParticleBasicMaterial( {
30+
size: 20,
31+
map: this.texture,
32+
blending: THREE.AdditiveBlending,
33+
depthTest: true,
34+
transparent: true,
35+
opacity: 0.7,
36+
vertexColors: true
37+
});
38+
39+
this.particleSystem = new THREE.ParticleSystem( this.geometry, this.material);
40+
41+
scene.add(this.particleSystem);
42+
43+
}
44+
45+
BG.prototype.render = function () {
46+
47+
}
48+
49+
BG.prototype.update = function(){
50+
51+
var particleCount = this.NUM_PARTICLES;
52+
while(particleCount--) {
53+
var particle = this.geometry.vertices[particleCount];
54+
var startPos = this.attributes[particleCount];
55+
56+
particle.x = startPos.x + Math.sin(t/5000)*100;
57+
particle.y = (particleCount&1) ? startPos.y + Math.abs(Math.sin(t/5000)*100):startPos.y - Math.abs(Math.sin(t/5000)*100);
58+
particle.z = startPos.z + (particleCount % 128)*0.1;
59+
60+
}
61+
62+
this.geometry.verticesNeedUpdate = true;
63+
64+
}
65+
66+
BG.prototype.generateSprite = function() {
67+
68+
var canvas = document.createElement( 'canvas' );
69+
var size = 16;
70+
canvas.width = size;
71+
canvas.height = size;
72+
73+
var context = canvas.getContext( '2d' );
74+
var gradient = context.createRadialGradient( canvas.width / 2, canvas.height / 2, 0, canvas.width / 2, canvas.height / 2, canvas.width / 2 );
75+
gradient.addColorStop( 0, 'rgba(255,255,255,1)' );
76+
gradient.addColorStop( 0.2, 'rgba(0,255,255,1)' );
77+
gradient.addColorStop( 0.4, 'rgba(0,0,64,1)' );
78+
gradient.addColorStop( 1, 'rgba(0,0,0,1)' );
79+
80+
context.fillStyle = gradient;
81+
//context.fillStyle="rgba(255,0,0,1)";
82+
//context.fillRect( 0, 0, canvas.width, canvas.height );
83+
context.beginPath();
84+
context.arc(size/2, size/2, size/2, 0, 2*Math.PI, false);
85+
context.fill();
86+
87+
return canvas;
88+
}

‎kink-demo/bootstrap.js

+102
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,102 @@
1+
FRAME_LENGTH = 882;
2+
t = 0;
3+
window.requestAnimFrame = (function(){
4+
return window.requestAnimationFrame ||
5+
window.webkitRequestAnimationFrame ||
6+
window.mozRequestAnimationFrame ||
7+
window.oRequestAnimationFrame ||
8+
window.msRequestAnimationFrame ||
9+
function( callback ){
10+
window.setTimeout(callback, 0);
11+
};
12+
})();
13+
window.makeFullscreen = function(elem) {
14+
if (elem.requestFullscreen) {
15+
elem.requestFullscreen();
16+
} else if (elem.mozRequestFullScreen) {
17+
elem.mozRequestFullScreen();
18+
} else if (elem.webkitRequestFullscreen) {
19+
elem.webkitRequestFullscreen();
20+
}
21+
};
22+
23+
function loop(){
24+
t = music.currentTime*1000;
25+
dt = (t-old_time);
26+
old_time = music.currentTime;
27+
while(dt> FRAME_LENGTH){
28+
update();
29+
dt-= FRAME_LENGTH;
30+
}
31+
32+
render();
33+
34+
if (!music.ended)
35+
requestAnimFrame(loop);
36+
}
37+
38+
39+
function start(){
40+
old_time = 0;
41+
dt = 0;
42+
init();
43+
}
44+
45+
function setLoadingBar(completed,fn){
46+
tdx.fillStyle = "white";
47+
tdx.fillRect(0,0,16*GU,9*GU);
48+
tdx.fillStyle = "black";
49+
tdx.fillRect(GU, 4.25*GU,14*GU*completed ,GU*0.5);
50+
console.log("LOADING",completed);
51+
setTimeout(function(){
52+
fn();
53+
if(completed == 1){
54+
tdx.clearRect(0,0,16*GU,9*GU);
55+
requestAnimFrame(loop);
56+
music.play();
57+
}
58+
},0);
59+
}
60+
61+
function bootstrap(){
62+
//makeFullscreen(document.body);
63+
document.addEventListener("keydown",function(e){
64+
if(e.keyCode == /*ESC*/ 27){
65+
window.open('', '_self', ''); //bug fix
66+
window.close();
67+
}
68+
});
69+
renderer = new THREE.WebGLRenderer({ maxLights: 10,antialias:true, clearColor:0x191919, clearAlpha:1});
70+
renderer.sortObjects = false;
71+
twoDCanvas = document.createElement("canvas");
72+
twoDCanvas.style.position = "absolute";
73+
twoDCanvas.style.left = "0";
74+
twoDCanvas.style.zIndex = "8999";
75+
twoDCanvas.style.background = "transparent";
76+
tdx = twoDCanvas.getContext("2d");
77+
resize();
78+
Math.seedrandom('kinkisawesomebitchyo');
79+
document.body.appendChild(renderer.domElement);
80+
document.body.appendChild(twoDCanvas);
81+
var file_format = Modernizr.audio.ogg ? 'ogg' : 'mp3';
82+
music = new Audio( "audio/soundtrack." + file_format );
83+
setTimeout(start,0);
84+
}
85+
86+
87+
function resize(){
88+
if(window.innerWidth/window.innerHeight > 16/9){
89+
GU = (window.innerHeight/9);
90+
}else{
91+
GU = (window.innerWidth/16);
92+
}
93+
renderer.setSize(16*GU, 9*GU);
94+
renderer.domElement.style.margin = ((window.innerHeight - 9*GU) /2)+"px 0 0 "+((window.innerWidth-16*GU)/2)+"px";
95+
twoDCanvas.width = 16*GU;
96+
twoDCanvas.height = 9*GU;
97+
twoDCanvas.style.margin = ((window.innerHeight - 9*GU) /2)+"px 0 0 "+((window.innerWidth-16*GU)/2)+"px";
98+
tdx.font = (GU/3)+"pt BebasNeue";
99+
tdx.textBaseline = "top";
100+
}
101+
102+
window.onresize = resize;

0 commit comments

Comments
 (0)