整合營銷服務商
電腦端+手機端+微信端=數據同步管理
免費咨詢熱線：
電腦端+手機端+微信端=數據同步管理
免費咨詢熱線：
好程序員Java培訓分享使用JS實現簡單噴泉效果，最近，在教學生使用JS的基本操作，為了練習JS的基本作用，特地寫了一個噴泉效果，代碼如下：
頁面代碼:
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
<script src="js/particle.js" type="text/javascript" charset="utf-8"></script>
<style type="text/css">
body{
margin: 0px;
}
</style>
</head>
<body>
</body>
</html>
Particle.js代碼如下：
window.onload=function(){
// 創建一個畫布對象
var canvas=document.createElement("canvas");
// 設置大小和顏色
canvas.width=window.innerWidth;
canvas.height=window.innerHeight;
canvas.style.backgroundColor="#333333";
// 將畫布放置到body里
document.body.appendChild(canvas);
// 得到畫筆
var context=canvas.getContext("2d");
// 定義一個存放所有粒子的數組
var particles=[ ];
// 調用顯示粒子
showParticle();
// 創建并顯示粒子的方法
function showParticle(){
// 循環操作
setInterval(function(){
// 清空畫布
context.clearRect(0,0,canvas.width, canvas.height);
// 創建粒子
var p=new Particle(canvas.width * 0.5, canvas.height * 0.5);
// 將粒子裝入存放粒子的數組
particles.push(p);
// 循環更新所有粒子的位置
for (var i=0;i<particles.length;i++) {
// 更新位置
particles[i].updateData();
}
}, 50);
}
function Particle(x, y){
// 原坐標
this.x=x;
this.y=y;
// 初始出現的改變的y的值
this.yVal=-5;
// 改變的x的值
this.xVal=Math.random() * 8 - 4;
// 定義一個下降的重力加速度
this.g=0.1;
// 更新位置
this.updateData=function(){
// X值的變化
this.x=this.x + this.xVal;
// Y值的變化
this.y=this.y + this.yVal;
// 每次改變Y值速度的變化
this.yVal=this.yVal + this.g;
// 生成一個隨機顏色
context.fillStyle="#" + Math.floor(Math.random() * 0xffffff).toString(16);
// 將更新位置后的圓繪制出來
this.draw();
};
市廣場景觀設計追求大氣，使人們有了一個休閑，集會的場所。水景作為造景元素，使廣場充滿了生命力。不少城市廣場設計有噴泉，這樣不但能為人們濕潤周圍的空氣，還可以消除一些塵埃，并且水珠與空氣的撞擊，也會產生出大量對人體有益的負氧離子，可以增進人們的身體健康！
當華燈初上，人們在廣場漫步的時候，多姿多彩的噴泉造型，伴隨著音樂歡快跳動的水花，加以七彩的燈光，既能美化周圍的環境，提高城市文化藝術面貌，而且可以給人們帶來美的享受。
隨著廣場景觀設計技術的發展，噴泉已經成為了一種獨立、高雅的藝術，它的系統設計是建立在廣場景觀設計之中的。噴泉一般采用自循環方式供水，它的色彩來自與三種光源，一種是水中的彩色光源，一種是空氣中形成的物體光彩，還有一種就是投射光源。
噴泉系統的控制一般有音樂控制、程序控制、手動控制等。手動控制噴泉成本較低，但缺乏變化。程序控制噴泉有豐富的水形變化，加上音樂控制噴泉采用了無極調速控制，可以將音樂變化和噴泉完美的結合起來，給與人們視覺和聽覺的享受。
總之，當園林景觀設計師進行廣場景觀設計時，一定要把生態思想融入到水景和噴泉的設計當中去，這樣設計出來的廣場景觀項目，不但能夠看到真實的生態效果，起到良好的裝飾和渲染環境的作用，使周邊的人們感到愉悅。
原文參考：http://www.jkjgsj.com/articles/qsgcjg.html
鳥網作者：wwj1955
出自蜂鳥網-新手論壇，原貼鏈接：https://m.fengniao.com/thread/11008485.html
布達拉宮廣場音樂噴泉是拉薩的網紅景點。伴隨著悠揚動聽的音樂，形式多樣的噴水造型和色彩豐富燈光效果，噴起落下構成色彩斑斕的水簾，時而直沖天際，時而化成蓮花狀，勾勒出一個光怪陸離、美輪美奐的布達拉宮夜晚。
在音樂忽停、噴泉暫歇的間隙里，布達拉宮以及水中倒影在驟然來臨的靜謐中顯得格外壯麗。
歡迎關注 蜂鳥網微信公眾號：fengniaoweixin
*請認真填寫需求信息，我們會在24小時內與您取得聯系。
