wengefan / fake-puzzlendragon

JS Beginner and this my first game

Fake-PuzzlenDragon

Hey,Nice to meet your. I am just a beginner of Js,and also to fan for Puzzle and Dragons(※PAD).I try my best to write to good grammer, if your feel some grammer wrong, please let me know.

I have make a game look like PAD,and both of assets what i used is not my original, if you think that have something wrong, i would use other to replace that.

Reference

When i study Js,Those of website is usefully and really help to to solved most of problem 1.LearningPixi

(KittyKatatack, Thanks!!!!).

2.createJs

(Main for SoundJs, And i still studing TweenJs....)

3.PIXI sample

(Best Website for Beginner i think)

4.JavaScript Linq

this help to able to remove drop,maybe i can say i cant done this game without linq

OK, i would start to explain my game.
this is my workFolder

C:.                                                                                                                                    
├─index.html                                                                                                                                    
├─readme.txt                                                                                                                                    
├─lib                                                                                                                                    
└─src                                                                                                                                    
    ├─images                                                                                                                                    
    └─sounds

   
Both of that is library I have used,this all is able download from website i show above either here.

<script src = 'lib/commonMethod.js'></script>
<script src = 'lib/commonPIXI.js'></script>
<script src = 'lib/linq.js'></script>      
<script src = 'lib/pixi.min.js'></script>  
<script src = 'lib/pixi-layers.js'></script>                                                                                           
<script src = 'lib/soundjs-0.6.2.min.js'></script>  
<script src = 'lib/tweenjs.min.js'></script>                   

About
'What is PIXI'
'How to use PIXI' 'How to use Json File'
'How to play sound'
Sorry for my Explanatory Power,someone who dont know to use what i write above, pls refer to website i have shoe on Top.
(Because i am also learning from those website!)

Game

This game is function LIKE Puzzle and Dragon

Your are able to drag a drop move over map.

Rule

That is very Easy You just Need to make 10combos in 8 seconds.

if you cant do it in 5 times, game is over.

when you win the game, the monster would be eggs and show.

Some issue for me

Q : I wish to use TweenJs to control sprite, is TweenJs position to share stage with PIXI? When matched drops was remove, your can hear the effect sound, but very low volume(because i am get it from youtube, and use (GoldWare)[https://www.goldwave.com/] to modified it.)

i need some way to mave a effect able to increase a frequency(Hz), SoundJs look like not support it, can some one tell me how to make it?

example like

1 combo = play sound with 10Hz

2 combo = play sound with 12Hz

3 combo = play sound with 14Hz and etc

A : OK,I have using ToneJs to solved it, but tone is not same enought

Q : When page is startup, startupBgm is not able to play, but sound effect trigged by some effect is able to play.

Is it my setting problem?

Improvement

Q : i am trying to use TweenJs to move monster or egg , but maybe i need more times....

A : OK, I added it, but also not perfect enough

if your have feel some bugs or any comments, please tell me, i try to make this game be more complete.

Thanks for your are reading until here.

This is my first game, if your have feel some bad thing for me, i would try to improve it.

Thank.