好程序员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小时内与您取得联系。