jQuery - hsv 색상 공간을 사용하는 색상 사이클 애니메이션?

Question

나는 특별한 신체 - 배경이 필요한 프로젝트를 진행 중이다. 배경색은 무드 라이트와 같은 컬러 스펙트럼을 순환해야합니다. 그래서이 발견 :

http://buildinternet.com/2009/09/its-a-rainbow-color-changing-text-and-backgrounds/

"그러나"이 코드는 몇 가지 매우 가볍고 어두운 색상을 가진 RGB 색 공간으로 노력하고 있습니다. 밝은 색상을 얻는 것은 HSV 색상 공간에서만 작동합니다 (예 : S 및 V 정적을 100으로두고 H 사이클을 사용). 나는 어떻게 변환해야할지 모르겠다. 실제로 내 요구에 맞게이 스 니펫을 포주하는 법을 배웠다.

누구나 아이디어가 있습니까 ??

미리 감사드립니다. 제일, 플로이드

Answer 1

그냥 예를 들어 다음과 같이 HSV 변환 기능에 RGB를 만든 준비 사용으로

http://mjijackson.com/2008/02/rgb-to-hsl-and-rgb-to-hsv-color-model-conversion-algorithms-in-javascript

그럼 그냥 입력 색상 HSV와 당신 ' 애니메이션에서 사용할 수있는 RGB를 얻을 수 있습니다.

Answer 2

ColorJizz이 필요합니다.

Answer 3

나는 이것이 당신이 찾고 있던 효과라고 생각합니다. randRange() 함수를 사용하면 최소값과 최대 값을 지정할 수 있습니다.

<script language="JavaScript" type="text/javascript"> 
function randRange(lowVal,highVal) { 
    return Math.floor(Math.random()*(highVal-lowVal+1))+lowVal; 
} 
function spectrum(){ 
    var hue = 'rgb(' + randRange(100,256) + ',' + randRange(100,256) + ',' + randRange(100,256) + ')'; 
    $('#div').animate({ backgroundColor: hue }, 1000); 
    spectrum(); 
} 
$(function(){ 
    spectrum(); 
}); 
</script>