http://ajaxchess.pragmaticlogic.com/
똑똑한 Ajax 장기

http://www.janis.or.jp/users/segabito/JavaScriptMaryo.html
슈퍼마리오

최근에 javascript, flash, dhtml로 구현한 알카노이드를 봤는데..
잘 구현했다고 생각했었는데.. 이젠 슈퍼마리오, 장기도 나오네요...

간단하지는 않지만...
고스톱, 기타 그래픽적인 요소가 많은 게임을 제외하곤 Javascript로도 충분히 다양한
게임을들 구현할 수 있겠네요..

Application보다야 더 유연하게 작동되지는 않겠지만
그래도 잠깐잠깐 즐길만한 게임은...
신고
Posted by Rhio.kim
Prototype.js 에서 내부적으로 처리되는 소스 입니다.
        
var Class = {
  create: function() {
    return function() {
      this.initialize.apply(this, arguments);
    }
  }
}


Prototype 객체 생성 방식
var Animal = Create.class();
var snake = new Animal();


기존 방식으로 보면


function Animal() {
  this.initialize = function() {
  }
  
  this.initialize();
}
var snake = new Animal();


실제 사용 예제 입니다. Prototype에서 이렇게 쓰는 의미를 찾는다면..
자주 사용하게될 소스를 미리 정의해서 쉽게 사용하자는 것, JSON 스타일의 코딩을 한다는 것.. 뭐 이정도?


기술적으로 해석하면 오브젝트가 생성되면서 자동적으로 initialize 함수를 실행(오브젝트의 초기 설정)을 하도록 처리되어진 기능


퀴즈 typeof Animal = '?' 물음표에 들어갈 내용은 무엇일까요?
퀴즈 alert(Animal) 은 무엇이 출력될까요?


var Animal = Class.create(); //Animal은 this.initialize.apply(this, arguments)를 실행하는 함수를 갖는다
Animal.prototype = {
    initialize: function(name, sound) { //초기화 부분
        this.name = name;
        this.sound = sound;
    },
    
    speak: function() {
     alert(name + " says: " + sound + "!");
    }
};
---------- ↑ Animal Class 원형 ↑--------------------------------


var snake = new Animal("Ringneck", "hissssssssss");


snake.speak(); // -> alerts "Ringneck says: hissssssssss!"

var Dog = Class.create();
Dog.prototype = Object.extend(new Animal(), {
    initialize: function(name) {
        this.name = name;
        this.sound = "woof";
    }
});


var fido = new Dog("Fido");
fido.speak(); // -> alerts "Fido says: woof!"
        
신고
Posted by Rhio.kim