开css(cs之起源)时屏幕出现条状雪花为什么会这样

html-css023

开css(cs之起源)时屏幕出现条状雪花为什么会这样,第1张

估计你电脑配置不够,显卡有点坏了,起源配置说不高的却跟现在大多单机比是不大高,可是也的却不低。如果只是玩起源有这样的情况应该是显卡过热吧。

把起源特效开到最低试试,能流畅一些

在后台添加js特效可实现这样的效果。

js代码为:

<script language="JavaScript">

<!--

var no = 5 //雪片数目

var speed = 20 //飘动速度。(值越大越慢)

var ns4up = (document.layers) ? 1 : 0 //当前浏览器类型,如果是NS则为1

var ie4up = (document.all) ? 1 : 0 //当前浏览器类型,如果是IE则为1

var s, x, y, sn, cs

var a, r, cx, cy

var i, doc_width = 800, doc_height = 600

x = new Array()

y = new Array()

r = new Array()

cx = new Array()

cy = new Array()

s = 8 //每次下落的高度,越小越平滑,但是也越慢

if (ns4up) { //以NS兼容方式

doc_width = self.innerWidth //取页面宽度

doc_height = self.innerHeight //取页面高度

}

else

if (ie4up) { //以IE兼容方式

doc_width = document.body.clientWidth //取页面宽度

doc_height = document.body.clientHeight//取页面高度

}

for (i = 0i <no++ i) { //根据前面定义的雪片数目写进相应数目的层

initSnow() //随机初始化层的坐标

if (ns4up) { //如果浏览器是NS

//用layer作为雪片(星号)的容器

document.write("<layer name=\"dot"+ i +"\" left=\"1\" ")

document.write("top=\"1\" visibility=\"show\"><font color=\"red\">")

document.write("*</font></layer>")

}

else

if (ie4up) { //如果浏览器是IE

//用div作为雪片的容器

document.write("<div id=\"dot"+ i +"\" style=\"POSITION: ")

document.write("absoluteZ-INDEX: "+ i +"VISIBILITY: ")

document.write("visibleTOP: 15pxLEFT: 15px\"><font color=\"red\">")

document.write("*</font></div>")

}

}

//初始化雪片,生成随机坐标

function initSnow() {

a = 6

r[i] = 1

sn = Math.sin(a)

cs = Math.cos(a)

cx[i] = Math.random() * doc_width + 1

cy[i] = Math.random() * doc_height + 1

x[i] = r[i] * sn + cx[i]

y[i] = cy[i]

}

//计算雪花位置,从新位置上出现,看起来就像是新产生的一样。

function makeSnow() {

r[i] = 1

cx[i] = Math.random() * doc_width + 1

cy[i] = 1

x[i] = r[i] * sn + cx[i]

y[i] = r[i] * cs + cy[i]

}

//雪花下落的计算

function updateSnow() {

r[i] += s

x[i] = r[i] * sn + cx[i]

y[i] = r[i] * cs + cy[i]

}

//在NS浏览器上处理雪片下落的主程序

function SnowdropNS() {

for (i = 0i <no++ i) { //依次处理每片雪花

updateSnow() //下落

if ((x[i] <= 1) || (x[i] >= (doc_width - 20)) || (y[i] >= (doc_height - 20))) { //如果超出屏幕范围

makeSnow() //则调整雪片到新位置上

doc_width = self.innerWidth //更新页面宽度数据

doc_height = self.innerHeight //更新页面高度数据

}

document.layers["dot"+i].top = y[i] //改变层的Y坐标,应用新的位置

document.layers["dot"+i].left = x[i] //改变层的X坐标,应用新的位置

}

setTimeout("SnowdropNS()", speed)

}

//在IE浏览器上处理雪片下落的主程序

function SnowdropIE() {

for (i = 0i <no++ i) { //依次处理每片雪花

updateSnow() //下落

if ((x[i] <= 1) || (x[i] >= (doc_width - 20)) || (y[i] >= (doc_height - 20))) { //如果超出屏幕范围

makeSnow() //则调整雪片到新位置上

doc_width = document.body.clientWidth //更新页面宽度数据

doc_height = document.body.clientHeight //更新页面高度数据

}

document.all["dot"+i].style.pixelTop = y[i] //改变层的坐标,应用新的位置

document.all["dot"+i].style.pixelLeft = x[i]

}

setTimeout("SnowdropIE()", speed) //准备下一次下落过程。

}

if (ns4up) { //如果是NS

SnowdropNS()//调用SnowdropNS使雪片下落

}

else

if (ie4up) { //如果是NS

SnowdropIE()//调用SnowdropIE使雪片下落

}

-->

</script>

说明:可以根据自己的需求根据说明进行相应参数的修改

绘制雪花图案

1. 准备工作

(1)隐藏小猫角色。

2. 功能实现

(1)初始设定雪花中心点的坐标为(x=0,y=0);

(2)线条粗细1,线条颜色为任意彩色;

(3)点击绿旗,在屏幕上画出均匀分布的5个三角形的雪花图案。

3. 设计思路与实现(1)角色分析

角色:隐藏的小猫

角色:隐藏的小猫

背景:默认背景(无色)

背景:默认背景(无色)

「a. 运动类」

将角色移动到舞台中央指定的X/Y坐标位置,默认坐标(x:0,y:0)

将角色移动到舞台中央指定的X/Y坐标位置,默认坐标(x:0,y:0)

将角色朝向某个指定的方向

将角色朝向某个指定的方向

角色移动指定的步数,正数就是向前,负数就是向后

角色移动指定的步数,正数就是向前,负数就是向后

将角色向左旋转指定的角度

将角色向左旋转指定的角度

「b. 外观类」

在舞台中隐藏当前角色

在舞台中隐藏当前角色

「c. 事件类」

程序启动之后,点击小绿旗,执行后续的程序脚本

程序启动之后,点击小绿旗,执行后续的程序脚本

「d. 控制类」

重复执行指定次数模块里面的指令

重复执行指定次数模块里面的指令

时间间隔,等待指定的时间后执行后面的指令

时间间隔,等待指定的时间后执行后面的指令

「e. 运算类」

随机得到设定区间中的任一值

随机得到设定区间中的任一值

「f. 画笔类」

清除舞台中画笔绘制的所有图案

清除舞台中画笔绘制的所有图案

将画笔放置于舞台上(好比我们用笔画画的时候将画笔笔尖放在纸张上准备绘画)

将画笔放置于舞台上(好比我们用笔画画的时候将画笔笔尖放在纸张上准备绘画)

将画笔从舞台上提起来,画完了(好比我们画好图形了,把画笔收起来)

将画笔从舞台上提起来,画完了(好比我们画好图形了,把画笔收起来)

将画笔的粗细设定为指定的值

将画笔的粗细设定为指定的值

将画笔的颜色设定为指定的值,下拉倒三角还可以选择设定画笔颜色的饱和度、亮度和透明度

将画笔的颜色设定为指定的值,下拉倒三角还可以选择设定画笔颜色的饱和度、亮度和透明度

「a. 角色设置」

使用默认的角色,不需要额外设置。

「b. 舞台背景设置」

使用默认的舞台背景,不需要额外设置。

(5)脚本编写

这类绘画题会结合数学的几何知识,我们只要先摸清图形规律(5个等边三角形,每个角60度,而且均匀分布),再下手就很快可以做出来。

「a. 角色:隐藏的小猫」

流程描述:

开始:点击绿旗,程序启动,执行后续指令模块。

隐藏:将角色也就是小猫隐藏(题目要求)。

清除画笔:清除舞台上所有画笔的痕迹。

设置画笔粗细:将画笔的粗细设为1

设置画笔颜色:将画笔的颜色随机赋值(任意色彩)

抬笔:准备移动

初始方向:将角色朝向90度的方向

初始位置:将画笔移到舞台坐标X=0,Y=0的坐标位置

落笔:开始绘画,将画笔笔尖放在舞台上

重复5次,画5个均匀分布的三角形

重复3次,画出单个三角形

向前移动100(三角形的边长)

将画笔的方向向左旋转120度

时间间隔,等待0.1秒后在执行后面的程序(为了方便观看)

画完一个三角形后将角色向左旋转72度(因为我们一圈是360度,5个正三角形也就是5*60=300度,360-300=60度,还有5个间隔,每个间隔应该是60/5=12度,由于三角形画完之后又回到起始的位置,所以需要旋转60+12=72度,才能绘制下一个三角形)

绘制完成

开始:点击绿旗,程序启动,执行后续指令模块。

隐藏:将角色也就是小猫隐藏(题目要求)。

清除画笔:清除舞台上所有画笔的痕迹。

设置画笔粗细:将画笔的粗细设为1

设置画笔颜色:将画笔的颜色随机赋值(任意色彩)

抬笔:准备移动

初始方向:将角色朝向90度的方向

初始位置:将画笔移到舞台坐标X=0,Y=0的坐标位置

落笔:开始绘画,将画笔笔尖放在舞台上

重复5次,画5个均匀分布的三角形

重复3次,画出单个三角形

向前移动100(三角形的边长)

将画笔的方向向左旋转120度

时间间隔,等待0.1秒后在执行后面的程序(为了方便观看)

画完一个三角形后将角色向左旋转72度(因为我们一圈是360度,5个正三角形也就是5*60=300度,360-300=60度,还有5个间隔,每个间隔应该是60/5=12度,由于三角形画完之后又回到起始的位置,所以需要旋转60+12=72度,才能绘制下一个三角形)

绘制完成

二级考试大纲与说明

(一)考核目标

学生对编程软件的进一步操作能力,对多角色的位置,上下层关系等设置,侦测和选择语句以及综合不同模块进行问题的解决;考查对各循环语句的掌握程度。同时针对参加 2 级考试的学生将进行一般逻辑推理和总结归纳能力的考查。

(二)能力目标

通过本级考试的学生,有一定的逻辑推理能力,熟练使用侦测和选择语句解决问题,能独立完成包含分支语句,循环语句等比较综合的案例。

(三)考试标准

1、理解编程工具的进阶相关概念,掌握编程工具中进阶模块的使用。

1)理解舞台区层的概念;

2)理解舞台区坐标系的概念;

3)能够使用选择结构的指令;

4)能够使用实现循环的指令;

5)能够使用画笔及设置画笔的大小粗细;

6)能够控制角色的大小,特效和可视状态;

7)能够使用侦测相关的指令;

8)能够录入声音,并且对声音进行简单处理;

9)掌握数学运算,逻辑运算和关系运算并应用;

1)理解舞台区层的概念;

2)理解舞台区坐标系的概念;

3)能够使用选择结构的指令;

4)能够使用实现循环的指令;

5)能够使用画笔及设置画笔的大小粗细;

6)能够控制角色的大小,特效和可视状态;

7)能够使用侦测相关的指令;

8)能够录入声音,并且对声音进行简单处理;

9)掌握数学运算,逻辑运算和关系运算并应用;

2、能应用编程工具中的指令实现进阶效果的程序。

1)掌握选择结构、循环结构的流程图画法;

2)程序包含选择结构,处理多个条件之间的关系;

3)程序中包含循环结构;

4)程序中包含侦测场景的实现;

5)程序中能使用画笔实现效果;

6)程序中按照要求对不同角色进行不同效果的设置。

1)掌握选择结构、循环结构的流程图画法;

2)程序包含选择结构,处理多个条件之间的关系;

3)程序中包含循环结构;

4)程序中包含侦测场景的实现;

5)程序中能使用画笔实现效果;

6)程序中按照要求对不同角色进行不同效果的设置。

(四)知识块

[x] 1. 多角色设置:图层,坐标,移动到鼠标,移动到固定坐标,…秒内移动,角色的大小,特效,可视状态,视频侦测中物体的运动和方向

[ ] 2. 画笔:画笔的大小粗细设置,抬笔,落笔,擦除

[x] 3. 选择语句:……那么……,如果…那么……否则……,选择结 构流程图

[x] 4. 运算:数学运算,关系运算(大于,小于,等于),逻辑运算(且,或,不成立),字符连接,四舍五入

[x] 5. 移动中的侦测:碰到鼠标指针|角色|边缘等,颜色侦测,键盘控制

[x] 6. 循环语句:重复,重复直到…,重复固定次数,循环结构流程图

[ ] 7. 声音的进阶:录入声音,声音的音量控制,声音的截取,设置播放时长和特效,停止

[ ] 8. 逻辑推理,编程数学:负数的概念,图形推理,逻辑推理,规律总结

[x] 1. 多角色设置:图层,坐标,移动到鼠标,移动到固定坐标,…秒内移动,角色的大小,特效,可视状态,视频侦测中物体的运动和方向

[ ] 2. 画笔:画笔的大小粗细设置,抬笔,落笔,擦除

[x] 3. 选择语句:……那么……,如果…那么……否则……,选择结 构流程图

[x] 4. 运算:数学运算,关系运算(大于,小于,等于),逻辑运算(且,或,不成立),字符连接,四舍五入

[x] 5. 移动中的侦测:碰到鼠标指针|角色|边缘等,颜色侦测,键盘控制

[x] 6. 循环语句:重复,重复直到…,重复固定次数,循环结构流程图

[ ] 7. 声音的进阶:录入声音,声音的音量控制,声音的截取,设置播放时长和特效,停止

[ ] 8. 逻辑推理,编程数学:负数的概念,图形推理