하루에 한번 클릭으로 시스템 수리에서 보안, 최적화까지! 이 모든것을 단 한번의 클릭으로 해결할수 있습니다.

느려지고, 충돌나고, 뚤린 보안을 클릭 한번만으로 자동으로 검색해서 치료합니다.
윈도우 Vista, XP, 2000에서 사용할수 있습니다.

2006년후로 지금까지 천만번 다운로드된 프로그램! 한글버전 제공합니다.
(Free 다운로드 클릭후 60초 기다리시면 됩니다.)

저작자 표시 비영리 변경 금지
Posted by 웹눈
AutoClearHistory는 브라우저가 저장하는 사용자의 로그(방문한 사이트, 입력한 비밀번호 등..)를 삭제해주는 프로그램입니다. 브라우저 외에도 MSN, Window Media등의 프로그램이 기록한 로그를 삭제할수 있습니다.

브라우저 히스토리 삭제 유틸리티
(FreeDownload 클릭후 60초 기다리시면 됩니다.)
저작자 표시 비영리 변경 금지
Posted by 웹눈
윈도우 7용 테마 17가지를 다운받을수 있는곳이 있네요. 게임 목록은 아래와 같습니다.

Themes :
윈도우 7 테마 바탕화면
Avatar
Gears of War
Gears of War 2
Halo Wars
Call of Duty Modern Warfare 2
Cloud Final Fantasy VII
World of Warcraft Christmas
Lightning Final Fantasy XIII
Rikku Final Fantasy X
Angelina Jolie as Lara Croft
StarCraft II Wings of Liberty
Diablo 3
Grand Theft Auto IV
Hostel Halls
World of Warcraft Windows 7
Summit on the Summit
Twinkle Wish

(다운받는 창으로 이동후 Free download 선택하시면 60초후 다운받으실수 있습니다.)
저작자 표시 비영리 변경 금지
Posted by 웹눈
Vista Manager는 비스타 운영체제를 손쉽게 최적화 할수 있는 프로그램 유틸리티 입니다.
프로그램을 다운받아서 설치하시면 아래 그림 1-1 과 같이 화면이 나옵니다.

왼쪽 메뉴에서 세번째 메뉴인 Optimization Wizard를 선택하시면 총 12단계를 거치면서 최적화를 진행하게 됩니다.

그외에도 Cleaner등 옵션도 제공하고 있습니다.

비스타 최적화 프로그램

그림 1-1


% 다운로드 페이지에서 free download 를 선택하시면 60초후 다운받으실수 있습니다.
저작자 표시 비영리 변경 금지
Posted by 웹눈

PDFZilla 는 PDF 파일을 편집가능한 MS Word Documents, Rich Text Document, Plain, Text Files, Image, HTML 그리고 Shockwave Flash (SWF) 파일로 변환해주는 프로그램입니다.

PDFZilla 는 대부분의 포맷형식을 지원해줍니다.

프로그램 다운로드는 이곳에서 하실수 있습니다.
일반 다운로드를 선택후 60초간 기다리시면 다운받으실수 있습니다.

저작자 표시 비영리 변경 금지
Posted by 웹눈
  • 시작하기 전에
  • 문제
    • 버튼이나 링크를 클릭해서 폰트의 크기를 변경하고 싶다.
      (대부분의 뉴스 사이트에서 구현되어 있는 기능)
      jQuery 강좌 - 폰트 크기 바꾸기

      그림 1-1


  • 해결
    • jQuery를 통해 현재의 폰트 사이즈를 알아낸 다음 그 수치에 버튼을 클릭할때마다 +1 이나 -1 을 해줌으로써 폰트 사이즈를 변경합니다.
  • 토의
    • 위 그림 1-1 에서 볼수 있듯이 크게, 작게 링크를 클릭하게 되면 현재 폰트 사이즈에서 +1이나 -1을 해줍니다. 예제 소스는 아래와 같습니다.

      <head>
      <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
      <title>폰트 사이즈 바꾸기 - 웹눈의 웹이야기</title>

      <script type="text/javascript" src="jquery.txt"></script>
      <script type="text/javascript">
      //현재 폰트 사이즈를 저장할 전역 변수
      var currentFontSize ;
      //문서가 준비되었는지 이벤트를 걸어준다.
      $(document).ready(init);
      //초기화
      function init()
      {
      // 1. 크게, 작게 링크에 이벤트를 걸어줍니다.
      $("#fontControll li a").click(clickHandler);
      }
      //크게, 작게 링크가 클릭되었을때 처리하는 함수
      function clickHandler(e)
      {
      //이벤트 전파를 막는다.
      e.preventDefault(); 
      //크게, 작게 중 어느것이 클릭되었는지 판별
      var whichClicked = $(this).attr("id");
      //현재의 폰트 사이즈를 전역 변수에 저장한다.
      currentFontSize = parseInt($(".article").css("font-size"));
      //클릭된 링크에 따라 폰트를 크게 혹은 작게 설정합니다.
      switch(whichClicked)
      {
      case "larger" :
      //1폰트 크게한다.
      setFontSize(1) ;
      break ;
      case "smaller" :
      //1폰트 작게한다.
      setFontSize(-1) ;
      break ;
      }
      }
      function setFontSize($size)
      {
      var totalFontSize = currentFontSize + $size ;
      $(".article").css({"font-size":totalFontSize+"px"});
      }

      </script>

      <style type="text/css">

      #fontControll li{
      display:inline ;
      font-size:12px ;
      }

      .article {
      font-size:12px ;
      }

      </style>

      </head>
      <body>
      <div id="titles">
          <h1>폰트 크기 바꾸기 예제 - <a href="http://webnoon.net" target="_blank">웹눈의 웹이야기</a></h1>
          </div>
          <div id="fontSizeControllBox">
              <ul id="fontControll">
                  <li><a href="http://naver.com" id="larger">크게</a></li>
                  <li><a href="http://google.com" id="smaller">작게</a></li>
              </ul>
          </div>
          <div id="contents">
              <p class="article">
                  이번 예제는 뉴스 사이트에서 흔히 볼수있는 폰트 사이즈를 변경해보는것입니다.<br />
                  크롬, 파이어폭스, 익스플로어7 에서 테스트 되었습니다.<br />
                  이 예제의 자세한 설명은 웹눈 블로그 <a href="http://webnoon.net" target="_blank">http://webnoon.net</a> 에서 자세히 보실수 있습니다.
              </p>
          </div>

      </body>

    • 코드는 매우 직관적으로 짜여져 있습니다. 여기서 "이벤트를 걸어준다" 라는 말이 모호하게 느껴질수도 있는데, 이말은 "이벤트 발생을 탐지한다" 정로도 해석할수 있겠습니다.

      즉, $(document).ready([callbackFunction]) 에서는 "문서가 로딩이 완료될때 발생시키는 이벤트" 를 탐지하기 위해서 $(document) 객체에 ready라는 이벤트를 걸어주었습니다.

      마찬가지로 크게, 작게 링크[$("#fontControll li a")]에도 click 이벤트를 탐지하도록 이벤트를 걸어준것입니다.(여기서 걸어준다는 표현은 전문용어가 아니므로 참고해주시기 바랍니다.)

      나머지 부분은 주석으로 자세히 설명되어 있어서 더이상 설명은 생략하겠습니다만, 질문이 있으시면 언제나 댓글란을 이용해주세요.
  • 참고자료
저작자 표시 비영리 변경 금지
Posted by 웹눈
+ SpaceBar = 와이어 프레임 보이기 / 숨기기
+ Shift = 폴리곤 보이기 /숨기기

플레시 캠프에서 본것을 따라해보려고.. 우선 와이어 프레임으로 구성된 Shape과 렌더링 엔진만 만들어보았습니다.
다음에는 쉐이더를 얹힌 버전으로 업로드 해봐야겠습니다.
Posted by 웹눈
TAG 3d, flash
  • 문제
    • 웹캠을 통해 영상이미지를 출력하고 싶다.
  • 해결
    • Window 운영체제에서는 QuickTime과 vdig(video digitizer)를 설치한다.
    • 개발이 중단된 vdig 대신에 JMyron 라이브러리를 사용한다.
  • 토의
    • QuickTime은 검색엔진에서 손쉽게 검색해서 다운받을수 있다. QuickTime을 설치한후에는 vdig를 설치하자. 개발이 중단되었지만 http://eden.net.nz/7/20071008 에서 다운받을수 있다.
    • vidig를 인스톨한다.
    • processing 코드
      import processing.video.* ; //video 라이브러리를 임폴트함.
      import processing.core.*;

      public class VideoTest extends PApplet
      {

      private Capture cam ; // Capture 오브젝트 선언.

      public VideoTest()
      {

      }

      public void setup()
      {
      size(320,240);
      /* PApplet args0, int width, int height, int frameRate*/
      cam = new Capture(this,320,240,15);

      }

      public void draw()
      {
      if(cam.available())
      {
      cam.read() ;
      }

      image(cam,0,0) ;
      }
      }
  • 기타
    • JMyron 라이브러리는 모션 트래킹등을 손쉽게 할수 있는 메서드를 제공한다.
    • JMyron 관련한 예제는 추후에 하나씩 다루어보도록 하겠습니다.
  • 참고자료

Posted by 웹눈
  • 해결
    • PDE (Processing Development Environment) 에서 제공하는 CreatFont 기능을 사용합니다.
  • 예제
    • PDE 를 실행한다.
    • 프로젝트를 저장합니다. (저장하지 않고 실행할시 폰트파일이 만들어지지 않음.)
    • PDE 메뉴의 Tools -> CreatFont 선택.
      processing 팁, 폰트

      그림 1-1

    • 그림 1-1 과 같은 창이 뜨면 원하는 폰트를 선택한후 OK 버튼을 클릭합니다. 이때, Filename을 기억하고 있어야 합니다.
    • 위 그림 1-1 경우 ArialMT-36.vlw 파일이 프로젝트 폴더의 data 폴더 안에 생성됩니다.
    • 예제 코드
      PFont f; // STEP 2 Declare PFont variable
      void setup() {
      size(200,200);
      f = loadFont( "ArialMT-36.vlw " ); // STEP 3 Load Font
      }
      void draw() {
      background(255);
      textFont(f,16); // STEP 4 Specify font to be used
      fill(0); // STEP 5 Specify font color
      text ( " Mmmmm... Strings ... " ,10,100); // STEP 6 Display Text
      }
    • Eclipse 예제 코드
      package test;

      import processing.core.*;
      import processing.opengl.*;

      public class MyProcessingSketch extends PApplet{
         
          private float a ;
          private PFont f ;
          private float _x = 0.0f;
          private float _y = 0.0f;
         
          public MyProcessingSketch()
          {
             
          }
         
          public void setup()
          {

              size(800, 600,OPENGL);
               
                f = loadFont("asset/YGO550-48.vlw");
               
          }
         
         
          public void draw() {

              background(255);
              fill(0) ;
              textFont(f,16) ;
              textAlign(CENTER) ;
             
              rotateX(radians(_x)) ;
             
              translate(width/2, height/2) ;
              text("이",10*cos(radians(_x)),10*sin(radians(_x))) ;
             
              _x++ ;
             
          }
         
      }



Posted by 웹눈

참고 자료 : http://processing.org/learning/eclipse/

  1. 프로세싱 라이브러리를 Import 합니다.
    1. 이클립스 메뉴에서 FILE -> IMPORT -> GENERAL -> FILE SYSTEM을 클릭.
    2. "from directory"란에서 "Browse..."를 클릭하여 프로세싱 라이브러리가 있는 폴더를 지정합니다.
      Processing -> Contents -> Resources -> Java
    3. core.jar 를 선택후 "FINISH"를 클릭.
      processing eclipse

      이클립스 메뉴에서 FILE --> IMPORT --> GENERAL --> FILE SYSTEM.

  2. 아래 그림과 같이 "Packgae Explorer" 상에 core.jar 이 보여야 합니다.
  3. core.jar 아이콘을 마우스 오른쪽 버튼으로 클릭후 BUILD PATH --> ADD TO BUILD PATH 를 선택합니다.
  4. 아래와 같은 새로운 클레스를 생성하면 프로세싱 라이브러리 사용가능합니다.
    import processing.core.*;

    public class MyProcessingSketch extends PApplet {

    public void setup() {
    size(200,200);
    background(0);
    }

    public void draw() {
    stroke(255);
    if (mousePressed) {
    line(mouseX,mouseY,pmouseX,pmouseY);
    }
    }
    }



Posted by 웹눈
50가지 훌륭한 아이콘(icon) 디자인(design) 예제
sixrevision.com 에서는 다음과 같이 50가지의 훌륭한 아이콘 디자인 예제를 다루고 있습니다.

1. The Making of an Icon

2. How To Make An Icon

3. 10 Mistakes in Icon Design

4. Icon Design: Bitmap vs Vector

5. Professional technique for creating icons

6. 7 Principles of Effective Icon Design

7. 10 Tips for Effective Icon Design

8. Icon Design Explained (Quickly)

9. How to Design Mini Icons

10. Make a Handy 3D Vector Calendar Icon

11. Vector Film Slate Icon

12. How to Turn Glasses into a Great Geek Icon

13. Detailed Camera with Photo Icon

14. How to Design a Set of Multicolored Buddy Icons

15. Adobe Bridge Icon

16. How to Create a Vector Safari Compass in Illustrator

17. Translucent IM Style Illustrator Icon Tutorial

18. Create a Vector RSS Icon with Illustrator

19. Juicy RSS Feed Icon

20. How to Make a Vector Military Cap Icon

21. Delicious Chinese Food Icon

22. Transparent Battery Icon

23. Vector Lock Icon Design

24. Custom Hard Drive Icon

25. Create a Speed Gauge and Watch Icon

26. Design a Detailed Compass Icon

27. Safety Icon Design

28. Design a Glossy Download Icon

29. Creating a Cool Yellow Helmet Icon

30. Create a Jaguar Style Folder Icon

31. Vista Error Icon

32. Vista Folder Icon Tutorial

33. Design The iTunes Icon For The iPhone

34. XP Style Money Icon

35. Angry Emoticon

36. XP Style iPod Icon

37. LG LCD Monitor Icon

38. Adobe Photoshop CS3 Style Icons

39. Clock Icon

40. World Icon Tutorial

41. How to Make a Folder Icon

42. Glossy RSS icon

43. Recreate the Famous Yahoo! Smiley

44. Skype Buddy Icon

45. Create A Mockingly Smiley

46. iTune Icon

47. Fast Folder Icon Making

48. Stylish Search Icon

49. Creating a clock icon

50. Computer Icon Tutorial
Posted by 웹눈



more..


사용방법은.. 곡선을 이을 포인트(x,y쌍) 배열을 매개변수로 넘긴다. $n 은 보간 정도..

ex)
var points : Vector.<Number> = Vector.<Number>(50,50,100,200,200,100,300,300);
var path : Vector.<Number> = CatmullRomSpline.curve(points,20) ;

path[2*i] -> x
path[2*i+1] -> y

Posted by 웹눈