コニファ・ロゴ

jQueryプラグインquietflow.jsを使って、動く図形の背景を実装

jQueryプラグインquietflow.jsを使って、動く図形の背景を実装します。図形は予め9種類用意されていて、下側のselectから選べます。かなり古いPCでも動作します(その場合、動作はかなり重いですが)。
※参照元:http://paulkr.github.io/quietflow.js/

$("body").quietflow({
	theme : "squareFlash",
	squareSize : 20,
	maxRed : 255,
	maxGreen : 40,
	maxBlue : 100,
	speed : 200
})

$("body").quietflow({
	theme : "vortex",
	miniRadii : 40
})

$("body").quietflow({
	theme : "bouncingBalls",
	specificColors : ["rgba(255,10,50,.5)", 
		"rgba(10,255,50,.5)", 
		"rgba(10,50,255,.5)", 
		"rgba(0,0,0,.5)"]
})

$("body").quietflow({
	theme : "shootingLines",
	backgroundCol : "#141C26",
	lineColor : "#05E0E0",
	lineGlow : "#00ff00"
})

$("body").quietflow({
	theme : "simpleGradient",
	primary : "#B066FE",
	accent : "#63E2FF"
})

$("body").quietflow({
	theme : "starfield"
})

$("body").quietflow({
	theme : "layeredTriangles"
})

$("body").quietflow({
	theme : "cornerSpikes",
	specificColors : ["#009245", "#FCEE21"]
})

$("body").quietflow({
	theme : "floatingBoxes",
	specificColors : ["rgba(46,204,113,.5)", 
		"rgba(52,152,219,.5)", "rgba(231,76,60,.5)", 
		"rgba(155,89,182,.5)", "rgba(241,196,15,.5)"],
	boxCount : 500,
	backgroundCol : "black"
})

 

 

 

 

戻るボタン