디렉토리로 돌아가기
1. 스프라이트객체(스프라이트)란 무엇인가요?
소위 엘프 개체는 게임 내 동작을 포함하는 요소입니다. 슈퍼마리오를 예로 들면, 마리와 적들은 모두 엘프 개체로 간주됩니다. cnGameJS 프레임워크에서 Sprite 객체는 다음과 같은 특징을 가지고 있습니다.
1. 애니메이션 추가 : 이전 애니메이션 글에서 cnGameJS가 프레임 애니메이션을 구현하는 방법을 소개했습니다. 스프라이트 객체로서 애니메이션을 사용하는 사용자입니다. 예를 들어 Mary가 다른 방향으로 걷도록 제어하면 Mary는 걷기 애니메이션을 생성합니다.
2. 이미지 포함 : 다른 스프라이트 객체의 경우 모션 애니메이션이 필요하지 않을 수 있으므로 이미지를 사용하면 됩니다.
3. 다양한 유형의 움직임을 수행할 수 있습니다: 스프라이트 객체를 다양한 방향과 가속도로 움직일 수 있습니다.
2.demo 표시
여기에 간단한 데모가 있습니다. Mary가 정지할 때 마우스를 통해 Mary의 동작(균일 가속 이동)을 제어합니다. Mary가 움직일 때 애니메이션과 키보드의 왼쪽 및 오른쪽 화살표 키를 사용하여 Mary의 움직임을 제어하세요.
효과:
코드:
<body>
<div><canvas id="gameCanvas">请使用支持canvas的浏览器查看</canvas></div>
</body>
<script src="http://files.cnblogs.com/Cson/cnGame_v1.0.js"></script>
<script>
var Src="http://images.cnblogs.com/cnblogs_com/Cson/290336/o_player.png";
/* 初始化 */
cnGame.init('gameCanvas',{width:300,height:150});
var floorY=cnGame.height-40;
var gameObj=(function(){
/* 玩家对象 */
var player=function(options){
this.init(options);
this.speedX=0;
this.moveDir;
this.isJump=false;
}
cnGame.core.inherit(player,cnGame.Sprite);
player.prototype.initialize=function(){
this.addAnimation(new cnGame.SpriteSheet("playerRight",Src,{frameSize:[50,60],loop:true,width:150,height:60}));
this.addAnimation(new cnGame.SpriteSheet("playerLeft",Src,{frameSize:[50,60],loop:true,width:150,height:120,beginY:60}));
}
player.prototype.moveRight=function(){
if(cnGame.core.isUndefined(this.moveDir)||this.moveDir!="right"){
this.moveDir="right";
this.speedX<0&&(this.speedX=0);
this.setMovement({aX:10,maxSpeedX:15});
this.setCurrentAnimation("playerRight");
}
}
player.prototype.moveLeft=function(){
if(cnGame.core.isUndefined(this.moveDir)||this.moveDir!="left"){
this.moveDir="left";
this.speedX>0&&(this.speedX=0);
this.setMovement({aX:-10,maxSpeedX:15});
this.setCurrentAnimation("playerLeft");
}
}
player.prototype.stopMove=function(){
if(this.speedX<0){
this.setCurrentImage(Src,0,60);
}
else if(this.speedX>0){
this.setCurrentImage(Src);
}
this.moveDir=undefined;
this.resetMovement();
}
player.prototype.update=function(){
player.prototype.parent.prototype.update.call(this);//调用父类update
if(cnGame.input.isPressed("right")){
this.moveRight();
}
else if(cnGame.input.isPressed("left")){
this.moveLeft();
}
else{
this.stopMove();
}
}
return {
initialize:function(){
cnGame.input.preventDefault(["left","right","up","down"]);
this.player=new player({src:Src,width:50,height:60,x:0,y:floorY-60});
this.player.initialize();
},
update:function(){
this.player.update();
},
draw:function(){
this.player.draw();
}
};
})();
cnGame.loader.start([Src],gameObj);
</script>
复制代码3. 구현
애니메이션 spriteSheet 객체와 마찬가지로 sprite 객체도 초기화, 업데이트, 그리기의 세 단계로 구분됩니다.
스프라이트 초기화 첫 번째 살펴보기 함수 :
/**
*初始化
**/
init:function(options){
/**
*默认对象
**/
var defaultObj={
x:0,
y:0,
imgX:0,
imgY:0,
width:32,
height:32,
angle:0,
speedX:0,
speedY:0,
aX:0,
aY:0,
maxSpeedX:postive_infinity,
maxSpeedY:postive_infinity,
maxX:postive_infinity,
maxY:postive_infinity,
minX:-postive_infinity,
minY:-postive_infinity
};
options=options||{};
options=cg.core.extend(defaultObj,options);
this.x=options.x;
this.y=options.y;
this.angle=options.angle;
this.width=options.width;
this.height=options.height;
this.angle=options.angle;
this.speedX=options.speedX;
this.speedY=options.speedY;
this.aX=options.aX;
this.aY=options.aY;
this.maxSpeedX=options.maxSpeedX;
this.maxSpeedY=options.maxSpeedY;
this.maxX=options.maxX;
this.maxY=options.maxY;
this.minX=options.minX;
this.minY=options.minY;
this.spriteSheetList={};
if(options.src){ //传入图片路径
this.setCurrentImage(options.src,options.imgX,options.imgY);
}
else if(options.spriteSheet){//传入spriteSheet对象
this.addAnimation(options.spriteSheet);
setCurrentAnimation(options.spriteSheet);
}
}주로 개체 위치, 회전 각도, 크기, xy 방향 속도, 가속도 등 많은 매개변수가 있습니다. xy 방향, xy 방향의 최대 속도. 또한 사용자가 이미지 주소를 전달하면 현재 Sprite 객체가 이미지를 사용하도록 설정되고, 그렇지 않으면 spriteSheet 애니메이션이 사용됩니다.
먼저 스프라이트 개체가 이미지를 사용하는 방법을 살펴보겠습니다.
/**
*设置当前显示图像
**/
setCurrentImage:function(src,imgX,imgY){
if(!this.isCurrentImage(src,imgX,imgY)){
imgX=imgX||0;
imgY=imgY||0;
this.image=cg.loader.loadedImgs[src];
this.imgX=imgX;
this.imgY=imgY;
this.spriteSheet=undefined;
}
},먼저 이미지가 지금 사용되고 있는지 확인하세요. 그렇지 않은 경우 로더에서 다운로드한 이미지 개체를 가져옵니다(모든 이미지 리소스는 게임 내에서는 처음에 다운로드 받았고, spriteSheet를 undefine(spriteSheet 애니메이션을 사용하지 않음을 나타냄)으로 설정하여 스프라이트 객체가 이미지를 사용할 수 있도록 합니다.
애니메이션 사용 방법을 살펴보겠습니다.
/**
*设置当前显示动画
**/
setCurrentAnimation:function(id){//可传入id或spriteSheet
if(!this.isCurrentAnimation(id)){
if(cg.core.isString(id)){
this.spriteSheet=this.spriteSheetList[id];
this.image=this.imgX=this.imgY=undefined;
}
else if(cg.core.isObject(id)){
this.spriteSheet=id;
this.addAnimation(id);
this.image=this.imgX=this.imgY=undefined;
}
}
},
复制代码먼저 들어오는 spriteSheet 또는 spriteSheet의 ID를 기반으로 애니메이션이 사용되는지 확인합니다. 그렇지 않은 경우 사용할 스프라이트를 설정합니다. spriteSheet 애니메이션.
애니메이션을 사용하도록 Sprite 개체를 설정한 후 핵심 함수 update는 spriteSheet의 업데이트를 호출하여 SpriteSheet에서 사용하는 애니메이션을 업데이트하는 역할을 담당합니다. 스프라이트의 xy:
if(this.spriteSheet){//更新spriteSheet动画
this.spriteSheet.x=this.x
this.spriteSheet.y=this.y;
this.spriteSheet.update();
}이로써 스프라이트 개체 애니메이션 표시가 완료됩니다.
마지막으로 스프라이트가 다양한 속도로 움직일 수 있도록 하는 마지막 기능을 구현하는 방법을 살펴보겠습니다.
가변 속도 모션을 수행하려면 초기 속도, 경과 시간, 가속도 등 변수를 설정해야 합니다. 이제 가변 속도 이동을 담당하는 cnGameJS 부분을 살펴보겠습니다.
/**
*设置移动参数
**/
setMovement:function(options){
isUndefined=cg.core.isUndefined;
isUndefined(options.speedX)?this.speedX=this.speedX:this.speedX=options.speedX;
isUndefined(options.speedY)?this.speedY=this.speedY:this.speedY=options.speedY;
isUndefined(options.aX)?this.aX=this.aX:this.aX=options.aX;
isUndefined(options.aY)?this.aY=this.aY:this.aY=options.aY;
isUndefined(options.maxX)?this.maxX=this.maxX:this.maxX=options.maxX;
isUndefined(options.maxY)?this.maxY=this.maxY:this.maxY=options.maxY;
isUndefined(options.minX)?this.minX=this.minX:this.minX=options.minX;
isUndefined(options.minY)?this.minY=this.minY:this.minY=options.minY;
if(this.aX!=0){
this.startTimeX=new Date().getTime();
this.oriSpeedX=this.speedX;
isUndefined(options.maxSpeedX)?this.maxSpeedX=this.maxSpeedX:this.maxSpeedX=options.maxSpeedX;
}
if(this.aY!=0){
this.startTimeY=new Date().getTime();
this.oriSpeedY=this.speedY;
isUndefined(options.maxSpeedY)?this.maxSpeedY=this.maxSpeedY:this.maxSpeedY=options.maxSpeedY;
}
}사용자가 setMovement를 호출할 때마다 스프라이트의 초기 속도와 이동이 시작되는 시간이 유지됩니다. 이런 방식으로 업데이트할 때마다 이전 두 변수를 기반으로 스프라이트의 현재 속도를 얻을 수 있으며 XY 방향의 현재 변위를 계산할 수 있습니다.
if(this.aX!=0){
var now=new Date().getTime();
var durationX=now-this.startTimeX;
var speedX=this.oriSpeedX+this.aX*durationX/1000;
if(this.maxSpeedX<0){
this.maxSpeedX*=-1;
}
if(speedX<0){
this.speedX=Math.max(speedX,this.maxSpeedX*-1) ;
}
else{
this.speedX=Math.min(speedX,this.maxSpeedX);
}
}
if(this.aY!=0){
var now=new Date().getTime();
var durationY=now-this.startTimeY;
this.speedY=this.oriSpeedY+this.aY*durationY/1000;
}
this.move(this.speedX,this.speedY);
复制代码업데이트가 스프라이트의 변위를 업데이트하면 3단계 그리기 방법을 통해 스프라이트가 그려집니다.
/**
*绘制出sprite
**/
draw:function(){
var context=cg.context;
if(this.spriteSheet){
this.spriteSheet.x=this.x
this.spriteSheet.y=this.y;
this.spriteSheet.draw();
}
else if(this.image){
context.save()
context.translate(this.x, this.y);
context.rotate(this.angle * Math.PI / 180);
context.drawImage(this.image,this.imgX,this.imgY,this.width,this.height,0,0,this.width,this.height);
context.restore();
}
},스프라이트가 spriteSheet 애니메이션을 사용하는지, 이미지를 사용하는지에 따라 그리기 메서드 실행이 다르다는 점에 유의하세요. sprieSheet 애니메이션을 사용할 때 draw 메서드는 기본적으로 spriteSheet의 draw 메서드를 호출하여 프레임 이미지를 그립니다. Sprite가 이미지를 사용할 때 이미지를 그리기 전에 회전할 수도 있습니다.
스프라이트 개체는 스프라이트 개체가 포함된 사각형을 반환하는 getRect 메서드도 제공합니다. 이 방법은 스프라이트 객체와 다른 객체 간의 충돌을 감지하는 편의성을 제공합니다. 충돌 감지에 대해서는 다음을 참조하십시오: HTML5 게임 프레임워크 cnGameJS 개발 기록(충돌 감지)
또한 스프라이트 객체에는 move, moveTo, resize, resizeTo 등과 같은 기능이 있어 제어를 용이하게 합니다. 물체의 위치와 크기.
스프라이트 객체의 모든 소스 코드:
/**
*
*sprite对象
*
**/
cnGame.register("cnGame",function(cg){
var postive_infinity=Number.POSITIVE_INFINITY;
var sprite=function(id,options){
if(!(this instanceof arguments.callee)){
return new arguments.callee(id,options);
}
this.init(id,options);
}
sprite.prototype={
/**
*初始化
**/
init:function(options){
/**
*默认对象
**/
var defaultObj={
x:0,
y:0,
imgX:0,
imgY:0,
width:32,
height:32,
angle:0,
speedX:0,
speedY:0,
aX:0,
aY:0,
maxSpeedX:postive_infinity,
maxSpeedY:postive_infinity,
maxX:postive_infinity,
maxY:postive_infinity,
minX:-postive_infinity,
minY:-postive_infinity
};
options=options||{};
options=cg.core.extend(defaultObj,options);
this.x=options.x;
this.y=options.y;
this.angle=options.angle;
this.width=options.width;
this.height=options.height;
this.angle=options.angle;
this.speedX=options.speedX;
this.speedY=options.speedY;
this.aX=options.aX;
this.aY=options.aY;
this.maxSpeedX=options.maxSpeedX;
this.maxSpeedY=options.maxSpeedY;
this.maxX=options.maxX;
this.maxY=options.maxY;
this.minX=options.minX;
this.minY=options.minY;
this.spriteSheetList={};
if(options.src){ //传入图片路径
this.setCurrentImage(options.src,options.imgX,options.imgY);
}
else if(options.spriteSheet){//传入spriteSheet对象
this.addAnimation(options.spriteSheet);
setCurrentAnimation(options.spriteSheet);
}
},
/**
*返回包含该sprite的矩形对象
**/
getRect:function(){
return new cg.shape.Rect({x:this.x,y:this.y,width:this.width,height:this.height});
},
/**
*添加动画
**/
addAnimation:function(spriteSheet){
this.spriteSheetList[spriteSheet.id]=spriteSheet;
},
/**
*设置当前显示动画
**/
setCurrentAnimation:function(id){//可传入id或spriteSheet
if(!this.isCurrentAnimation(id)){
if(cg.core.isString(id)){
this.spriteSheet=this.spriteSheetList[id];
this.image=this.imgX=this.imgY=undefined;
}
else if(cg.core.isObject(id)){
this.spriteSheet=id;
this.addAnimation(id);
this.image=this.imgX=this.imgY=undefined;
}
}
},
/**
*判断当前动画是否为该id的动画
**/
isCurrentAnimation:function(id){
if(cg.core.isString(id)){
return (this.spriteSheet&&this.spriteSheet.id===id);
}
else if(cg.core.isObject(id)){
return this.spriteSheet===id;
}
},
/**
*设置当前显示图像
**/
setCurrentImage:function(src,imgX,imgY){
if(!this.isCurrentImage(src,imgX,imgY)){
imgX=imgX||0;
imgY=imgY||0;
this.image=cg.loader.loadedImgs[src];
this.imgX=imgX;
this.imgY=imgY;
this.spriteSheet=undefined;
}
},
/**
*判断当前图像是否为该src的图像
**/
isCurrentImage:function(src,imgX,imgY){
imgX=imgX||0;
imgY=imgY||0;
var image=this.image;
if(cg.core.isString(src)){
return (image&&image.srcPath===src&&this.imgX===imgX&&this.imgY===imgY);
}
},
/**
*设置移动参数
**/
setMovement:function(options){
isUndefined=cg.core.isUndefined;
isUndefined(options.speedX)?this.speedX=this.speedX:this.speedX=options.speedX;
isUndefined(options.speedY)?this.speedY=this.speedY:this.speedY=options.speedY;
isUndefined(options.aX)?this.aX=this.aX:this.aX=options.aX;
isUndefined(options.aY)?this.aY=this.aY:this.aY=options.aY;
isUndefined(options.maxX)?this.maxX=this.maxX:this.maxX=options.maxX;
isUndefined(options.maxY)?this.maxY=this.maxY:this.maxY=options.maxY;
isUndefined(options.minX)?this.minX=this.minX:this.minX=options.minX;
isUndefined(options.minY)?this.minY=this.minY:this.minY=options.minY;
if(this.aX!=0){
this.startTimeX=new Date().getTime();
this.oriSpeedX=this.speedX;
isUndefined(options.maxSpeedX)?this.maxSpeedX=this.maxSpeedX:this.maxSpeedX=options.maxSpeedX;
}
if(this.aY!=0){
this.startTimeY=new Date().getTime();
this.oriSpeedY=this.speedY;
isUndefined(options.maxSpeedY)?this.maxSpeedY=this.maxSpeedY:this.maxSpeedY=options.maxSpeedY;
}
},
/**
*重置移动参数回到初始值
**/
resetMovement:function(){
this.speedX=0;
this.speedY=0;
this.aX=0;
this.aY=0;
this.maxSpeedX=postive_infinity;
this.maxSpeedY=postive_infinity;
this.maxX=postive_infinity;
this.minX=-postive_infinity;
this.maxY=postive_infinity;
this.minY=-postive_infinity;
},
/**
*更新位置和帧动画
**/
update:function(){
if(this.aX!=0){
var now=new Date().getTime();
var durationX=now-this.startTimeX;
var speedX=this.oriSpeedX+this.aX*durationX/1000;
if(this.maxSpeedX<0){
this.maxSpeedX*=-1;
}
if(speedX<0){
this.speedX=Math.max(speedX,this.maxSpeedX*-1) ;
}
else{
this.speedX=Math.min(speedX,this.maxSpeedX);
}
}
if(this.aY!=0){
var now=new Date().getTime();
var durationY=now-this.startTimeY;
this.speedY=this.oriSpeedY+this.aY*durationY/1000;
}
this.move(this.speedX,this.speedY);
if(this.spriteSheet){//更新spriteSheet动画
this.spriteSheet.x=this.x
this.spriteSheet.y=this.y;
this.spriteSheet.update();
}
},
/**
*绘制出sprite
**/
draw:function(){
var context=cg.context;
if(this.spriteSheet){
this.spriteSheet.x=this.x
this.spriteSheet.y=this.y;
this.spriteSheet.draw();
}
else if(this.image){
context.save()
context.translate(this.x, this.y);
context.rotate(this.angle * Math.PI / 180);
context.drawImage(this.image,this.imgX,this.imgY,this.width,this.height,0,0,this.width,this.height);
context.restore();
}
},
/**
*移动一定距离
**/
move:function(dx,dy){
dx=dx||0;
dy=dy||0;
var x=this.x+dx;
var y=this.y+dy;
this.x=Math.min(Math.max(this.minX,x),this.maxX);
this.y=Math.min(Math.max(this.minY,y),this.maxY);
return this;
},
/**
*移动到某处
**/
moveTo:function(x,y){
this.x=Math.min(Math.max(this.minX,x),this.maxX);
this.y=Math.min(Math.max(this.minY,y),this.maxY);
return this;
},
/**
*旋转一定角度
**/
rotate:function(da){
this.angle+=da;
return this;
},
/**
*旋转到一定角度
**/
rotateTo:function(){
this.angle=da;
return this;
},
/**
*改变一定尺寸
**/
resize:function(dw,dh){
this.width+=dw;
this.height+=dh;
return this;
},
/**
*改变到一定尺寸
**/
resizeTo:function(width,height){
this.width=width;
this.height=height;
return this;
}
}
this.Sprite=sprite;
});
复制代码위 내용은 HTML5 게임 프레임워크 cnGameJS 개발 기록 - elf 객체 장의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!
H5는 무엇을 언급합니까? 맥락 탐색Apr 12, 2025 am 12:03 AMh5referstohtml5, apivotaltechnologyinwebdevelopment.1) html5introducesnewelements 및 dynamicwebapplications.2) itsupp ortsmultimediawithoutplugins, enovannangeserexperienceacrossdevices.3) SemanticLementsImproveContentsTructUreAndSeo.4) H5'Srespo
H5 : 도구, 프레임 워크 및 모범 사례Apr 11, 2025 am 12:11 AMH5 개발에서 마스터 해야하는 도구 및 프레임 워크에는 vue.js, React 및 Webpack이 포함됩니다. 1.vue.js는 사용자 인터페이스를 구축하고 구성 요소 개발을 지원하는 데 적합합니다. 2. 복잡한 응용 프로그램에 적합한 가상 DOM을 통해 페이지 렌더링을 최적화합니다. 3. Webpack은 모듈 포장에 사용되며 리소스로드를 최적화합니다.
HTML5의 유산 : 현재 H5 이해Apr 10, 2025 am 09:28 AMhtml5hassignificallytransformedwebdevelopmentbyintranticalticlementements, 향상 Multimediasupport 및 Improvingperformance.1) itmadewebsitessmoreaccessibleadseo 친환경적 인 요소, 및 .2) Html5intagnatee
H5 코드 : 접근성 및 시맨틱 HTMLApr 09, 2025 am 12:05 AMH5는 시맨틱 요소 및 ARIA 속성을 통해 웹 페이지 접근성 및 SEO 효과를 향상시킵니다. 1. 컨텐츠 구조를 구성하고 SEO를 개선하기 위해 사용합니다. 2. Aria-Label과 같은 ARIA 속성은 접근성을 향상시키고 보조 기술 사용자는 웹 페이지를 원활하게 사용할 수 있습니다.
H5는 html5와 동일합니까?Apr 08, 2025 am 12:16 AM"H5"와 "HTML5"는 대부분의 경우 동일하지만 특정 시나리오에서는 다른 의미를 가질 수 있습니다. "HTML5"는 새로운 태그와 API를 포함하는 W3C 정의 표준입니다. "H5"는 일반적으로 HTML5의 약어이지만 모바일 개발에서는 HTML5를 기반으로 한 프레임 워크를 참조 할 수 있습니다. 이러한 차이를 이해하면 프로젝트 에서이 용어를 정확하게 사용하는 데 도움이됩니다.
H5의 기능은 무엇입니까?Apr 07, 2025 am 12:10 AMH5 또는 HTML5는 HTML의 다섯 번째 버전입니다. 개발자에게 더 강력한 도구 세트를 제공하여 복잡한 웹 애플리케이션을보다 쉽게 만들 수 있습니다. H5의 핵심 기능에는 다음이 포함됩니다. 1) 웹 페이지에 그래픽 및 애니메이션을 그리는 요소; 2) 웹 페이지 구조를 SEO 최적화에 명확하고 도움이되는 시맨틱 태그 등; 3) GeolocationApi 지원 위치 기반 서비스와 같은 새로운 API; 4) 호환성 테스트 및 폴리 필 라이브러리를 통해 크로스 브라우저 호환성을 보장해야합니다.
H5 링크를 수행하는 방법Apr 06, 2025 pm 12:39 PMH5 링크를 만드는 방법? 링크 대상 결정 : H5 페이지 또는 응용 프로그램의 URL을 가져옵니다. HTML 앵커 작성 : & lt; a & gt; 태그 앵커를 만들고 링크 대상 URL을 지정합니다. 링크 속성 설정 (선택 사항) : 필요에 따라 대상, 제목 및 on 클릭 속성을 설정하십시오. 웹 페이지에 추가 : 링크가 나타나려는 웹 페이지에 HTML 앵커 코드를 추가하십시오.
H5 호환성 문제를 해결하는 방법Apr 06, 2025 pm 12:36 PMH5 호환성 문제에 대한 솔루션에는 다음이 포함됩니다. 웹 페이지가 화면 크기에 따라 레이아웃을 조정할 수있는 반응 형 디자인을 사용합니다. 릴리스 전에 호환성을 테스트하기 위해 브라우저 크로스 브라우저 테스트 도구를 사용하십시오. PolyFill을 사용하여 이전 브라우저의 새로운 API를 지원합니다. 웹 표준을 따르고 효과적인 코드 및 모범 사례를 사용하십시오. CSS 프리 프로세서를 사용하여 CSS 코드를 단순화하고 가독성을 향상시킵니다. 이미지를 최적화하고 웹 페이지 크기를 줄이며로드 속도를 높이십시오. HTTPS를 통해 웹 사이트의 보안을 보장하십시오.
핫 AI 도구
Undresser.AI Undress
사실적인 누드 사진을 만들기 위한 AI 기반 앱
AI Clothes Remover
사진에서 옷을 제거하는 온라인 AI 도구입니다.
Undress AI Tool
무료로 이미지를 벗다
Clothoff.io
AI 옷 제거제
AI Hentai Generator
AI Hentai를 무료로 생성하십시오.
인기 기사
뜨거운 도구
MinGW - Windows용 미니멀리스트 GNU
이 프로젝트는 osdn.net/projects/mingw로 마이그레이션되는 중입니다. 계속해서 그곳에서 우리를 팔로우할 수 있습니다. MinGW: GCC(GNU Compiler Collection)의 기본 Windows 포트로, 기본 Windows 애플리케이션을 구축하기 위한 무료 배포 가능 가져오기 라이브러리 및 헤더 파일로 C99 기능을 지원하는 MSVC 런타임에 대한 확장이 포함되어 있습니다. 모든 MinGW 소프트웨어는 64비트 Windows 플랫폼에서 실행될 수 있습니다.
SublimeText3 Linux 새 버전
SublimeText3 Linux 최신 버전
DVWA
DVWA(Damn Vulnerable Web App)는 매우 취약한 PHP/MySQL 웹 애플리케이션입니다. 주요 목표는 보안 전문가가 법적 환경에서 자신의 기술과 도구를 테스트하고, 웹 개발자가 웹 응용 프로그램 보안 프로세스를 더 잘 이해할 수 있도록 돕고, 교사/학생이 교실 환경 웹 응용 프로그램에서 가르치고 배울 수 있도록 돕는 것입니다. 보안. DVWA의 목표는 다양한 난이도의 간단하고 간단한 인터페이스를 통해 가장 일반적인 웹 취약점 중 일부를 연습하는 것입니다. 이 소프트웨어는
Atom Editor Mac 버전 다운로드
가장 인기 있는 오픈 소스 편집기
안전한 시험 브라우저
안전한 시험 브라우저는 온라인 시험을 안전하게 치르기 위한 보안 브라우저 환경입니다. 이 소프트웨어는 모든 컴퓨터를 안전한 워크스테이션으로 바꿔줍니다. 이는 모든 유틸리티에 대한 액세스를 제어하고 학생들이 승인되지 않은 리소스를 사용하는 것을 방지합니다.
