diff --git a/public/plugins/heroSection/img/Frame 2087328326.svg b/public/plugins/heroSection/img/Frame 2087328326.svg new file mode 100644 index 00000000..1bd198c6 --- /dev/null +++ b/public/plugins/heroSection/img/Frame 2087328326.svg @@ -0,0 +1,263 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/public/plugins/heroSection/img/chart.png b/public/plugins/heroSection/img/chart.png new file mode 100644 index 00000000..9092caff Binary files /dev/null and b/public/plugins/heroSection/img/chart.png differ diff --git a/public/plugins/heroSection/preview/earthMap.png b/public/plugins/heroSection/preview/earthMap.png new file mode 100644 index 00000000..093e51cc Binary files /dev/null and b/public/plugins/heroSection/preview/earthMap.png differ diff --git a/src/plugins/heroSection/components/layout.vue b/src/plugins/heroSection/components/layout.vue new file mode 100644 index 00000000..a6bdfdc7 --- /dev/null +++ b/src/plugins/heroSection/components/layout.vue @@ -0,0 +1,346 @@ + + + + + \ No newline at end of file diff --git a/src/plugins/heroSection/components/mapModel.vue b/src/plugins/heroSection/components/mapModel.vue new file mode 100644 index 00000000..c804cc86 --- /dev/null +++ b/src/plugins/heroSection/components/mapModel.vue @@ -0,0 +1,252 @@ + + + diff --git a/src/plugins/heroSection/components/scene.vue b/src/plugins/heroSection/components/scene.vue new file mode 100644 index 00000000..09499f19 --- /dev/null +++ b/src/plugins/heroSection/components/scene.vue @@ -0,0 +1,32 @@ + + + diff --git a/src/plugins/heroSection/config.js b/src/plugins/heroSection/config.js new file mode 100644 index 00000000..6dcceedb --- /dev/null +++ b/src/plugins/heroSection/config.js @@ -0,0 +1,21 @@ +export default { + "name": "heroSection", + "title": "概念网站 HeroSection", + "intro": "Hero Section是网站的首页顶部区域，通常包含吸引人的图片、标题和简短的描述，用来吸引访问者的注意并引导他们进一步浏览网站内容。这个区域通常是网站最显眼和重要的部分，通过精心设计和内容选择，可以吸引访问者的兴趣，提升用户体验和网站的吸引力。", + "version": "0.0.1", + "author": "何贤", + "website": "站点地址", + "state": "https://github.com/hexianWeb", + "creatTime": "2025-02-13", + "updateTime": "2025-02-13", + "require": [], + "tvtstore": 'LOCAL', + "preview": [{ + "src": "plugins/heroSection/preview/earthMap.png", + "type": "img", + "name": "earthMap", + "title": "现代 UI 设计官网", + disableFPSGraph: false, + disableSrcBtn: false + }, ] +} \ No newline at end of file diff --git a/src/plugins/heroSection/pages/earthMap.vue b/src/plugins/heroSection/pages/earthMap.vue new file mode 100644 index 00000000..fa4ee3b4 --- /dev/null +++ b/src/plugins/heroSection/pages/earthMap.vue @@ -0,0 +1,21 @@ + + + + + diff --git a/src/plugins/heroSection/shaders/fragment.glsl b/src/plugins/heroSection/shaders/fragment.glsl new file mode 100644 index 00000000..298ea991 --- /dev/null +++ b/src/plugins/heroSection/shaders/fragment.glsl @@ -0,0 +1,45 @@ +// fragment.glsl +uniform sampler2D uTexture; +uniform float uTime; +uniform float uFadeStart; +uniform float uMaxDistance; +uniform float uStrength; +uniform float uNoiseStrength; // 新增：噪声强度 +uniform float uNoiseSpeed; // 新增：噪声变化速度 +uniform float uMoveSpeed; // 新增：整体移动速度 + +varying vec2 vUv; + +// 伪随机函数 +float random(vec2 st) { + return fract(sin(dot(st.xy, vec2(12.9898,78.233))) * 43758.5453123); +} + +void main() { + // 基础左移速度 (负值表示向左) + float baseOffsetX = uTime * uMoveSpeed * -0.1; + + // 生成动态噪声 + vec2 noiseCoord = vUv * 10.0 + uTime * uNoiseSpeed*1.0; + float noiseX = random(floor(noiseCoord + 0.5)); + float noiseY = random(floor(noiseCoord - 0.5)); + + // 合成偏移量 + vec2 offset = vec2( + baseOffsetX + (noiseX - 0.5) * uNoiseStrength, + (noiseY - 0.5) * uNoiseStrength * 0.5 // Y轴幅度减半 + ); + + // 应用UV偏移 + vec2 offsetUv = vUv + offset; + // 获取纹理颜色 + vec4 textureColor = texture2D(uTexture, offsetUv); + // 计算距离 (0.5, 0.0) 的距离 + float distanceToCenter = distance(vUv, vec2(0.5, 0.0)); + + // 计算透明度 + float alpha = 1.0 - smoothstep(uFadeStart, uMaxDistance, distanceToCenter); + + // 设置最终颜色，保持原始颜色，但改变透明度 + gl_FragColor = vec4(textureColor.rgb*uStrength, alpha); +} diff --git a/src/plugins/heroSection/shaders/vertex.glsl b/src/plugins/heroSection/shaders/vertex.glsl new file mode 100644 index 00000000..c2b86c8b --- /dev/null +++ b/src/plugins/heroSection/shaders/vertex.glsl @@ -0,0 +1,6 @@ +varying vec2 vUv; +void main() { + vUv = uv; + + gl_Position = projectionMatrix * modelViewMatrix * vec4(position, 1.0); +} \ No newline at end of file