![](https://img-blog.csdnimg.cn/20201014180756926.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
互动应用开发p5.js
文章平均质量分 56
web前端网站设计,JavaScript,实验报告及源码
平杨猪
希望能够给你带来帮助......
展开
-
互动应用开发p5.js——网页小游戏——贪吃蛇
贪吃蛇一、实验内容:基于课件改进贪吃蛇或者太空大战的小游戏,可以加入新的视觉效果,比如区分蛇头和蛇身;为食物增加特效;分数排行榜;行进改成可以循环等等;尽可能丰富游戏的玩法。评分标准:游戏界面及功能 (70分)用户体验 (10分)代码规范(20分)原创 2022-01-20 17:55:00 · 1264 阅读 · 1 评论 -
互动应用开发p5.js——音视频交互
音视频交互一、实验内容:音频可视化,是指一种以视觉为核心,以音频为载体,以大众为诉求对象,借助多种新媒体技术等传播媒介,通过画面、影像来诠释音乐内容的、视听结合的大众化传播方式。它能为理解、分析和比较音频作品形态的表现力和内外部结构提供的一种直观视觉呈现的技术。将麦克风获取到的声音转变成图像获取所需的目标音频信息将振幅转化为波形与环形的振幅其他的是通过声音的大小,获取音频的振幅信息,向绘制圆形的大小参数传递声音振幅的值,以达到不同声音大小的圆形。通过获取音频的振幅信息,将振幅信息传参到小球跳原创 2022-01-20 17:45:39 · 4319 阅读 · 0 评论 -
互动应用开发p5.js——WebGL太阳系
WebGL太阳系一、实验内容:完成一个太阳系场景,其中至少有三个球体,一个表示太阳,一个表示地球,一个表示月亮;地球不停地绕太阳旋转,月亮绕地球旋转,星球本身有自转。可添加纹理,纹理自行从网络搜寻。画上星球运动的轨道线,并加上适当的光照效果。提交代码(如有纹理则需要提交纹理图片)和文档,要求简要说明功能点和实现方法;评分标准:星球的自转和公转运动准确;(30分)光照效果合理;(30分)场景丰富美观,可自由增加其他物体和光照,如飞船等;(20分)编码规范,文档说明准确清楚;(20分)原创 2022-01-20 18:05:57 · 1343 阅读 · 1 评论 -
互动应用开发p5.js——Perlin噪声生成烟雾(柏林噪声)
Perlin噪声生成烟雾一、实验内容: 和鼠标交互结合生成Perlin Noise的烟雾效果要求使用p5.js实现烟雾随机生成效果:流场利用Perlin噪声实现;(30分)粒子按照流场运动;(30分)速度、数量等可由参数控制;(15分)(HTML页面交互传递参数8分,代码中变量控制7分)使用类来实现粒子;(15分)文档和注释清楚;(10分)提交工程目录压缩的zip或者rar,以及一个readme.txt简要说明实现思路和重要参数的功能原创 2022-01-20 17:24:02 · 1303 阅读 · 1 评论 -
互动应用开发p5.js——星星的运动
星星的运动一、实验内容:按照章节要求使用p5.js实现星星随机向画布边界运动的效果:星星近大远小;(20分)能拖出尾迹;(30分)速度、星星数量等可由参数控制;(20分)(HTML页面交互传递参数20分,代码中变量控制10分)使用类来实现;(30分)提交工程目录压缩的zip或者rar,以及一个readme.txt简要说明实现思路和重要参数的功能原创 2022-01-20 17:09:12 · 1368 阅读 · 0 评论 -
互动应用开发p5.js——弹跳小球
互动应用开发p5.js——弹跳小球编程实现小球在画布中运动产生反弹的效果原创 2022-01-19 19:38:17 · 836 阅读 · 0 评论 -
互动应用开发p5.js——冒泡排序可视化
冒泡排序可视化一、实验内容实验要求:实现10个数以上的冒泡排序可视化体现两两交换过程动画速度可由变量控制代码注释完整可选:已排好的序列颜色有所区分解题思路:比较相邻的元素。如果第一个比第二个大,就交换他们两个。对每一对相邻元素作同样的工作,从开始第一对到结尾的最后一对。这步做完后,最后的元素会是最大的数。针对所有的元素重复以上的步骤,除了最后一个。持续每次对越来越少的元素重复上面的步骤,直到没有任何一对数字需要比较。原创 2022-01-20 16:51:02 · 701 阅读 · 0 评论