【编程游戏】贺岁霓虹灯。（参观366楼xiuyouxu的霓虹灯）

【编程游戏】贺岁霓虹灯。（第一名奖励10000可用分）

效果图

评分

参观 [目前Firefox中好使，其他浏览器需复制到本地，存为html文件看效果] <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <head> <meta http-equiv="keywords" content="keyword1,keyword2,keyword3"> <meta http-equiv="description" content="this is my page">  <title>MyNeon</title>  </head> <body bgcolor='#000000'> <script type="text/javascript"> /** * 霓虹灯 * * @param {} * r 圆盘半径 */ Neon = function(r) { this.r = r; this.pointTexts = ['○', '●', '★', '■', '◆', '▲']; this.colors = ['red', 'orange', 'yellow', 'green', 'blue', 'purple', 'pink']; this.pointWidth = 20; this.pointHeight = 20; this.blankLength = this.r / 3; this.o = [document.body.clientWidth / 2, document.body.clientHeight / 2]; this.points = []; this.theta = 2 * Math.asin(this.pointWidth / this.blankLength / 2); this.col = Math.floor((this.r - this.blankLength) / this.pointWidth); this.row = Math.floor(2 * Math.PI / this.theta); this.init(); } Neon.prototype = { init : function() { this.theta = (this.theta > 0) ? this.theta : Math.PI / 12; for (var i = 0; i <= this.row; i++) { var ps = []; for (var j = 0; j < this.col; j++) { var p = document.createElement('div'); p.style.position = 'absolute'; p.style.height = this.pointHeight+'px'; p.style.width = this.pointWidth+'px'; p.style.left = Math.floor(this.o[0] + (this.blankLength + j * this.pointWidth) * Math.cos(i * this.theta) - this.pointWidth / 2)+'px'; p.style.top = Math.floor(this.o[1] - (this.blankLength + j * this.pointHeight) * Math.sin(i * this.theta) - this.pointHeight / 2)+'px'; p.innerHTML = this.randomTextAndColor(Math.floor(Math.random() * this.colors.length), this.pointTexts[Math.floor(Math .random() * this.pointTexts.length)]); document.body.appendChild(p); ps[j] = p; } this.points[i] = ps; } }, start : function() { var self = this; var i = 0; var times = 0; var text = this.pointTexts[Math.floor(Math.random() * this.pointTexts.length)]; setInterval(function() { for (var j = 0; j < self.col; j++) { self.points[i][j].innerHTML = self.randomTextAndColor(Math .floor(Math.random() * self.colors.length), self.pointTexts[Math.floor(Math.random() * self.pointTexts.length)]); } if (i == self.row - times) { var ci = Math.floor(Math.random() * self.colors.length); for (var j = 0; j < self.col; j++) { self.points[i][j].innerHTML = self.randomTextAndColor(ci, text); } times++; if (self.row == times) { text = self.pointTexts[Math.floor(Math.random() * self.pointTexts.length)]; times = 0; } i = 0; } else { i++; } }, 5); }, randomTextAndColor : function(ci, text) { return '<span style="color:' + this.colors[ci] + ';">' + text + '</span>'; } } window.onload = function() { var neon = new Neon(400); neon.start(); } </script> </body> </html>
参观 [目前Firefox中好使，其他浏览器需复制到本地，存为html文件看效果]

【编程游戏】贺岁霓虹灯。（参观366楼xiuyouxu的霓虹灯）相关推荐

【编程游戏】贺岁霓虹灯。（参观109楼dh20156的霓虹灯）
[编程游戏]贺岁霓虹灯.(第一名奖励10000可用分) 效果图评分参观 [目前Firefox中好使,其他浏览器需复制到本地,存为html文件看效果] <html> <head ...
【编程游戏】贺岁霓虹灯。（参观206楼xuyiazl的霓虹灯）
[编程游戏]贺岁霓虹灯.(第一名奖励10000可用分) 效果图评分参观 [目前Firefox中好使,其他浏览器需复制到本地,存为html文件看效果] <html> <head ...
【编程游戏】贺岁霓虹灯。（参观306楼danica7773的霓虹灯）
[编程游戏]贺岁霓虹灯.(第一名奖励10000可用分) 效果图评分参观 [目前Firefox中好使,其他浏览器需复制到本地,存为html文件看效果] <!DOCTYPE html PUB ...
【编程游戏】贺岁霓虹灯。（参观261楼dh20156的霓虹灯）
[编程游戏]贺岁霓虹灯.(第一名奖励10000可用分) 效果图评分参观 [目前Firefox中好使,其他浏览器需复制到本地,存为html文件看效果] <!doctype html pub ...
【编程游戏】贺岁放礼花。（点燃续帖1-164楼lshdic的焰火）
<script type="text/javascript"> function viewPage(html) { var page = window.open('', ...
【编程游戏】贺岁放礼花。（点燃续帖1-194楼lshdic的焰火）
<script type="text/javascript"> function viewPage(html) { var page = window.open('', ...
【编程游戏】贺岁放礼花。（点燃续帖1-131楼lshdic的焰火）
<script type="text/javascript"> function viewPage(html) { var page = window.open('', ...
UE4蓝图无代码编程游戏开发技能学习教程
在虚幻引擎4中创建.设计和开发自己的游戏,无需编码你会学到什么虚幻引擎4中使用蓝图的游戏开发(无代码编程) 使用行业标准方法的游戏设计使用Maya进行三维设计在本课程中创建您的第一个游戏 Ga ...
虚幻引擎C++编程游戏开发基础
流派:电子学习| MP4 |视频:h264,1280×720 |音频:AAC,44.1 KHz 语言:英语+中英文字幕(根据原英文字幕机译更准确)|大小解压后:23.8 GB |时长:44h 59m ...

【编程游戏】贺岁霓虹灯。（参观366楼xiuyouxu的霓虹灯）

【编程游戏】贺岁霓虹灯。（参观366楼xiuyouxu的霓虹灯）相关推荐

最新文章

热门文章