Skip to content

Commit

Permalink
try to make website better SEO.
Browse files Browse the repository at this point in the history
  • Loading branch information
@AphexHenry
AphexHenry committed Feb 25, 2024
1 parent 8caae77 commit 22ccb18
Show file tree
Hide file tree
Showing 2 changed files with 43 additions and 17 deletions.
8 changes: 4 additions & 4 deletions Tools/intro/ParticleGroupMonster.js
View file
Original file line number Diff line number Diff line change
Expand Up @@ -33,7 +33,7 @@ ParticleGroupMonster.prototype.InitSurface = function(width)
// create the mesh's material
this.plane = new THREE.Mesh( new THREE.PlaneGeometry( 2 * window.innerWidth, 2 * window.innerHeight, 8, 8 ), new THREE.MeshBasicMaterial( { color: 0xff0000, opacity: 0.5, transparent: false, wireframe: true } ) );
this.plane.geometry.applyMatrix( new THREE.Matrix4().makeRotationX( Math.PI / 2 ) );
// this.plane.visible = false;
this.plane.visible = false;
this.plane.position = this.positionCenter;
scene.add(this.plane);

Expand Down Expand Up @@ -153,8 +153,8 @@ ParticleGroupMonster.prototype.UpdateFood = function(delta)
}
}

var lSpeedX = (this.positionCenter.x + window.innerWidth * 0.3 - sMonster.position.x - Math.cos(0.1 * sGeneralTimer) * Math.cos(0.5 * sGeneralTimer) * window.innerWidth * 0.5);
var lSpeedY = (this.positionCenter.y + window.innerHeight * 0.3 - sMonster.position.y + Math.cos(0.1 * sGeneralTimer) * Math.sin(sGeneralTimer * 0.7) * window.innerHeight * 0.5);
var lSpeedX = (this.positionCenter.x + window.innerWidth * 0.3 - sMonster.position.x - Math.cos(0.1 * sGeneralTimer) * Math.cos(0.5 * sGeneralTimer) * window.innerWidth * 0);
var lSpeedY = (this.positionCenter.y + window.innerHeight * 0.3 - sMonster.position.y + Math.cos(0.1 * sGeneralTimer) * Math.sin(sGeneralTimer * 0.7) * window.innerHeight * 0);
sMonster.speed = { x: lSpeedX, y: lSpeedY };

sMonster.position.x += lSpeedX * delta * 0.25;
Expand Down Expand Up @@ -234,7 +234,7 @@ ParticleGroupMonster.prototype.UpdatePointer = function()
INTERSECTED = intersects[0].object;
if (intersects[0].distance < INTERSECTED.boundRadiusScale * sRayCircle) {
// sMonster.material.program = monsterTouched;
this.monster.setMouseOverDisplay();
// this.monster.setMouseOverDisplay();
return;
}
}
Expand Down
52 changes: 39 additions & 13 deletions Tools/monsters/MonsterIntro.js
View file
Original file line number Diff line number Diff line change
Expand Up @@ -258,7 +258,7 @@ function MonsterIntro(positionCenter, width)

this.hairs = [];

for (var i = 0; i < 3020; i++) {
for (var i = 0; i < 1800; i++) {
this.hairs.push(new MonsterHair());
}
}
Expand Down Expand Up @@ -340,10 +340,10 @@ MonsterIntro.prototype.programMonster = function ( context )
var centerX = 0.;
var centerY = 0.;
context.lineWidth = 0.02;
// context.beginPath();
// context.arc( centerX, centerY, sRayCircle, 0, PI2, true );
// context.closePath();
// context.stroke();
context.beginPath();
context.arc( centerX, centerY, sRayCircle * 0.25, 0, PI2, true );
context.closePath();
context.fill();
drawHair(context);
}

Expand Down Expand Up @@ -398,6 +398,11 @@ function MonsterHair() {
}

MonsterHair.prototype.draw = function (context) {
//set fill color
var posCentered = { x: this.posStart.x, y: this.posStart.y};
var correctedColour = (1 - Math.sqrt(this.radius)) * 150;
// context.strokeStyle = "rgb(" + correctedColour + ", " + Math.round(correctedColour * 0.7) + ", " + Math.round(correctedColour * 0.2) + ")";

context.beginPath();
context.lineWidth = 0.005;
context.moveTo(this.posStart.x, this.posStart.y);
Expand All @@ -411,14 +416,12 @@ MonsterHair.prototype.update = function (aDelta) {

var lAngleSpeed = Math.atan2(sMonster.speed.y, sMonster.speed.x);


var lAmplitudeDeployed = 2;
var lSpeedAmp = 0.4;
var lAmplitudeFromSpeed = Math.min(lSpeedAmp, lSpeedAmp * Math.sqrt(sMonster.speed.y * sMonster.speed.y + sMonster.speed.x * sMonster.speed.x) / window.innerWidth);


var lRadiusNormStart = sRayCircle * this.radius * 1.2;
var lAngle = this.angle + sGeneralTimer * 0.2;
var lAngle = this.angle + sGeneralTimer * 0.15;

this.posStart.x = lRadiusNormStart * Math.cos(lAngle);
this.posStart.y = lRadiusNormStart * Math.sin(lAngle);
Expand All @@ -427,19 +430,42 @@ MonsterHair.prototype.update = function (aDelta) {
this.magnetPosition.y = this.posStart.y -lAmplitudeFromSpeed * Math.sin(lAngleSpeed) * lRadiusNormStart * 5;

var deploymentStr = (lSpeedAmp - lAmplitudeFromSpeed) / lSpeedAmp;
deploymentStr *= deploymentStr * deploymentStr;
deploymentStr *= deploymentStr;

var excitationLevel = lRadiusNormStart * 0.5 * Math.max(0, Math.cos(lAngle + sGeneralTimer * 0.8));
var excitationLevel = lRadiusNormStart * 0.8 * Math.max(0, Math.cos(lAngle + sGeneralTimer * 0.8));
var lEndAngle = (1 + this.randomValue * 0.5) * sGeneralTimer;

var lPosIdleX = this.posStart.x * lAmplitudeDeployed;
var lPosIdleY = this.posStart.y * lAmplitudeDeployed;

if (sPointer) {
var pointerRelX = (sPointer.x - sMonster.position.x) / sMonster.scale.x;
var pointerRelY = (sPointer.y - sMonster.position.y) / sMonster.scale.y;

pointerRelX += Math.cos(this.randomValue * 4) * 0.1;
pointerRelX += Math.cos(this.randomValue * 14) * 0.1;

var lAngleToPointer = Math.atan2(pointerRelY, pointerRelX);
var angleNorm = Math.atan2(this.posStart.y, this.posStart.x);
var pointerAngleAmplitudeLimit = 2.3;
var angleDistanceFromPointer = Math.abs(angleNorm - lAngleToPointer);

if (angleDistanceFromPointer < pointerAngleAmplitudeLimit) {
var distanceToPointer = pointerRelX * pointerRelX + pointerRelY * pointerRelY;
if (distanceToPointer < 2) {
var coeffAffectPointer = angleDistanceFromPointer / pointerAngleAmplitudeLimit;
coeffAffectPointer = Math.sqrt(coeffAffectPointer);
lPosIdleX = lPosIdleX * coeffAffectPointer + this.radius * pointerRelX * (1 - coeffAffectPointer);
lPosIdleY = lPosIdleY * coeffAffectPointer + this.radius * pointerRelY * (1 - coeffAffectPointer);
}
}
}

this.magnetPosition.x = (1 - deploymentStr) * this.magnetPosition.x + deploymentStr * lPosIdleX + Math.cos(lEndAngle) * excitationLevel;
this.magnetPosition.y = (1 - deploymentStr) * this.magnetPosition.y + deploymentStr * lPosIdleY + Math.cos(lEndAngle) * excitationLevel;

this.speedEnd.x = (this.magnetPosition.x - this.positionEnd.x) * aDelta;
this.speedEnd.y = (this.magnetPosition.y - this.positionEnd.y) * aDelta;
this.speedEnd.x = 0.3 * (this.magnetPosition.x - this.positionEnd.x) * aDelta;
this.speedEnd.y = 0.3 * (this.magnetPosition.y - this.positionEnd.y) * aDelta;

this.speedEnd.x *= 0.98;
this.speedEnd.y *= 0.98;
Expand All @@ -466,7 +492,7 @@ MonsterHair.prototype.update = function (aDelta) {
// this.positionEnd.y -= 1 * sMonster.speed.y / window.innerWidth * aDelta;


var distanceMiddle = 1.2 * lRadiusNormStart * (0.2 + 0.1 * deploymentStr); // to simulate the curvature of the hair.
var distanceMiddle = 2.2 * lRadiusNormStart * (0.2 + 0.1 * deploymentStr); // to simulate the curvature of the hair.
// var distanceTarget = 1 * lHairLength * lRadiusNorm;
// {

Expand Down

0 comments on commit 22ccb18

Please sign in to comment.