图展示,图中的五角星,还有白色的星星和点点是有动画效果的。
日寄语:希望十月诸事开心,无论是生活还是爱情
!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>JavaScript 脚本语言学习星星经典案例|第10节</title>
<script type="text/JavaScript">
/**
* 星星金字塔案例
* 星星显示效果
* 第一行: * 1
* 第二行: *** 3
* 第三行: ***** 5
* 第四行: ******* 7
* 第五行: ********* 9
*
* 总结: 星星排列的规律
* 1. 有行和列 (个数)
* 2. 行数*2-1 就是每行的个数
* 3. 每行的个数都递增2个
* 3. 假设是来只有5行
*/
// 正三角星星金字塔代码案例:
// 用一个<p>标签来包住输出的星星
document.write('<p style="text-align:center;">');
var hang=5; // 初始化变量的行数
for(var i=1; i<=hang; i++) { // for 循环输出行数 5行
for(var j=1;j<=2*i-1;j++) { // for循环用来表示的星星的个数
document.write('*'); // *号用键盘上的shift+键盘上数字8
}
document.write("<br/>"); // 每循环输出一行星星就在输出一个换行
}
/**
* 星星倒金字塔案例
* 星星显示效果:
* 第一行:********* 9
* 第二行: ******* 7
* 第三行: ***** 5
* 第四行: *** 3
* 第五行: * 1
*
* 总结: 星星排列的规律
* 1. 有行和列 (个数)
* 2. 行数*2-1 就是每行的个数
* 3. 星星每行显示的个数是递减2个
*
*/
// 倒三角代码案例展示:
for(var n=1;n<=hang*2-1;n+=2) { // 输出 行数
for(var m=(hang-1)*2-n;m>0;m--) { // 输出星星数 因为是要拼接正三角,所以倒三角的行数要减1
document.write('*');
}
document.write('<br/>');
}
document.write('</p>'); // </p>结束
</script>
</head>
<body></body>
</html>
最后页面显示效果
以上所列举的只是其中的一种实输出式,还有很多种js代码可以实现两个金字塔拼接成菱形的图案。
如果你们有想到更多的方法欢迎在评论区留言哦。
学到这里来的朋友,是不是会发现js中更多的乐趣了呢?其实js 是一个非常有趣的脚本语言,他能够实现非常多的动态效果,让我们程序页面在开发的时候不在那么死板和乏味。
欢迎关注我,一起学习更多编程知识!
小折纸,有大历史
——可以写入教材的“一刀剪”最大精确五角星折法
摘要: “一刀剪”五角星早已有之,笔者原以为也就几十年的历史。成文过程中发现这段长长的关于五角星折纸的故事可以补充进娱乐数学的数学史中。但早期的“一刀剪”五角星方法,不是角度不精确,就是成品率不高(非最大)。本人用了三年时间打造出一种精确的、最大的且步骤较少的“一刀剪”五角星方法。据此,还得出了非常有用的推论,如:根据折出的36度可以五等分角;联合“折纸解决古希腊三大几何难题”之折纸“三等分角”方法,可以折出任意整数角度等。
关键词:折纸、娱乐数学、一刀剪、五角星、36度、五等分角、黄金比例、five-pointed star、MIT、 Erik Demaine、Between the Folds、Martin Gardner、G4G、fold-and-cut、OSME、BOS、Sam Loyd、Harry Houdini、Betsy Ross、Fu Wei
一、早期五角星/五边形折纸的背景故事
2.1 “一刀剪”问题及Erik Demaine父子的解答
&概念介绍:什么是“一刀剪”?
说到剪纸,大家应该不陌生,它是先折叠好纸,然后多刀剪,剪出某些特定图案。也许剪纸中包括“一刀剪”。但“一刀剪”(Fold-and-Cut Magic)其实是一个数学谜题,这您知道吗?
“你拿出一张纸,任意折,但最后要是一个平面,然后用剪刀剪一条直线,再把这张纸打开,你需要解答剪完后会得出什么形状?”这段话是Erik Demaine(麻省理工学院MIT有史以来最年轻教授)在折纸纪录片《折叠之间》(Between the Folds)中的叙述,他和你的父亲Martin Demaine解决这个“一刀剪”难题,获得了“麦克阿瑟奖天才奖(MacArthur Fellowship)”( 该奖被视为美国跨领域最高奖项之一)。他们父子得出的结论是,“一刀剪”——经过有限次折叠,再一刀剪下去,可以得出任何图形,其中包括“五角星”(five-pointed star)。
024 善用数学文化 灵动数学课堂 优化育人途径
025 基于数学文化的高中数学教学的实践与研究
026 数学中的美—— 读《数学文化中的美育渗透》有感
*请认真填写需求信息,我们会在24小时内与您取得联系。