Can a website be made in cocos2d-html? - cocos2d-x

I have been working with cocos2d-iPhone, cocos2d-x, and cocos2d-html5 for quite some time. I wanted to ask if it is okay to build a website with cocos2d-html5. I want to do it because I want the website look interactive, animated, and scroll around like a game. We can do this with javascript, but is it possible to write it in cocos3d-html5? What are the drawbacks of doing this? And is there any existing website that is built on cocos2d?
Thank you for the help.

As i figured out, you cannot make a cocos2d-html based website as it is for making web apps for web sites. Although a web app can cover up the whole screen but there are a large number of issues assigned to creating such a situation. The internet users are used to using the refresh and back buttons on the web browser as well as opening in the new tab, nothing of these options would work in a cocos2d-html based web app as the navigation would be all done within the application and in no way can the button in the browser respond in the appropriate manner.

Related

Make phone numbers on the site clickable

Im new to react and im faced with a problem where I have to develop a functionality that would make every phone number clickable (put it in the
SOME_PHONE_NUMBER element). Is there a way to achieve this? Can I scan whole site's visible text every time its refreshed to look for them? The site im working on is a call center management service so there is a lot of non-static text (messages from client's etc.) so it would be hard to introduce this functionality only to specific components, and even then im not sure how that could be done.

Loading screen Windows phone 8

I want to change default loading screen when i navigate between pages on WP8 app but I don't know how to do it.
Thank you
So there is many ways of doing it and you need to address what exactly is your best solution.
So the splash screen is the first place to start, here you can specify images that should be used upon start the app. It is also possible to introduce animations.
Your case (As far as I understand) is referring to navigation in-app. Again here I assume you use Silverlight, and not Win-RT?
For this you can create either popups or change the PhoneApplicationFrame. Popups can be displayed across pages during navigation. This however has the issue with memory leak and low performance, because of the popup implementation in WP.
I would therefore go with changing the PhoneApplicationFrame, you can follow this: Specify Popup location, throughout page navigation
Very little information about you app, but maybe this will help:How to create a custom indeterminate progress bar for Windows Phone 8

Making a simple one-page website ready for browsing on iPhone

I'm very new to web design and just made a simple one page website for my iOS app here. I now want to make it so that when this page is opened on an iPhone, the whole thing is zoomed out enough because right now the right half of the page doesnt show. From my understanding and research so far, I need to use media queries and create a separate CSS stylesheet for mobile. However I feel like for such a simple page there should be an easier solution with some plug-and-play code. Something consisting of a simple conditional-type statement checking if the user is on mobile, and if so, gives the new dimensions of the page. I don't really know anything except for the very basics of html, css, and javascript when it comes to web development, so simple explanations would be highly appreciated.
I think you have to go for http://www.jquerymobile.com it is very good framework for mobile web.
Instead of creating a mobile-specific page you might want to experiment with the viewport meta-tag. The tag isn't used by desktop browsers, but it scales the size of what you see on a mobile device's screen. You can also check out Apple's guidelines for more information.

How can I most performantly display musical chord sheets in HTML5?

I am currently working on my final year project for my degree in Software Engineering. I have decided that my project will be to develop a web application using HTML5 that will display chord sheets in a web browser (specifically Google Chrome). The idea is that each member of a band might have some sort of device in front of them (iPad, laptop etc.) which can access the application where they can log in, view the chords for the songs as the progress through a set and add annotations which are stored in the database and then shown to the user each time the song is displayed on their screem.
However, I am having a problem with how best to display all this in a browser window. I want it to have a similar appearance to that of a PDF document displayed in a browser window in that the user is able to scroll horizontally and vertically and zoom in and out as if they were viewing a PDF document. Is using SVG graphics the best way to achieve this? Or is there another way?
Rendering speed is going to be important as the idea is that this will be a system that could potentially be used in live situation, and I need to make sure I keep page loading/rendering times as low as possible.
I would greatly appreciate any thoughts you have!
Check out Vexflow! It’s an open-source web-based music notation rendering API, written completely in JavaScript, and runs right in the browser. VexFlow supports HTML5 canvas and SVG.
Here’s a demo and here’s a tutorial.

Smooth page transitions in HTML5 with CSS3 without using jquery

I am designing a web page for mobile devices. I know jquery is awesome but I dont want to use it. I want to achieve smooth page transitions like this http://jquerymobile.com/demos/1.0a4.1/ but without using jquery. How can I achieve that? There are web service being called between page transtitions, hence there will be delay. I want it to be as smooth as possible.
Face it: You're going to have to use JavaScript, and it'll be very tedious without using some framework or other. To get smooth page transitions, you have two options:
1) Run the site as a single page. That is what is used in the site you link to. The whole thing has no page transitions; it's all one page with some click events used to animate the content and load it dynamically with AJAH.
2) Run a multi page site, but using local storage. You would have a small number of pages, and cache the resources needed for them. The JavaScript would run instantly when the page was loaded, and draw a nice load screen while the ordinary content was loaded and displayed by AJAX.
Personally, I wouldn't be too concerned about page transitions; it's just how websites work. Don't be put off by jQuery either, because by the time you've written all this JavaScript you will be wanting it. Even for mobile sites, the size of the library is just about acceptably small (you can use a CDN-cached copy).