整合营销服务商

电脑端+手机端+微信端=数据同步管理

免费咨询热线:

好程序员Java教程分享使用JS实现简单喷泉效果

好程序员Java教程分享使用JS实现简单喷泉效果

 好程序员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