關於js實現小球遊戲

2021-09-12 11:36:06 字數 531 閱讀 4443

要實現的功能

1.建立綠色小球

2.綠色小球的隨機移動

3.檢測綠色小球和紅色球的碰撞

4.拖拽紅色球(檢測邊界碰撞)

5.定時器的設定和停止

用到的方法

1.window.location.reload

2.setinterval 定時器

3.css3.0屬性

cursor的用法

url需使用的自定義游標的 url。

注釋:請在此列表的末端始終定義一種普通的游標,以防沒有由 url 定義的可用游標。

default

預設游標(通常是乙個箭頭)

auto

預設。瀏覽器設定的游標。

crosshair

游標呈現為十字線。

pointer

游標呈現為指示鏈結的指標(乙隻手)

move

此游標指示某物件可被移動。

4.math.abs()用於返回數的絕對值

canvas實現多個彈跳小球 js部分

獲取class名為picture的canvas元素 var can document.queryselector picture 讓它撐滿整個螢幕 can.width window.innerwidth can.height window.innerheight 獲取2d上下文 ctx can.ge...

js 實現小球碰壁彈飛效果

html style margin auto width 1000px btn1 開始運動button btn2 停止運動button div box style height 500px width 1000px margin auto border 5px solid red position ...

運動的小球遊戲

coding utf 8 import sys 匯入系統模組 import pygame 匯入pygame模組 pygame.init 初始化pygame size width,height 640,480 設定視窗大小 screen pygame.display.set mode size 顯示視...