圖展示,圖中的五角星,還有白色的星星和點點是有動畫效果的。
日寄語:希望十月諸事開心,無論是生活還是愛情
!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小時內與您取得聯系。