粒子

js/globe.js

@@ -22,7 +22,7 @@
     // 基础 Three.js 场景
     var scene = new THREE.Scene();
 
-    var camera = new THREE.PerspectiveCamera(40, width / height, 0.1, 1000);
+    var camera = new THREE.PerspectiveCamera(55, width / height, 0.1, 1000);
     // 初始视角，稍微偏上俯视球体
     camera.position.set(0, 0.8, 7.5);
     camera.lookAt(0, 0, 0);
@@ -45,10 +45,10 @@
     // -------------------------------
 
     // 可调参数：你可以根据效果需求自行修改
-    var PARTICLE_COUNT = 2200;      // 粒子数量，越多越实，但性能负担也越大
-    var SPHERE_RADIUS = 2.4;        // 球体半径（世界单位）
-    var START_RADIUS_MIN = 5.0;     // 粒子起始距离下限
-    var START_RADIUS_MAX = 9.0;     // 粒子起始距离上限
+    var PARTICLE_COUNT = 1200;      // 粒子数量，越多越实，但性能负担也越大
+    var SPHERE_RADIUS = 2.6;        // 球体半径（世界单位）
+    var START_RADIUS_MIN = 10.0;    // 粒子起始距离下限（调大一点，让更多粒子从画布边缘外飞入）
+    var START_RADIUS_MAX = 18.0;    // 粒子起始距离上限
     var FORMATION_DURATION = 4000;  // 粒子从散开到聚合成球的时间（毫秒）
     var ROTATION_SPEED = 0.25;      // 成形后的自转速度（弧度/秒，约等于旧地球的速度）
 
@@ -116,7 +116,7 @@
 
     var material = new THREE.PointsMaterial({
       color: 0x38bdf8,           // 粒子主色（可自行调整）
-      size: 0.06,                // 每个粒子在世界中的尺寸
+      size: 0.08,                // 每个粒子在世界中的尺寸
       sizeAttenuation: true,
       transparent: true,
       opacity: 0.95,