HTML5 Canvas的多款星空背景動畫特效
$( 文檔 ).ready( 函數() {
//------------------------------------------------ ------------------------
//設定 - WarpDrive 參數
變數設定 = {
寬度:480,
身高:480,
自動調整大小:假,
autoResizeMinWidth: null,
autoResizeMaxWidth: null,
autoResizeMinHeight: null,
autoResizeMaxHeight: null,
addMouseControls: true,
addTouchControls: true,
hideContextMenu:true,
星數:6666,
starBgCount: 2222,
starBgColor: { r:255, g:255, b:255 },
starBgColorRangeMin:10,
starBgColorRangeMax:40,
starColor: { r:255, g:255, b:255 },
starColorRangeMin: 10,
starColorRangeMax: 100,
starfieldBackgroundColor: { r:0, g:0, b:0 },
星向: 1,
星速:20,
星速最大:200,
starSpeedAnimationDuration: 2,
starFov:300,
starFovMin:200,
starFovAnimationDuration: 2,
starRotationPermission: true,
starRotationDirection: 1,
starRotationSpeed: 0.0,
starRotationSpeedMax: 1.0,
starRotationAnimationDuration: 2,
starWarpLineLength: 2.0,
starWarpTunnelDiameter:100,
starFollowMouse靈敏度:0.025,
starFollowMouseXAxis:true,
starFollowMouseYAxis: true
};
多款漂亮的炫目目的透過配置參數進行靈活的配置,可用滑鼠進行互動的HTML5 Canvas星空背景動畫效果。
本站所有資源皆由網友貢獻或各大下載網站轉載。請自行檢查軟體的完整性!本站所有資源僅供學習參考。請不要將它們用於商業目的。否則,一切後果都由您負責!如有侵權,請聯絡我們刪除。聯絡方式:admin@php.cn
相關文章
28 Dec 2024
HTML5 中物件的儲存本機和會話儲存查詢:HTML5 的 localStorage 和 sessionStorage 能夠有效儲存原始資料...
Hot Tools
HTML5 Canvas愛心飄動動畫特效
HTML5 Canvas愛心飄動動畫特效是一款直接用瀏覽器開啟可以看到一顆心的生成動畫。
H5熊貓彈跳小遊戲原始碼
html5手機熊貓也瘋狂小遊戲原始碼。遊戲說明:長按螢幕調整熊貓彈簧的強度,跳到石柱上。掉到河裡遊戲結束。
html5情人節盒子動畫特效
基於svg繪製情人節一個個愛心盒子禮物打開動畫,愛心盒子動畫特效。
H5 3D滾球遊戲原始碼
html5酷炫3D彩球滾動手機遊戲代碼下載。遊戲介紹:一個彩色圓球滾動,透過滑鼠或手機觸控螢幕拖曳來控制彩球的運行當前線路軌跡。這是一款簡單易操作的手機小遊戲原始碼。