홈 페이지 탐식 뱀의 랜 덤 큐 브
//
实现效果的js代码:
// : , ,
//
((function () {
function Random() {}
//
Random.prototype.getRandom = function (min,max) {
return parseInt((Math.random() * (max - min) + min))
}
window.Random = Random;
})())
//
var rm = new Random();
//
((function () {
function Food(width,height,color,x,y) {
this.width = width || 20;
this.height = height || 20;
this.color = color || "green";
//
this.x = x || 0;
this.y = y || 0;
// div
this.element = document.createElement("div");
}
//
Food.prototype.init = function (map) {
//1. div
var div = this.element;
//2.
div.style.width = this.width + "px";
div.style.height = this.height + "px";
div.style.backgroundColor = this.color;
div.style.position = "absolute";
//3. map
map.appendChild(div);
//
this.render(map);
}
//
Food.prototype.render = function (map) {
// 0 - 39
//
this.x = rm.getRandom(0,map.offsetWidth / this.width) * this.width;
this.y = rm.getRandom(0,map.offsetHeight / this.height) * this.height;
console.log(this.y);
console.log(rm.getRandom(0,map.offsetHeight / this.height) * this.height);
this.element.style.left = this.x + "px";
this.element.style.top = this.y + "px";
}
//
var food = new Food();
food.init(document.getElementById("map"));
})())
이 내용에 흥미가 있습니까?
현재 기사가 여러분의 문제를 해결하지 못하는 경우 AI 엔진은 머신러닝 분석(스마트 모델이 방금 만들어져 부정확한 경우가 있을 수 있음)을 통해 가장 유사한 기사를 추천합니다:
Nest.js와 Sapper를 결합하여 편안한 잠수 환경을 만들었다Svelte는 간단한 기술량이 적고 코드를 쉽게 읽고 재사용하기 때문에 매우 좋아하지만, 백엔드에 SSR을 불러오는 것도 대응하는 Sapper가 편리하기 때문에 평소에 이것을 사용한다. -REAST와 DB 등 통신 ...
텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
CC BY-SA 2.5, CC BY-SA 3.0 및 CC BY-SA 4.0에 따라 라이센스가 부여됩니다.