Jump to content

musicman

Members
  • Content count

    62
  • Joined

  • Last visited

Community Reputation

5 Neutral

About musicman

  • Rank
    Newbie

Previous Fields

  • Languages
    HTML, Javascript, CSS, XML, PHP
  1. musicman

    Applying RegExp to an object prototype

    No. no error, console just tell the result that it is false and you're right, this method is not efficient. But I found another way and it works well. I create a regexp obj like this: var regex = /\bab\b|\babc\b|\babcd\b/gi; regex has more than 20k items, this replacing the dictionary array on the above code. And then, to match the obj.txt with dictionary items, I'm looping a conditional function like this: if ( arr.txt.match( regex ) ){ arr.isRoot = true; } else { arr.isRoot = false; } console.log( arr[1].isRoot ); // finally true It works now. Maybe the problem was something to do with the recursion on previous code but I'm not sure. Thanks @justsomeguy!
  2. musicman

    Applying RegExp to an object prototype

    Thanks @justsomeguy and Happy New Year! now I've found a little bit strange fact that the code above is actually works! However, in my original javascript file, the 'dictionary' has more than 20k items. It won't work if the item of the 'dictionary' is more than 20 items.. ??? how is that happen? is it the browser or my pc spec maybe?
  3. /* Merry Christmas everyone! */ I have an array of objects: arr = [ obj1, obj2 ]; Each object has prototypes: obj1.txt = "az"; obj2.txt = "abc"; obj1.isRoot = false; obj2.isRoot = false; And there's an array called dictionary, it formed like this: var dictionary = [ ["a","(n)"], ["ab","(n)"], ["abc","(n)"], ["abcd","(n)"] ] What I try to achieve is when obj.txt is similar to dictionary[x][0], then obj.isRoot turn to TRUE. I've made the function below so far but it doesn't work. function go(){ for ( i=0; i<arr.length; i++ ){ txt_source = arr[i].txt.replace( /\~|\`|\!|\@|\#|\$|\%|\^|\&|\*|\(|\)|\_|\-|\+|\=|\{|\}|\[|\]|\:|\;|\"|\'|<|\>|\,|\.|\?|\/|\\|(0-9)/g, "" ); ori = txt_source.toLowerCase(); regex = new RegExp( '\\b' + ori, 'gi'); for ( m=0; m<dictionary.length; m++ ){ if ( dictionary[m][0].match(regex) ){ arr[i].isRoot = true; // I want this happen for obj2.txt = "abc". } else { arr[i].isRoot = false; } } } console.log( ahoc_arr[x].isRoot ); // all objects always FALSE } Please help! Thanks!
  4. musicman

    Help in formula on javascript

    Specify the decimal number using toFixed(): var dec= 9.999 * 9.999; var specdec = dec.toFixed(6) console.log( specdec ); //99.980001 but the value will be a string.
  5. musicman

    Sine Wave math

    Oh I see. It said that : so balls originY = D or can we have more descriptive sentence for this.. Thanks for pointing this.
  6. musicman

    Sine Wave math

    Yes, I agree. It's just the same sine equation. The y1 is required on the canvas to have the center point of the ball, if y1 is not defined, the ball always start at (0,0) of the canvas. You guys rocks! I'm going to need a lot of beer discussing this with a math teacher. lol
  7. musicman

    Sine Wave math

    I understand now! html canvas animation can interpret the frequency very nicely on screen. Thanks, @justsomeguy!
  8. musicman

    Sine Wave math

    Hi, I added some workaround for sine and ellipse motion to CODY. I used another math equation of sinusoidal function: y = A sin [b (x - C)] + D In my case: y = y1 + A sin [b (x - C)] + D Please find the html here; once you're there, please click Snippets (the book icon) and choose "Animation Motion". Both sine and ellipse motion looks great. But I still have question about relationship between Math and js/html canvas. How the 'Period' value (x) affect the speed of the animation in the canvas? also, do you have suggestion to improve the animation snippet, please drop some advice here. Thanks!
  9. musicman

    Sine Wave math

    I tested it, it made the motion awkward. I will play around with this and find more math! this is great.
  10. musicman

    Sine Wave math

    I'll remember that, thanks! how about the t, should we use Date() or we can use fixed number and increment? Thank you for your time for this @Ingolme!
  11. musicman

    Sine Wave math

    Awesome! thanks @Ingolme. This is great for animation understanding base. How would you write the Angular Velocity and the "t", like this? Math.radians = function(degrees) { return degrees * Math.PI / 180; }; A * Math.sin( Math.radians( av ) * t ) + k + "px"; -------------------------------------------- My bad, it should be the "c" variable I found this on the web.
  12. musicman

    Sine Wave math

    Hi, I saw following function: var banner = document.querySelector( '.stage div' ), a = 50, b = 50, c = 0; function sine(){ banner.style.top = a * Math.sin( start ) + b + 'px'; banner.style.left = c + "px"; c += 0.1; } window.setInterval( sine, 50 ); It is to make a sine motion in js; it works. Does anyone know the original equation of this in math that similar to: y = a sin c + b, x = c ? Thanks!
  13. musicman

    Hey need some help

    You can use Tooltip or set an input placeholder attribute like: <input type="text" placeholder="this is place holder" />
  14. musicman

    Multiple CSS file as Themes

    That works very well! Thanks again. Now I shall create some designs.
  15. musicman

    Multiple CSS file as Themes

    Thank you @dsonesuk! I will try that method. When we change the href attribute of the stylesheet with a click, will the style changed immediately or we should refresh/reload the page first?
×