[Code] Pháo hoa Schillmania[✔]

by **handsomevip007** 13/1/2014, 8:46 am

* Thông tin sơ lược
Pháo hoa Schillmania được sản xuất bởi "Công ty" Schillmania, có trụ sở đặt tại schillmania.com và được ngâm cứu phát triển thêm bởi Viện ngâm cứu code trực thuộc "Tập đoàn" ChinhPhuc

* Công dụng
Dùng vào các dịp lễ cho vui mắt hehe

* Demo
https://i.servimg.com/u/f57/15/64/85/86/cp30110.png
[Code] Pháo hoa Schillmania[✔] Cp30210

* Lắp đặt
Vào overall_header chèn code dưới vào sau <body>

Code:: <script src="http://www.cuongpham.vn/uploads/4/2/4/9/4249414/custom_themes/352373925162131518/files/soundmanager2-nodebug-jsmin.js"></script> <script src="http://www.cuongpham.vn/uploads/4/2/4/9/4249414/custom_themes/352373925162131518/files/fireworks.js"></script> <div id="fireworks-template"> <div class="firework" id="fw"> </div><div class="fireworkParticle" id="fp"><img src="http://i57.servimg.com/u/f57/15/64/85/86/partic10.gif"></div></div><div id="fireContainer"></div><div class="FWF">Tắt</div><div id="FWBG"><div id="FWF" onclick="createFirework(20,100,5,null,50,100,null,null,null,null);"></div></div> <script> $('.FWF').click(function(){$('body').toggleClass('CPFW')}); </script> <style> #fireworks-template { display:none;} #fireContainer { position:absolute; left:0px; top:0px; z-index:706;} .firework {position:absolute; left:0px; top:0px; font-size:1px; width:4px; height:4px; border:1px solid #333; background:#666;} .fireworkParticle {position:absolute; font-size:1px; width:10px; height:10px; overflow:hidden;} .fireworkParticle img { display:block; width:100px;} #sound { position:absolute; left:-706px; top:-706px;} #debug { position:absolute; left:8px; top:8px; width:220px; height:165px; overflow:hidden; color:#666; display:none;} #FWF,.FWF{background: red url(http://i57.servimg.com/u/f57/15/64/85/86/cp29910.jpg) -2px center;padding: 5px 10px;width: 70px;box-shadow: inset 0 4px 45px 0 #E20707;border-radius: 3px;cursor: pointer;z-index: 999;position: fixed;bottom: 10px;left: 47%;background-size: 100px;height: 50px} .FWF {position: absolute;top: 10px;left: 10px!important;width: 40px!important;height: 20px!important;color: #FFF;padding-top: 30px!important;font-size:0} .CPFW .FWF{box-shadow: inset 0 4px 45px 0 #160000!important;opacity: .3;font-size:14px} .CPFW .FWF:hover {opacity:1} #FWBG{background: #111 url(http://i57.servimg.com/u/f57/15/64/85/86/cp30010.png)repeat-x bottom;width: 100%;height: 100%;position: fixed;top: 0;left: 0;z-index: 99;display: none} .CPFW{overflow:hidden!important} .CPFW #FWBG{display:block!important} </style>

* Tùy biến, chỉnh sửa
- Tìm trong code trên link ảnh https://i.servimg.com/u/f57/15/64/85/86/cp30010.png thay bằng thành phố khác mà bạn thích (Ảnh trên là New York - Mỹ hehe

)
- Tùy chỉnh "ngòi nổ" createFirework(20,100,5,null,50,100,null,null,null,null); trong code trên theo ý bạn. (Xem thêm thông số kĩ thuật bên dưới)

* Thông số kĩ thuật "ngòi nổ"
- Công thức tổng quát createFirework(tầm nổ,lượng thuốc nổ,lớp nổ,màu chủ đạo,vị trí bắn x,vị trí bắn y,vị trí kích nổ x,vị trí kích nổ y,quy luật,tầm ảnh hưởng);

- Thông số chính:
+ Tầm nổ: tính theo % chiều rộng màn hình, nhận giá trị từ 1 đến 100. Đây là độ rộng của pháo hoa khi nổ.
+ Lượng thuốc nổ: nhận giá trị từ 1 đến 200 (có thể hơn). Đây là số lượng điểm sáng khi pháo hoa nổ.
+ Lớp nổ: nhận giá trị từ 1 đến 8 (có thể hơn). Đây là số lượng lớp của pháo hoa khi nổ.
+ Màu chủ đạo: (luôn có màu chủ đạo và 1 màu phụ bất kì) nhận giá trị từ 1 đến 7. Với 1 là đỏ, 2 là vàng, 3 là xanh lá, 4 là xanh dương, 5 là xanh da trời, 6 là hồng, riêng 7 là 1 màu chủ đạo bất kì và không có màu phụ.
+ Vị trí bắn x: tính từ trái sang phải theo % chiều rộng màn hình, nhận giá trị từ 1 đến 100. Đây là vị trí bắn ra của pháo hoa theo chiều ngang.
+ Vị trí bắn y: tính từ trên xuống theo % chiều cao màn hình, nhận giá trị từ 1 đến 100. Đây là vị trí bắn ra của pháo hoa theo chiều dọc.
+ Vị trí kích nổ x: tính từ trái sang phải theo % chiều rộng màn hình, nhận giá trị từ 1 đến 100. Đây là vị trí mà pháo hoa phát nổ theo chiều ngang.
+ Vị trí kích nổ y: tính từ trên xuống theo % chiều cao màn hình, nhận giá trị từ 1 đến 100. Đây là vị trí mà pháo hoa phát nổ theo chiều dọc.
+ Quy luật: nhận giá trị true(hình dạng khi nổ bất kì) hoặc false(dạng hình tròn khi nổ).
+ Tầm ảnh hưởng: nhận giá trị true(khi nổ gặp biên màn hình sẽ dội lại) hoặc false(nổ thoải mái không giới hạn).
Ghi chú: Nếu những thông số nói trên nhận giá trị null thì sẽ thông số đó sẽ nhận giá trị ngẫu nhiên trong phạm vi cho phép

Vd: createFirework(61,61,3,3,100,49,null,null,false,true);, pháo sẽ có độ rộng khi nổ là 61% chiều ngang màn hình với 61 điểm sáng khi nổ tạo thành 3 lớp với màu chủ đạo là màu xanh lá. Vị trí khi bắn ra là 100 (sát mép phải) và 49 (gần ở giữa chiều cao). Nổ tại một nơi bất kì. Nổ theo hình tròn và gặp biên màn hình sẽ dội lại.

"Ngòi nổ" phía trên có tự kết hợp với chính nó hoặc kết hợp để "tác chiến" chung với các "đơn vị" Javascript thông thường. Và tất nhiên với khả năng này thì chúng ta có thể sáng tạo ra nhiều màn trình diễn pháo hoa cực kì ấn tượng rồi ngại quá

* Lời kêu gọi toàn Chinh Phục "khánh chiến"
Ông bà ta có câu "Một cây làm chẳng nên non - Ba cây chụm lại (thấy thừa hai cây ...à không :P ) nên hòn núi cao". Vì trong quá trình bàn giao và ngâm cứu số pháo hoa này, Viện ngâm cứu ChinhPhuc

đã vô tình làm... rơi đâu mất cái "chất tạo tiếng nổ". Vì vậy ChinhPhuc

kêu gọi mọi người liên hệ với nhà cung cấp ( htpp://schillmania.com/projects/fireworks/ ) tìm thử xem có thấy cái "chất" đó ở đâu không để đóng góp vào cho "công trình" này thêm hoàn thiện.

Ngoài ra, Viện ngâm cứu code

cũng hân hoan chào đón các nhà ngâm cứu "ngòi nổ" tại Đặc khu ngâm cứu pháo hoa ( http://diendan.chinhphuc.info/h103-CPFireworks ). Hãy sáng tạo những màn trình diễn pháo hoa đặc sắc của riêng bạn và đóng góp vào thư viện "ngòi nổ" của

. Những đóng góp đẹp và sáng tạo của các bạn sẽ được sử dụng trình diễn trong các dịp lễ lớn ngại quá

Cuối cùng, xin nhắn gửi các bạn đừng ngồi nghịch pháo hoa dẫn đến tai nạn thương tâm như báo đưa tin mấy ngày nay. Hãy là người khôn ngoan và thỏa sức tò mò sáng tạo của mình tại Đặc khu ngâm cứu pháo hoa của ChinhPhuc

. Chúc các bạn luôn vui vẻ, may mắn và thành công trong sự nghiệp chế tạo pháo hoa của mình ngại quá

Người nào sản xuất hoặc chiếm đoạt pháo nổ; chế tạo, tàng trữ, vận chuyển, sử dụng, mua bán trái phép hoặc chiếm đoạt thuốc pháo, thì bị truy cứu trách nhiệm hình sự về Tội “chế tạo, tàng trữ, vận chuyển, sử dụng, mua bán trái phép hoặc chiếm đoạt vật liệu nổ” quy định tại điều 232 Bộ luật Hình sự

Một số liên kết
- Dự án pháo hoa thuộc "Công ty" Schillmania
http://schillmania.com/projects/fireworks/
- Đặc khu ngâm cứu pháo hoa "Tập đoàn"
http://diendan.chinhphuc.info/h103-CPFireworks

Kí tên hết bài
[Code] Pháo hoa Schillmania[✔] A14-1211

by **anhdaodaica1** 13/1/2014, 8:52 am

Tem

Nhưng sao ko thấy gì ấy nhỉ Thắc mắc

by **handsomevip007** 13/1/2014, 9:22 am

anhdaodaica1 đã viết:Tem
Nhưng sao ko thấy gì ấy nhỉ

[Code] Pháo hoa Schillmania[✔] 2625409332

Không lo đọc kĩ mà lo tem. Có nhiêu đó làm cũng không xong nữa thì làm gì giờ

by **anhoang_qn** 13/1/2014, 11:22 am

trong js móc ra đoạn này

Code:: var sounds = { 'fire0': 'http://schillmania.com/projects/fireworks/audio/boom3.mp3', 'fire1': 'http://schillmania.com/projects/fireworks/audio/boom4.mp3', 'boom0': 'http://schillmania.com/projects/fireworks/audio/boom1.mp3', 'boom1': 'http://schillmania.com/projects/fireworks/audio/boom2.mp3', 'boom2': 'http://schillmania.com/projects/fireworks/audio/pop1.mp3', 'boom3': 'http://schillmania.com/projects/fireworks/audio/pop2.mp3', 'boom4': 'http://schillmania.com/projects/fireworks/audio/pop3.mp3', 'boom5': 'http://schillmania.com/projects/fireworks/audio/pop4.mp3', 'boom6': 'http://schillmania.com/projects/fireworks/audio/pop5.mp3', 'boom7': 'http://schillmania.com/projects/fireworks/audio/pop6.mp3' }; for (var item in sounds) { if (sounds.hasOwnProperty(item)) { soundManager.createSound({ id: item, url:sounds[item], autoLoad: true }); } } });

link nào cũng sống, sao lại chả nghe tiếng, [Code] Pháo hoa Schillmania[✔] 2625409332

by **K.-Kun** 13/1/2014, 1:16 pm

@Hand: Á à! Cho chú xem code rồi chú cướp về làm của riêng *Mode on now: ngây thơ vô số tội*

by **handsomevip007** 13/1/2014, 1:22 pm

@anhhoang_qn: Vấn đề là ở chỗ đó
@Kazu: haha

Chia sẻ mọi người xem chung chớ bộ ngại quá

Nếu đẹp thì được chọn đi trình diễn pháo hoa toàn ChinhPhuc

nữa

by **K.-Kun** 13/1/2014, 1:29 pm

Á à! Được được! Tổ chức event đi ;>

by **Méo Hắc Hắc** 13/1/2014, 4:49 pm

Méo mới gửi cho cái code khá dễ đụng hàng, ChinhPhuc

xem thử đi haha

by **anhdaodaica1** 14/1/2014, 1:41 pm

handsomevip007 đã viết:
anhdaodaica1 đã viết:Tem
Nhưng sao ko thấy gì ấy nhỉ
Không lo đọc kĩ mà lo tem. Có nhiêu đó làm cũng không xong nữa thì làm gì giờ

Thì ông bà ta có câu "giục tốc bất bại..à ko~ bất đạt" mà. Lo 1 việc phụ thuộc vào tốc độ thì làm sao mà lo 1 việc khác được chứ hehe

À mà cho hỏi nếu muốn bật sang "chế gộ bắn pháo hoa" đồng thời vô hiệu hóa 1 vài cặp div thì thêm gì vào

Code:: $('.FWF').click(function(){$('body').toggleClass('CPFW')});

vậy Hands?

Hiện tại thì mình đang dùng vài thẻ div có chức năng hiện nội dung trượt theo trình duyệt và mình muốn dùng cái này làm nơi thông báo nên muốn mấy cái thẻ div đó bị vô hiệu hóa đi Vui