web学习(1)--粒子发生器(web入门)

最新推荐文章于 2021-01-07 21:19:52 发布

Sly_461

最新推荐文章于 2021-01-07 21:19:52 发布

阅读量1.7k

点赞数 2

分类专栏：【web学习】文章标签：粒子发生器网页制作 web 网页上制作泡泡移动效果网页制作粒子发生器

本文链接：https://blog.csdn.net/Acmer_Sly/article/details/52578769

版权

博主分享了自己web学习的初步成果，通过一个粒子发生器的实例，展示了如何在网页上制作泡泡移动的动态效果。推荐了w3school作为web学习资源，提供了HTML和JavaScript的代码示例。

摘要由CSDN通过智能技术生成

博主也是刚刚开始学习web网页制作，先推荐一个学习web的好地方http://www.w3school.com.cn，里面HTML,CSS,JavaScript都有详细的教程。

先上一个效果图：(这是个动图，泡泡会往四周扩散)

由于是初学，所以注释很详细，上代码：

HTML:（注意js文件的名字和所放位置，如果和我命名的不一样，注意在第六行修改）

<!DOCTYPE html>          <!--浏览器获知文档类型为HTML5-->
<html>
	<head>
		<meta charset="utf-8" />           <!--编码格式-->
		<title>粒子发生器</title>
		<script src="js/index.js"></script>    <!--引入js-

最低0.47元/天解锁文章

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

Sly_461

关注关注

2
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
复制链接

分享到 QQ

分享到新浪微博

扫一扫

专栏目录

大数据技术Hadoop入门理论系列之一----hadoop生态圈介绍

qq_43958467的博客

09-17

180

1. hadoop 生态概况 Hadoop是一个由Apache基金会所开发的分布式系统基础架构。用户可以在不了解分布式底层细节的情况下，开发分布式程序。充分利用集群的威力进行高速运算和存储。具有可靠、高效、可伸缩的特点。 Hadoop的核心是YARN,HDFS和Mapreduce 下图是hadoop生态系统，集成spark生态圈。在未来一段时间内，hadoop将于spark共存，ha...

粒子发生器

03-16

网站的舞动精灵，快来看看吧！我想下载呀。哈哈

参与评论您还未登录，请先登录后发表或查看评论

OpenGL ES粒子发生器

virus026的专栏

01-18

1121

<br />http://www.iphone-geek.cn/%E7%BC%96%E7%A8%8B/opengl-es%E7%B2%92%E5%AD%90%E5%8F%91%E7%94%9F%E5%99%A8<br />译者注：此代码虽然有这样那样的问题，但仍然值得参考。<br /><br />我在360 iDev会议中汇总了粒子发生器的代码。由于我又要开始进行有收入的工作所以我必须将之处之高阁了，但我准备在这里分享给有兴趣者。<br /><br />首先，我要说我并不是一个OpenGL的专家，我撰写此文

粒子发生器示例

m0_37165550的博客

01-07

318

来源与glfw源码example目录下的particles.c //======================================================================== // A simple particle engine with threaded physics // Copyright (c) Marcus Geelnard // Copyright (c) Camilla Löwy <elmindreda@glfw.org> // // Th

webgl之Three.js学习 day6粒子和粒子系统

chengzhaohui18的博客

03-16

759

一、粒子、粒子系统和ParticleBasicMaterial 1.粒子（Particle）我们可以使用THREE.Particle(material)构造函数手工创建粒子。唯一需要传入的参数是一个材质。该材质可以是Patricle，也可以是ParticleProgramMaterial。 THREE.Mesh的大部分属性都可以用于THREE.Particle。你可以用Position属性...

WEBGL 3D AR VR 梅花骨骼动画粒子系统

xuer_07的专栏

06-03

1489

webgl 案例，欢迎体验 WEBGL 3D AR VR 梅花骨骼动画粒子系统 https://s.h5tu.com/jinli/hs/theplumblossom/

形式化指定和检查Web服务协议

Web服务原子事务协议在TLA+中指定，并使用TLC模型检查器进行检查。一项适度的调查显示了导致方案非预期行为的疏忽;通过对方案的澄清和变更纠正了这些疏忽。保留字：规范、标准、tla、验证1介绍Web服务（WS）旨在克服...

虚拟现实中的多模式教学与培训：回顾与案例研究-数字学习设计方式在虚拟现实环境中的影响

虚拟现实中的多模式教学、学习和培训：回顾与案例研究。虚拟现实智能硬件，2020，2（5）：421-442DOI：10.1016/j.vrih.2020.07.008虚拟现实智能硬件2020年12月第5·回顾·虚拟现实中的多模式教学与培训：回顾与案例...

HTML5粒子发射效果

junjun56的专栏

04-23

1288

最近一直在研究HTML5的粒子效果，参考了很多资料，也研究了很多大神的作品，可还是一知半解，觉得云里雾里。不过，无意间我发现了一篇文章，叫《七步学做HTML5 Canvas粒子喷射动画》，网址是：http://www.108js.com/article/article3/30277.html?id=1177 小编我参考这篇文章，并稍加修改，完成了自己想要的效果。下面就把源码附上：

Particle:粒子发生器

06-06

粒子粒子发生器 玩粒子的程序。左键单击添加粒子，右键单击添加重力井。

distgen:粒子分布发生器

04-02

distgen 粒子分布发生器 安装distgen 安装distgen从conda-forge通道可以通过添加可以实现conda-forge到您的频道： conda config --add channels conda-forge 启用distgen conda-forge distgen频道后，可以使用以下方法安装distgen ： conda install distgen 可以列出您平台上可用的所有distgen版本， distgen包括： conda search distgen --channel conda-forge

JS和CSS组成的炫酷粒子

12-10

基于JS和CSS展现的炫酷粒子特效，没啥积分，赚点积分，请各位多多下载，

html5星空背景的登录页面带粒子特效

09-27

html5 js 实现的登录界面动态效果图，使用该模板能够快速进行登录界面的开发。

android OpenGL开发一个爆炸效果的粒子发生器

ygc87的专栏

04-25

6365

首先声明这个程序基本上都是nehe的OpenGL教学的第十九课内容，我只是把他的代码用android表现了出来，由于本人对算法的了解不是很多，所以这只是一个很简单的例子（但我自己也是花了好长时间才弄出来的），仅供刚刚接触OpenGL的同学参考，有什么错误的地方欢迎指正，你可以说说你自己的想法，互相交流，下面把我的代码附在下面，有兴趣的同学可以研究一下：下面是我们的自定义Renderer，主要的

ThreeJS学习笔记（6）- 让场景动起来

10-13

1640

场景中的物体怎么才能运动起来。我们这里从《古兰经》讲起，这样，你永远不会忘记。《古兰经》上有这样一个故事：一天穆罕穆德告诉人们说大山会向我们走来。于是人们就远望大山，看它怎么走过来，可是等了好长时间大山还是纹丝不动的在那里，人们就问穆罕穆德，大山也没向我们走来啊。默罕默德告诉人们：既然大山没向我们走来，那我们就向大山走去吧。于是人们来到了大山的山顶，人们征服了那座大山。这个故事揭示

粒子动效制作, particles.js学习

Mobius_z的博客

08-01

1926

首先安装 particles.js npm install --save particles.js 当前使用的页面内引入 import particles from 'particles.js' 然后页面写个div,设置ID名 <div id="particles"></div> 页面初始化的时候引用 mounted() { ...

14 Three.js绘制字体模型

现在学习也不晚

07-23

5042

案例查看地址：http://www.wjceo.com/blog/threejs/2018-02-12/16.html使用three.js绘制字体模型，没有想象当中那么难。首先你需要实例化 THREE.FontLoader() 来进行json格式的文字格式加载，在加载成功的回调函数里面进行创建网格。然后通过THREE.TextBufferGeometry或者THREE.TextGeometry方法...

改进A-VFSA粒子发生器的PSO-PG算法研究

"基于A-VFSA粒子发生器的PSO算法的研究" 这篇论文探讨了一种新的全局优化算法，称为PSO-PG（粒子群优化与粒子发生器），它结合了改进版的超快速模拟退火算法（A-VFSA）和粒子群优化（PSO）技术。A-VFSA是一种高效的...