Advise on Implementing card game on html [closed] - html

It's difficult to tell what is being asked here. This question is ambiguous, vague, incomplete, overly broad, or rhetorical and cannot be reasonably answered in its current form. For help clarifying this question so that it can be reopened, visit the help center.
Closed 10 years ago.
I am looking to implement a card based game (much like yu-gi-oh) of Game of Thrones. I am not new to programming I have a good level in Java, C, C++, but I am fairly new to html and its libraries. I wanted to know if anyone could give me some advises on which libraries or methods should I use.
I will need to be able to:
Have a large data base.
Make little animations, just little translations and rotations of an image.
Add personalized buttons and other menu items.
Duels between players and multiplayer to 5 persons.
I Thank you in advance.

For database you should use PHP + MySQL.
For animations use javascript with jquery library,HTML5,CSS3.
Personalized buttons,other menu items probably CSS-CSS3
Duels between players and multiplayer to 5 persons,umm probably use NodeJS,but it can be done in PHP+Ajax.
Or you can write it in Java,and embed it into a website.
Check Drakensang online,written in Java ,embededd into a website.
Good website for learning web development: http://www.w3schools.com/
Ajax: http://www.w3schools.com/ajax/ajax_intro.asp
Jquery: jquery.com/
PHP: php.net/manual/en/index.php
NodeJS: nodejs.org/
MySQL: www.mysql.com/

Just use html5 and you will be fine. If you need more then jquery is probably useful.
In more detail:
little animations, translations and rotation: rotate image
personalized buttons: normal grafic or css
for multiplayer, you probably need sockets too. Those are also supported in html5.

Related

Offline WebApp Game for iPad [closed]

It's difficult to tell what is being asked here. This question is ambiguous, vague, incomplete, overly broad, or rhetorical and cannot be reasonably answered in its current form. For help clarifying this question so that it can be reopened, visit the help center.
Closed 10 years ago.
I'd like to make a super basic one-button space invaders game on iPad via an offline webapp (using the cache.manifest and canvas). Enemies would fly by your ship and you simply press a button to shoot at them, no left or right movement. Before I begin development though I'd like to know if it will even perform up to snuff.
Does anyone have experience with making simple offline webapp games? Would such a game perform well? Would it support detailed image graphics (not just geometric basics)? All I need is basic Flash level game support/performance. Thanks!
Yes, you can get good performance with WebGL. If you want an example try this HTML5 version of Angry Birds that was developed just to show WebGL tecnology.
There are also many HTML5 game frameworks to help the development, some examples are:
EaselJS
limeJs
Impact
Gamequery

Using HTML5 Boilerplate [closed]

It's difficult to tell what is being asked here. This question is ambiguous, vague, incomplete, overly broad, or rhetorical and cannot be reasonably answered in its current form. For help clarifying this question so that it can be reopened, visit the help center.
Closed 10 years ago.
I have searched for guides on how to use Boilerplate, and have found nothing to really help me out, so I apologize if this has been asked before. I was just wondering how I use Boilerplate? I am a WebDev newbie and I'm not even sure what it is honestly. Is it like Notepad++? I.E. something I can write HTML in? Or...?
A boilerplate is a bunch of files (HTML, CSS, JS libraries, configuration files, images, etc.) preconfigured to set a basic skeleton from which begin to customize and develop your own application (standalone or web).
Examples are HTML5 Boilerplate and jQuery Boilerplate
Usually these boilerplates have to be downloaded and unzipped into your development directory and customized.
Some projects (Yeoman for example) aims to automate the whole process giving you a development structure ready to be customized.
Customization can be done with your usual tools (Notepad, TextMate, Sublime Text, Emacs, Dreamweaver, etc.).
However, it requires a good knowledge of many aspects of development to reach a good customization level (since you'll have to tweak many things in your starting skeleton), so if you're a newbie, I suggest to start with something easier and gradually approach to it.

Animated pictures on a website [closed]

It's difficult to tell what is being asked here. This question is ambiguous, vague, incomplete, overly broad, or rhetorical and cannot be reasonably answered in its current form. For help clarifying this question so that it can be reopened, visit the help center.
Closed 10 years ago.
How easy is it to animate 5 pictures/photos?
E.g. http://artyougrewupwith.com/
What's the best language(s) to use to do this effect?
Regards
Tea
You could either do an animated gif (which is rather old technology), or you could javascript to set a timer to switch the image sources. I would recommend using javascript code. Here is a sample:
var i=0;
var imageSrcs=['image1.png','image3.png','image3.png','image4.png','image5.png'];
var imageElement=document.getElementById('imageToAnimate');
setInterval(
function(){
imageElement.src=imageSrcs[i];
i=(i+1)%(imageSrcs.length+1);
},1000)//Every 1000 milliseconds
This will cycle through the images in the array at a rate of 1/sec and will repeat once it reaches the end.
There are at least two ways to do this (not counting Flash):
JavaScript:
Probably the most common way to do it today would be to use JavaScript. Writing it from scratch on your own might take some time, especially if you are not used to writing JavaScript. However, if you are okay with using a library like jQuery, there are plenty of plugins that does exactly that.
Here is one example:
http://nivo.dev7studios.com/
CSS
With CSS becoming increasingly more powerful through the features added with CSS3, it is also possible to accomplish a slideshow with that. Smashing Magazine has an article on how it can be achieved. Here's an example of what that could look like.
The drawback with this solution is a limited browser support for the new CSS-features.

best way to build a web page [closed]

It's difficult to tell what is being asked here. This question is ambiguous, vague, incomplete, overly broad, or rhetorical and cannot be reasonably answered in its current form. For help clarifying this question so that it can be reopened, visit the help center.
Closed 11 years ago.
I have been developing a magazine engine which behaves like a web page. Currently it is heavily dependent on a nested system of divs labelled by id's and classes to allow it to be swappable, and resize to fit the monitor of the device in question.
I recently showed this to someone, asking for feedback on how it looked, and he concentrated on how sloppy the html was.
My question is, is it better to have a clean, unadorned html at the very beginning of the load, and build out the code to make the magazine that allows for the swiping on the different devices and click-throughs for desktop versions?
Sorry I don't have a demo handy, I'm trying several css frameworks to gain control over the typical adventurous "let's try this" coding cycle to make it easier to understand and update for the future (an integrated creation system online, with styles a creator can modify). This latest iteration is exploring responsive image downloads.
Not sure what you mean by a magazine that allows for swiping .... but there are frameworks out there that lets you skip the HTML authoring altogether and stick with Javascript and CSS to render your application in a browser compatible manner as well as ability to show in a mobile device. Take a look at Sencha (ExtJS and Touch)

charts in HTML5? [closed]

It's difficult to tell what is being asked here. This question is ambiguous, vague, incomplete, overly broad, or rhetorical and cannot be reasonably answered in its current form. For help clarifying this question so that it can be reopened, visit the help center.
Closed 9 years ago.
I am new to HTML5.I see lot of charts using sencha,fusion.Is it possible drawing charts without using any scripts in HTML5?Have they used scripts?If it is possible only through scripts,why should we use HTML5? is Normal HTML Enough?
HTML5 has something called canvas that can show beautiful charts like this.
Now, do draw a chart, we need data primarily. That is xml, json or javascript array or something like that. HTML5 is just the latest version of HTML which makes it a Markup Language.
HTML just can render graphs into the screen once your script supply it all your data.
The point is, HTML5 cannot parse your custom data. And also to make it compatible to our good old IE, who apparently have not heard of canvas yet, , we need libraries like explorercanvas.
And to make this drawing simpler and cross browser friendly, we use libraries like
Raphaƫl
RGraph
if you want performance and beauty you have this - http://www.highcharts.com
thanks