玫瑰花小制作分享-JavaScript(七夕专属浪漫)

  分享一个玫瑰花的制作小方法,用小小的代码给自己的她送上一个不一样的玫瑰花。

  玫瑰花代码由JavaScript实现,JavaScript 作为一种脚本语言, 被发明用于在 HTML 网页上使用,可以给HTML网页增加动态功能,让网页呈现各种特殊效果。

1.简单介绍

  JavaScript 特点:

  • 可以使用任何文本编辑工具编写,然后使用浏览器就可以执行程序。
  • 是一种解释型脚本语言:代码不进行预编译,从上往下逐行执行,不需要进行严格的变量声明。
  • 要要用来向 HTML 页面添加交互行为。

代码一般格式: 




  这里需要一些HTML的知识,代码整体结构是基于HTML的,JavaScript 代码放在  标签里,

2.具体制作及源码

  首先创建一个.html文件,如果你有JavaScript 开发经验,拥有自己的编辑器,使用自己的即可,下面再分享一种纯小白的原始文本制作方法,(还没下载安装JavaScript相关的编辑器vim、Visual Studio Code等)

  新建一个文本文档,菜单栏选择“文件-另存为”设置文件名称,类型。注意,名称后缀为.html,类型为所有文件。

玫瑰花小制作分享-JavaScript(七夕专属浪漫)_第1张图片

  创建如下:

  玫瑰花制作是使用 JavaScript 实现多个不同的形状图来组成一个逼真的玫瑰花。共使用了 31 个形状:24 个花瓣,4 个萼片,2 个叶子和 1 根花茎,其中每一个形状图都用代码进行描绘。

源码:                     



Rose making and sharing(玫瑰花)






Looking forward to more exchanges and sharing(玫瑰花)



3.总结

  玫瑰花制作采用JavaScript 实现,是一个动态的精美的玫瑰花网页,展示效果美观,学习中其代码有一定的深度,主要结合应用了计算机图形创建方法。具有一定难度挑战。

  效果图:

玫瑰花小制作分享-JavaScript(七夕专属浪漫)_第2张图片

 

你可能感兴趣的:(玫瑰花小制作分享-JavaScript(七夕专属浪漫))