RE: Noughts and crosses game using client side javascript (JQuery) in a webpage

  • From: Jacob Kruger <Jacob.Kruger@xxxxxxxxxxxx>
  • To: "programmingblind@xxxxxxxxxxxxx" <programmingblind@xxxxxxxxxxxxx>
  • Date: Wed, 15 Sep 2010 15:30:54 +0200

Ok, think will be ignoring html5 audio tag for now - this from w3schools.org:
"The latest versions of Safari, Chrome, Firefox, and Opera support some HTML5 
features. Internet Explorer 9 will support some HTML5 features."

Stay well

Jacob Kruger
jacob.kruger@xxxxxxxxxxxx

From: programmingblind-bounce@xxxxxxxxxxxxx 
[mailto:programmingblind-bounce@xxxxxxxxxxxxx] On Behalf Of Jacob Kruger
Sent: 15 September 2010 02:37 PM
To: programmingblind@xxxxxxxxxxxxx
Subject: RE: Noughts and crosses game using client side javascript (JQuery) in 
a webpage

Not yet, since was partly hoping to stick to possibly slightly older HTML 4.0 
etc. Just in case older browsers wouldn't like it, but will check it out/test 
it.

Stay well

Jacob Kruger
jacob.kruger@xxxxxxxxxxxx

From: programmingblind-bounce@xxxxxxxxxxxxx 
[mailto:programmingblind-bounce@xxxxxxxxxxxxx] On Behalf Of E.J. Zufelt
Sent: 15 September 2010 02:18 PM
To: programmingblind@xxxxxxxxxxxxx
Subject: Re: Noughts and crosses game using client side javascript (JQuery) in 
a webpage

Have you looked at using html5 audio?  I'm not sure if you can accomplish what 
you are trying to do, but the audio element can be controlled with JS.


Everett Zufelt
http://zufelt.ca

Follow me on Twitter
http://twitter.com/ezufelt

View my LinkedIn Profile
http://www.linkedin.com/in/ezufelt



On 2010-09-15, at 8:09 AM, Jacob Kruger wrote:

Ok, tried things like an <embed /> tag, but seems like <bgsound is most likely 
better, but have now converted those same sound clips to a much lower bitrate, 
and most likely without any MS specific encoding, so they're around a 10th of 
the size they were originally, so might work better/load much faster etc.

Unfortunately doesn't seem like there's any real way to as such cache those 
sound clip frames inside the browser, and then just force browser to play them 
from local cached source, but anyway...

Stay well

Jacob Kruger
jacob.kruger@xxxxxxxxxxxx<mailto:jacob.kruger@xxxxxxxxxxxx>

From: 
programmingblind-bounce@xxxxxxxxxxxxx<mailto:programmingblind-bounce@xxxxxxxxxxxxx>
 [mailto:programmingblind-bounce@xxxxxxxxxxxxx] On Behalf OfJacob Kruger
Sent: 15 September 2010 07:01 AM
To: programmingblind@xxxxxxxxxxxxx<mailto:programmingblind@xxxxxxxxxxxxx>
Subject: Re: Noughts and crosses game using client side javascript (JQuery) in 
a webpage

Cool.

The sound effects are currently something like windows encoded .wav files being 
played using a <bgsound /> tag in a page being loaded in a page inside a sort 
of hidden <iframe /> tag, so there are also a couple of different ways to 
implement the playing thereof, so will double check on fiddling with those.

Thanks for trying it out...<smile>

Stay well

Jacob Kruger
Blind Biker
Skype: BlindZA
'...fate had broken his body, but not his spirit...'
----- Original Message -----
From: Storm Dragon<mailto:stormdragon2976@xxxxxxxxx>
To: programmingblind@xxxxxxxxxxxxx<mailto:programmingblind@xxxxxxxxxxxxx>
Sent: Wednesday, September 15, 2010 12:56 AM
Subject: Re: Noughts and crosses game using client side javascript (JQuery) in 
a webpage

Hi,
I am using Firefox version 3.6.9 in Vinux (Ubuntu 10.04). The game works great 
but there are no sounds.
Awesome game by the way.
Thanks
Storm

--

Registered Linux user number 508465:

http://counter.li.org/

Follow me on Twitter:

http://www.twitter.com/stormdragon2976

My blog, Thoughts of a Dragon:

http://www.stormdragon.us/

Last.fm:

http://www.last.fm/user/stormdragon2976

Get yourself a Frostbox:

http://www.frostbitesystems.com/

On Tue, 2010-09-14 at 22:12 +0200, Jacob Kruger wrote:
Check out:
http://blindza.co.za/noughtsAndCrosses/
It uses the JQuery javascript library to implement a form of dynamic HTML, 
including sound effects, and visual effects in a simple version of 
ticTacToe/noughts and crosses, and all the logic/pseudo-AI is included in the 
client-side javascript, which is hidden in a script source PHP file so that you 
can't access it from the browser, using sort of alternating session variables, 
which makes it only render correctly if it's sort of called from the actual 
interface page, etc.
Comes to a total of around 214 lines of javascript scripting, and I just 
appreciate the fact that JQuery really lets use implement/make use of DHTML, 
including querying element attributes easily enough, and I even implemented 
some minor dynamic style sheeting class changes to render visual effects, apart 
from changing the interface buttons' text values, etc.
One thing still plan to try out is a way of rendering the sound effects a bit 
more quickly than just reloading the hidden inline frames that have their 
background sounds being made use of - will maybe try to either load each of 
them in a separate inline frame and then just refresh them since the browser 
might then make use of a cached sound file instance at each refresh trigger, 
but that would also, obviously, render a bit of 'noise' in the beginning, so 
not 100% sure as of yet, but anyway.
Lastly, my version of AI made use of here is to just get it to check possible 
combinations of available buttons, by looping through the combo's to check the 
sort of current button value states, and then choose which move to make next 
like that.
Stay well

Jacob Kruger
Blind Biker
Skype: BlindZA
'...fate had broken his body, but not his spirit...'


__________ Information from ESET NOD32 Antivirus, version of virus signature 
database 5451 (20100914) __________

The message was checked by ESET NOD32 Antivirus.

http://www.eset.com


__________ Information from ESET NOD32 Antivirus, version of virus signature 
database 5451 (20100914) __________

The message was checked by ESET NOD32 Antivirus.

http://www.eset.com

Other related posts: